スクリーンリーダーでアクセシビリティチェック

2.9K Views

July 13, 24

スライド概要

2024年4月13日
第116回「WEB TOUCH MEETING」アクセシビリティSP
https://www.webtouchmeeting.com/event/21

ウェブアクセシビリティ確保のためには、技術の正確な理解と適切な実装が求められます。しかし、例えば WAI-ARIA への誤解に基づいた実装が、深刻な問題を引き起こしつつあります。また、ウェブ制作技術そのものの進歩によって問題が複雑になっています。

ユーザーがどのような環境でコンテンツを利用しているかを理解せず、実際の使用状況を踏まえたチェックをしないと、ウェブ制作者はアクセシビリティの問題を見落としてしまいます。

このトークでは、スクリーンリーダーの基本的な概念と、視覚障害者がこれをどのように使用しているかについて紹介しつつ、ウェブアクセシビリティのチェックにスクリーンリーダーを使用するコツをお伝えします。

Windows環境で広く使用されているNVDAの操作を中心にお話しますが、他にも検証が必要な環境はあります。複数の環境とスクリーンリーダーを使ったアクセシビリティチェックと、自動チェックツールを併用することで、効果的な問題の発見と改善が可能になります。
西本 卓也

profile-image

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

シェア

またはPlayer版

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

関連スライド

各ページのテキスト
1.

2024-04-13 @24motz / @nishimotz shuaruta.com 1

2.

nishimotz • • YAPC::Hiroshima 2024 • 1999 • 2011 • 2012 NVDA • 2022

4.

• JIS X 8341-3:2016 • A • • • • • • • • 4

6.

• PC-Talker • • 83 • NVDA • • 52 NVDA 66 • iPhone VoiceOver • • 90 6

7.

• JAWS • • 11% • • PC 61 40 • PC • 43 • JBICT 3 • WebAIM Screen Reader User Survey #10 7

8.

NVDA = NonVisual Desktop Access • 2006 • • • 2 • 50 • • NVDA • •

9.

• 1 • kikurako • NVDA 2 • NVDA • • • • • WG2( ) (WAIC)

10.

• 10

11.

• Windows NVDA • iPhone VoiceOver • • • 11

12.

NVDA 2024 4 12

14.

2.1 2.4.3 2.4.7 3.2 14

15.

ARIA-Barriers • WAI-ARIA • • • • • • shuaruta.github.io/ARIA-Barriers 15

16.

freee CC-BY 4.0 NVDA 16

17.

NVDA 17

18.

www.nvda.jp 18

29.

[⌥ option] [ ] [ command [Alt] [Windows] [ Escape ] ] NVDA 29

31.

NVDA 31

40.

NVDA 40

47.

1.3.2 ( ) • • G57 • 47

59.

iPhone VoiceOver 59

67.

2.4.1 • • • NVDA 1 67

68.

• • • • • • • 68

69.

4 • 17 World Plone Day 2024 Plone 69

70.

WAIC • • • • • • waic.connpass.com AS 6 70

71.

120 71

72.

3200 ( ) 72