Forked from: milk55's 2017-02-07 1st View Diff (85)

forked: 2017-02-07 1st

shima_x_o

License: MIT License

Fork
0
Fav
0
View
173
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 20 lines
  • HTML 12 lines
  • CSS 77 lines
# グループD


## `data-state` を `aria-selected` に変更

- 選択されているアコーディオンを示すために `aria-selected` に変更


## `aria-expanded` を追加

- アコーディオンの開閉状態を示すために `aria-expanded` を追加。


```html
<button aria-selected="false" aria-expanded="false">First title in block of content</button>
```

## `data-content` を `aria-hidden` に変更

- アコーディオンが表示されているかされていないかを `aria-hidden` を使い明示的にする


---

- aria-multiselectable="true" 複数選択可能な選択項目があることを示す。
- role="tablist" でタブであることを示す


```html
<div class="collapsible" role="tablist" aria-multiselectable="true">
```

---


```html
<p role="tabpanel" aria-labelledby="tab_1"></p>
```
  • forked: 2017-02-07 1st
  • jQuery v2.1.0
  • forked: 2017-02-07 1st

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

shima_x_o

Author

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags