What You Like May Not Be for Someone オープンソースとアクセシビリティ

5.3K Views

February 10, 24

スライド概要

YAPC::Hiroshima 2024
2024/02/10 10:30〜
bitRiver/カナル・ウェブ会場(コスモス)
トーク (20分)

「障害者差別解消法とウェブアクセシビリティ」のこと
「WAI-ARIAを使え」「HTML標準を素直に使えばアクセシブル」どっちも正しくなくて「支援技術で実際に確認してください」だけを言い続ける人になります
日本のウェブアクセシビリティの実装に必要な情報の整備──ウェブアクセシビリティ基盤委員会作業部会2
みたいなことを話しました

profile-image

Shuaruta Inc. ウェブアクセシビリティ基盤委員会 (WAIC) NVDA日本語版 すごい広島 with Python

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

ダウンロード

関連スライド

各ページのテキスト
1.

オープンソースとアクセシビリティ what you like may not be for someone 2024-02-10 西本卓也 @24motz / @nishimotz shuaruta.com

2.

NVDAチートシート NVDA日本語チーム www.nvda.jp NVDA Cheat Sheet

3.

スクリーンリーダーは怖くない! NVDAでアクセシビリティーチェック

5.

■ Windows 操作(フォーカス) 矢印キー:移動(Shift+で範囲選択) Tab / Shift+Tab:フォーカス移動 F6 / Shift+F6:ペイン移動 Enter:項目選択や実行など スペース:ボタンを押すなど Shift+F10:メニューキー Alt+↓:コンボボックス展開

6.

点字ディスプレイ

7.

とほほの点字入門 とほほの点字入門 トップ > とほほの点字入門 ある日ビールを飲んでいると、ビールの缶に下図のような突起がありました。点字です。何て書いてあるのか知りたくなり、WWW入門をちょっ とお休みして、番外編「点字入門」を作成してみました。このページは出典さえ明記していただければ、コピー、印刷、ばらまき自由ですので ご利用ください。

8.

ブラウズモード ■ 1文字ナビゲーション (Shift+で逆方向) H:見出し(1〜6も可) L:リスト I:リスト項目 T:テーブル K:リンク(報告 NVDA+K) N:リンクのないテキスト F:フォームフィールド U:未訪問リンク V:訪問済みリンク キ - 入 力 NVDA ブラウザ コンテンツ

9.

ビジュアルハイライト ・Windows標準のフォーカス ・ブラウズモード ・ナビゲーターオブジェクト ・現在はNVDAの標準機能 ■ ビジュアルハイライト ▼フォーカスとナビゲーターオブジェクトが一致 フォーカス:青い実線 ▼フォーカスとナビゲーターオブジェクトが分離 フォーカス:青い点線 ナビゲーターオブジェクト:赤い実線 ブラウズモードのカーソル:黄色い実線

10.

Non Visual Desktop Access ・オープンソースのスクリーンリーダー ・オーストラリアの視覚障害者2人 ・晴眼者と同じコスト ・2011年 ・東日本大震災 ・東京→広島 ・フリーランス ・フルリモート ・パソコンボランティア団体(VIC)

11.

NVDA日本語チーム ・海外との協調 ・マルチバイト文字対応 ・Pythonコミュニティ ・PyCon JPの併催イベント ・世界の視覚障害者 ・NVDA開発者を支援 ・平等のための「無料」ソフト

12.

NVDA日本語版のユーザ数 ・1日平均700人くらい→アクセシビリティ検証者にも紹介

13.

waic.jp ・ウェブアクセシビリティ基盤委員会 ・JIS原案作成団体 ・実装WG主査 ・今日の話は個人の見解です

14.

障害者差別解消法 ・不当な差別的取扱を行わない ・合理的配慮の提供 ・reasonable accommodation ・事業者は2024年4月から義務化 ・例:情報処理試験の特別措置 ・試験時間延長(1.5倍) ・点字受験 ・拡大問題冊子 ・同等の機会の提供に限定 ・本質的な変更に及ばない

15.

環境の整備(努力義務) ・合理的配慮を提供しやすくする ・アクセシビリティを確保したウェブサイトやアプリの提供 ・事業者がオンデマンドでの対応を減らせる ・ユーザーが自力でできることが増える

16.

ウェブではどう取り組めばいいのか ・確認して実装する ・視覚的な事項も多い ・音声閲覧環境(スクリーンリーダー)の使用が望ましい ・有償のツールは必須ではない ・WAI-ARIA ・確認できる人が使うべき ・まずHTMLを素直に使う ・W3Cがアクセシビリティの技術基準を作っている

17.

にしもつ @24motz 「WAI-ARIAを使え」「HTML標準を素直に使えばアクセシブル」どっちも 正しくなくて「支援技術で実際に確認してください」だけを言い続ける人 になります 午前10:46 · 2024年2月8日 · 1.7万 件の表示 ポストのエンゲージメントを表示 1 14 69 11

18.

ウェブアクセシビリティの原則 ・知覚可能 ・聞こえにくい ・見えにくい ・操作可能 ・手や体を動かしにくい ・理解可能 ・覚えにくい ・わかりにくい ・間違えやすい

19.

アクセシビリティ サポーテッド(AS) ・<img src="cat.jpg" alt="写真 ネコ"> ・知覚可能(原則) ・テキストによる代替(ガイドライン) ・非テキストコンテンツ(達成基準 1.1.1) ・達成方法(H37) ・img要素のalt属性を使用する ・AS情報 ・広く使われているブラウザで ・広く使われているスクリーンリーダーで ・日本語のalt属性が不具合なく使えるか

20.

WAIC AS情報 ・報告を常時受け付けている

21.

github.com/waic/as_test テストID WAIC-TEST-0009-01 テストのタイトル 代替テキストを指定した画像 テストの目的 画像に代替テキストを指定した場合、代替テキストが表示・読み上げされるかの確認 テストの対象となる達成基準(複数) 1.1.1

22.

テストケースとテスト手順 ・テスト手順を確認(達成できるはずだ) ・同じテスト手順でターゲットが「達成できない」 ・ターゲットを修正したら「達成できた」 ・W3C: ARIA Authoring Practices Guide (APG)

23.

内閣府「協議の場」 ・障害者情報アクセシビリティ・コミュニケーション施策推進法 ・障害者による情報の取得利用・円滑な意思疎通 ・構成員として参加

24.

まとめ ・ウェブアクセシビリティ基準 ・確認する方法が重要 ・アクセシビリティ サポーテッド ・当事者と協力する ・WAIC ASテスト もくもく会 ・waic.connpass.com

25.

にしもつ @24motz アクセシビリティの本質「テキストを書け」「関連性を示せ」になって、 なるほどマークアップの本質になるんだな。当たり前だけど面白いな 午前9:51 · 2024年2月9日 · 797 件の表示 ポストのエンゲージメントを表示 1 10 2