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

社内にアクセシビリティ改善を広める際に意識したこと

 社内にアクセシビリティ改善を広める際に意識したこと

Mikio Fujita

June 06, 2023
Tweet

More Decks by Mikio Fujita

Other Decks in Technology

Transcript

  1. 誰でも不自由な状況になりうる • メガネのフレームが割れた ◦ → 拡大出来ないページは読めない • 利き手を骨折した ◦ →

    マウスのみで操作する UI が利用できない • 通信量制限で低速回線になった ◦ → 読み込み容量の大きいサイトが開けない 9
  2. チーム外にも話題を共有する • フロントエンドについて話す場で話題に出す ◦ MTG や Slack チャンネルなど ◦ 話題に関連させたり、自分が実践したことを共有

    • 話題が増えてきたらSlackチャンネルを作る ◦ なんでも話せる場を作る ◦ アプリエンジニアや他職種の方も気軽に参加できるように 18
  3. 改善を難しく捉えすぎない • 実際にやろうとすると知識の膨大さに面を食らう • WAI-ARIA を意識しすぎない ◦ ボタンなら button を使うなど、HTMLに元からある要素を使う

    ◦ セマンティクスを意識する • わかりやすいガイドラインにあたる ◦ WCAG のガイドラインは難しい ◦ freee さん / CyberAgent さんなどわかりやすいガイドラインへ ▪ https://a11y-guidelines.freee.co.jp/ ▪ https://a11y-guidelines.ameba.design/ 27