アクセシビリティ・サポーテッド(AS)情報:H86-2

H86-2: ASCIIアート、顔文字、及びリート語に代替テキストを提供する

関連する達成基準の実装方法一覧

7.1.1.1非テキストコンテンツに関する達成基準 (等級A)

テストファイル

H86-2のテストファイル

見解

要注意

対象

ASCIIアートのスキップリンク

注意点

ASCIIアートを用いる際には、それを説明する代替テキストを提供することが不可欠である。また、スクリーンリーダーでASCIIアートの無意味な文字の連続を聞かないですむように、スキップできる手段を提供するとよい。
ただし、フラグメントIDを指定したページ内リンクにはうまく対応できていないスクリーンリーダーが多い。

代替もしくは推奨する方法

アクセシビリティを確保するためには、ASCIIアートを画像にしてalt属性で代替テキストを提供したほうがよい。

備考

PC-Talker7では、a要素のname属性でフラグメントIDを指定しても動作しないが、id属性で指定した場合は動作する。

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
Internet Explorer 6.0 - テスト不要
Internet Explorer 7.0 - テスト不要
Internet Explorer 8.0 - テスト不要
Internet Explorer 9 テスト不要
Firefox 3.5 - テスト不要
Firefox 4.0 - テスト不要
Firefox 9.0 テスト不要
Safari 3.2 - テスト不要
Safari 5.0.3 - テスト不要
JAWS for Windows 9.0 ■操作手順
「ページ内リンクASCIIアートをスキップする」でEnterを押すと「9個の見出しと9個のリンク…」とジャンプする。
■音声読み上げ
「図1 コロン 蝶の絵のアスキーアート」
「ページ内リンク アスキーアートをスキップする」
ホームページ・リーダー 3.04 ■操作手順
「図1:蝶の絵のASCIIアート」を読み上げた後、「ASCIIアートをスキップする」でEnterを押すとASCIIアート部分の読み上げをスキップした。
■音声読み上げ
「図1:蝶の絵のASCIIアート ASCIIアートをスキップする」
PC-Talker XP 3.06 × ■操作手順
crl+↓でASCIIアートをスキップするまで進み、リンクをEnterすると「…代替テキストを利用するアート2」と読み上げスキップされる、その次には「テスト方法」が読み上げられる。
■音声読み上げ
「図1:蝶の絵のASCIIアート ASCIIアートをスキップする」
PC-Talker XP 3.06 + NetReader 1.18 ■操作手順
「図1:蝶の絵のASCIIアート」を読み上げた後、「ASCIIアートをスキップする」のリンクでASCIIアート部分の読み上げをスキップできた。
■音声読み上げ
「図 イチ コロン 蝶の絵の アスキー アート」
「アスキー アートをスキップする ページ内リンク」
「テスト終了」
FocusTalk V3 × ■操作手順
キー操作モードで「図1:蝶の絵のASCIIアート」を読み上げた後、「↓」キーで「ASCIIアートをスキップする」にフォーカスが当たり、読み上げ始めたとこで、「Enter」キーを押と、フォーカスはスキップするが、「エルエルエルエル・・・」と読み上げてしまう。
■音声読み上げ
「エルエルエルエル・・・」
テキストとリンクの操作の両方を行える操作モードを、「↓」で行ごとに読み進める方法以外に見つけられなかった。
NVDA 2010.1j ■操作手順
Kキーを用いて「ASCIIアートをスキップする」というリンクに移動してエンターキーを押すと、アスキーアートをスキップできた。
■音声読み上げ
「ASCIIアートをスキップする テスト終了」
NVDA 2011.1 ■操作手順
下矢印キーを押して「ASCIIアートをスキップする」というリンクに移動してエンターキーを押すと、アスキーアートをスキップできた。
■音声読み上げ
「ASCIIアートをスキップする」 「テスト終了」
Firefox18.0.1 - テスト不要
Google Chrome 25 テスト不要
Safari 6.0.5 テスト不要
NVDA 2012.3 ■操作手順
下矢印キーを押して「ASCIIアートをスキップする」というリンクに移動してエンターキーを押すと、アスキーアートをスキップできた。
■音声読み上げ
「ASCIIアートをスキップする」 「テスト終了」
PC-Talker 7 2.12 × ■操作手順
スキップリンクでEnterキーを押下
■音声読み上げ
「ASCIIアートをスキップする リンク」
Enterキー
「テスト終了」
Ctrl+下矢印キーで続きのコンテンツを読む。
ただし、Tabキーを押下するとページの先頭に戻ってしまう
スキップリンクのリンク先のアンカーにid属性を追加すれば動作する。
VoiceOver × ■操作手順
1本指フリックで「ASCIIアートをスキップする」というリンクに移動してダブルタップすると、アスキーアートをスキップできるが、意図しない個所にフォーカスが移動する。
■音声読み上げ
「ASCIIアートをスキップする ページ内リンク」 
「「図1:蝶の絵のASCIIアート」を読み上げた後、「ASCIIアートをスキップする」のリンクでASCIIアート部分の読み上げをスキップできるか」