アクセシビリティ in 令和

アクセシビリティについてどう思ってますか？『アクセシビリティとか聞いたことないんだけど？』　　　　　　　　　　　　　　　　『知ってる、古代のSEO対策でしょ（笑）』『うちのサービスはターゲットが違うから必要ない』

Webアクセシビリティとは？（1） W3Cの創始者ティム・バーナーズ＝リー氏いわく...... The power of the Web is in
its universality. Access by everyone regardless of disability is an essential aspect. Tim Berners-Lee, W3C Director and inventor of the World Wide Web Webのパワーは、その普遍性にある。障害の有無に関係なく、誰もが使えることが、その本質である。

Webアクセシビリティとは？（2） W3CはHTMLをセマンティックに書くことを推奨している。セマンティックに書くことで、Botがコンテンツの内容を正しく認識し、検索エンジンの検索結果に反映される。 HTMLがセマンティックに書かれていなければ、スクリーンリーダー（読み上げブラウザ）での利用が困難になる。

Webアクセシビリティとは？（3）例えば...... buttonの代わりにdivタグを利用した場合、プログラムにはそのdivタグが「押せる」ということを認識できないどうすれば良い？ Web標準で（セマンティックに）書けば良い。それで解決できない問題は科学が悪い。科学の発展を待つ。

近年のアクセシビリティの考え方（1）・小さめのタブレットでもPC表示でサイトを見る人（PC用サイト表示機能）・横になりながらスマホを使っている人（画面方向の固定機能）・ランニング中で手がふさがっている人（読み上げ機能）・小さな子供（簡単な文章）・トラックパッドやマウスが使えない環境（キーボードでのブラウザ操作）・静かな場所で動画を見たい人（ライブキャプション）

近年のアクセシビリティの考え方（2）「障害者向け・高齢者向けのための対策」という考え方は古いアクセシビリティとは、利用背景に関わらず、ユーザーがベストな形で、コンテンツを公平に受けとるための、 UXの根本的な考え方

アクセシビリティは全人類のためにある

近年のアクセシビリティの考え方（3）モバイルではメニューを画面下に表示すべき理由人事労務freee、年末調整をスクリーンリーダーで利用可能。画面内の項目を音声で読み上げて操作が可能に Google I/Oはアクセシビリティ強化に全力、聴覚障害者にも電車でYouTubeを見るにも便利 Auditing Web Content
with Web Inspector - WWDC 2019 - Videos - Apple Developer

あとがき乱視の人には「黒背景・白文字」よりも「白背景・黒文字」の方が見やすい、という研究結果が出ています。 UIデザインで白背景にするか黒背景にするかを決める時に参考になる科学的事実

あとがきデザイン的に引き締まって見えるから良いよね？アクセシビリティは一つの考え方。何も考えずに「アクセシビリティ絶対に守る！」は失敗のもと。アクセシビリティのエッセンスを有効活用して、みんなが使いやすいサービスを作っていこう！

アクセシビリティ in 令和

アクセシビリティ in 令和

defunty

More Decks by defunty

Other Decks in Programming

Featured

Transcript