アクセシビリティはすべての人のもの 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６) 収益でいらないもの交換会が豪華になります 

おしまい おしまい