Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Accessible な実装を求めたら大変だった

Accessible な実装を求めたら大変だった

Yuichi Sugiyama

November 28, 2018
Tweet

More Decks by Yuichi Sugiyama

Other Decks in Technology

Transcript

  1. State ͱ Viewͷ࿈ಈ <li id = "region_0" aria-label = "๺ւಓ"

    role = "treeitem" class = "icon_arrow_close" aria-expanded = "false" > <li id = "region_1" aria-label = "౦๺” role = "treeitem" class = "icon_arrow_open" aria-expanded = "true">
  2. State ͱ Viewͷ࿈ಈ <li id = "region_0" aria-label = "๺ւಓ"

    role = "treeitem" class = "icon_arrow_close" aria-expanded = "false" > <li id = "region_1" aria-label = "౦๺” role = "treeitem" class = "icon_arrow_open" aria-expanded = "true"> 4UBUFʹ࿈ಈͯ͠7JFX༻ʹDMBTTΛ੾Γସ͑
  3. ͜͏Ͱ͖ͯͨΒΑ͔ͬͨ • State ͱ View = ϓϩάϥϚʔ ͱ σβΠφʔ •

    σβΠφʔͱ࣮૷Λҙࣝͨ͠Viewͷ࡞੒ • aria-expandedΛCSSηϨΫλʹ࢖͏
 ex.) li[aria-expanded=“true”]