スクリーンリーダーでアクセシビリティチェック
2.8K Views
July 13, 24
スライド概要
2024年4月13日
第116回「WEB TOUCH MEETING」アクセシビリティSP
https://www.webtouchmeeting.com/event/21
ウェブアクセシビリティ確保のためには、技術の正確な理解と適切な実装が求められます。しかし、例えば WAI-ARIA への誤解に基づいた実装が、深刻な問題を引き起こしつつあります。また、ウェブ制作技術そのものの進歩によって問題が複雑になっています。
ユーザーがどのような環境でコンテンツを利用しているかを理解せず、実際の使用状況を踏まえたチェックをしないと、ウェブ制作者はアクセシビリティの問題を見落としてしまいます。
このトークでは、スクリーンリーダーの基本的な概念と、視覚障害者がこれをどのように使用しているかについて紹介しつつ、ウェブアクセシビリティのチェックにスクリーンリーダーを使用するコツをお伝えします。
Windows環境で広く使用されているNVDAの操作を中心にお話しますが、他にも検証が必要な環境はあります。複数の環境とスクリーンリーダーを使ったアクセシビリティチェックと、自動チェックツールを併用することで、効果的な問題の発見と改善が可能になります。
西本 卓也
Shuaruta Inc. ウェブアクセシビリティ基盤委員会 (WAIC) NVDA日本語版 すごい広島 IT初心者の会
関連スライド
各ページのテキスト
2024-04-13 @24motz / @nishimotz shuaruta.com 1
nishimotz • • YAPC::Hiroshima 2024 • 1999 • 2011 • 2012 NVDA • 2022
3
• JIS X 8341-3:2016 • A • • • • • • • • 4
5
• PC-Talker • • 83 • NVDA • • 52 NVDA 66 • iPhone VoiceOver • • 90 6
• JAWS • • 11% • • PC 61 40 • PC • 43 • JBICT 3 • WebAIM Screen Reader User Survey #10 7
NVDA = NonVisual Desktop Access • 2006 • • • 2 • 50 • • NVDA • •
• 1 • kikurako • NVDA 2 • NVDA • • • • • WG2( ) (WAIC)
• 10
• Windows NVDA • iPhone VoiceOver • • • 11
NVDA 2024 4 12
13
2.1 2.4.3 2.4.7 3.2 14
ARIA-Barriers • WAI-ARIA • • • • • • shuaruta.github.io/ARIA-Barriers 15
freee CC-BY 4.0 NVDA 16
NVDA 17
www.nvda.jp 18
19
20
21
22
23
24
25
26
27
28
[⌥ option] [ ] [ command [Alt] [Windows] [ Escape ] ] NVDA 29
30
NVDA 31
32
33
34
35
36
37
38
39
NVDA 40
41
42
43
44
45
46
1.3.2 ( ) • • G57 • 47
48
49
50
51
52
53
54
55
56
57
58
iPhone VoiceOver 59
60
61
62
63
64
65
66
2.4.1 • • • NVDA 1 67
• • • • • • • 68
4 • 17 World Plone Day 2024 Plone 69
WAIC • • • • • • waic.connpass.com AS 6 70
120 71
3200 ( ) 72