アクセシビリティはすべての人のもの

アクセシビリティはすべての人のもの FutureOne株式会社草場友光クラウドネイティブ会議プレイベント in Nagoya × 俺の勉強会1周年祭

自己紹介 • コミュニティ活動を通じて知識をアップデートしています。 • 2022/08-2026 Microsoft MVP (Developer Technologies)
• tomo_kusaba • ドラクエ大好きドラクエ10のプレイ時間→ 1キャラ目：2671時間 2キャラ目：916時間 3キャラ目：791時間 4キャラ目：190時間(配信用)

注意 • 個人の見解・解釈が多分に入っています。 • 見解の相違・事実誤認などありましたらご指摘ください。

今日の目的 • アクセシビリティというとなんらかの障碍を持った方のためのものに思えます。 • しかしながら、アクセシビリティはすべての人のためのものということを理解して実装することにつなげていければと思います。

あなたのサービスは、ある日あなたが色を識別できなくなったとしても不自由なく使えますか？

あなたのサービスは、ある日あなたが目が見えなくなったとしても不自由なく使えますか？

アクセシビリティについて学びましょう

アクセシビリティとは？ • 誰もが自由に何かの目的を達成できるような状態のことを指す。 • 特に情報システムにおいては何らかのハンディキャップを持った方でも不自由なく情報にアクセスできるような状態を指す。 • 2024年4月障害者差別解消法によって合理的配慮の提供が求められています。

アクセシビリティの根幹 • 情報や機能への「別ルート」を確保するということ • 視覚に頼れないとき →スクリーンリーダー • 聴覚に頼れないとき →字幕・文字情報 •
マウス操作が困難なとき →キーボード操作のみで完結 • 一つの手段が使えないときに別の手段がある状態を作る

アクセシビリティは誰のためのものか？ • すべての人のため！ • 高いコントラストは直射日光下の視認性の悪い状況下でも読める状況を作り出す。 • 効率を求めるときキーボードから手を放さずに操作できることがうれしい •
PC・スマートフォン・タブレットなど様々なデバイスで使うときレスポンシブデザインがうれしい！ • 疲れ目の時ダークモードがうれしい！

Webアクセシビリティの国際標準 • WCAG(Web Content Accessibility Guidelines) 現在は2.1が広く採用され2.2への移行が進んでいる。レベルA(最低限)、AA(推奨)、AAA（最高）の3段階があり多くの法規制はAAを基準にしています。 •
日本ではJIS X 8341-3がWCAG 2.0と整合しており公共機関や大企業での対応基準として参照されます。

いま享受している「普通」は突然変わる • けが・病気による不調でPCやスマートフォンの操作が困難になる。 • 加齢による視力低下・まぶしさで液晶画面が見えにくくなる。コントラストの低いUIが視認できなくなる。 • 寒い冬で一時的にスマートフォンの細かい操作が困難になる。

視認性が悪いとき • コントラストが低い文字は見にくい • テキストと背景のコントラストを十分に確保する最低通常テキスト4.5:1以上、大きなテキスト3：1以上（WCAG Level
AA 1.4.3 コントラスト（最小））推奨通常テキスト7:1以上、大きなテキスト4.5:1以上（WCAG Level AAA 1.4.6 コントラスト（強化））

手がかじかんだとき • 細かいUIは操作しにくい • 大きなボタン・リンク・チェックボックスなどの操作要素にする。最低24×24ピクセル以上（WCAG Level AA 2.5.8 ターゲットサイ
ズ（最小））推奨44×44ピクセル以上(WCAG Level AAA 2.5.5 ターゲットサイズ（強化）) • 文字入力は困難 • 音声入力で代替

まとめ • 日常生活においても外的要因によって能力が低下する事がある。 • そのようなときにアクセシビリティを考慮されたWebサービスであれば普段通りに使用可能です。 • あなたの開発しているWebサービスもアクセシビリティの考慮を今日からしましょう。 →民間企業においても障害者差別解消法で合理的配慮が求めら
れています。

くさば生誕祭 @ エデン日暮里(６/2６) 収益でいらないもの交換会が豪華になります

おしまいおしまい

アクセシビリティはすべての人のもの

アクセシビリティはすべての人のもの

tomokusaba

More Decks by tomokusaba

Other Decks in Technology

Featured

Transcript