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

アクセシビリティ 2021 / Accessibility 2021

アクセシビリティ 2021 / Accessibility 2021

Cybozu

May 17, 2021
Tweet

More Decks by Cybozu

Other Decks in Technology

Transcript

  1. ⾒る ロービジョン 全盲 話す ⾔語障害 聞く ろう 難聴 読む ディスレクシア

    集中する うつ ADHD 動く 肢体不⾃由 ⾻折・怪我 ⼩さい画⾯ 電⾞内 マスク 海外出張 在宅ワーク ⽇光下 急な予定 育児中 満員電⾞ 運転中 英⽂ 騒⾳ 静⾳環境
  2. • HTML標準のインタラクティブ要素はキーボードで操作できる • button, select, input要素など • 以下は⾃分でキーボード操作を実装する必要がある • 独⾃のUIパーツを作る場合

    • マウスに依存する操作を提供する場合 • キーボードフォーカスしたときのスタイルをつける キーボード操作についての注意
  3. • Web Content Accessibility Guideline 2.1 https://waic.jp/docs/WCAG21/ • W3Cが勧告しているアクセシビリティ基準リスト •

    各国のアクセシビリティに関する法律は、この基準を採⽤ ガイドラインを読んでみよう