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

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

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

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

テストファイル

H86-3のテストファイル

見解

達成不可能

対象

リート語

注意点

アクセシビリティを確保するためには、ASCIIアート、顔文字、及びリート語を使わないほうがよい。
そもそも、abbr要素は略語をマークアップするための要素である。

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

ASCIIアート、顔文字、及びリート語を使用する際には画像にして、alt属性で代替テキストを提供するとよい。また、リート語は直後にカッコ書きで代替テキストを提供することもできる。

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
Internet Explorer 6.0 × 画面上で分かる表示がされていない、カーソルを合わせても結果なしと表示される IE6かXPどちらかが対応していない模様
Internet Explorer 7.0 手順1. 「Au5t1N r0xx0rz」にtitle属性値があることが分かるような表示がない。
手順2.のマウスポインタを置いたときのツールチップ表示は確認
IE7に破線のアンダーラインや囲み線を表示する機能はなさそう
Internet Explorer 8.0 手順1. 「Au5t1N r0xx0rz」にtitle属性値があることが分かるような表示がない。
手順2.のマウスポインタを置いたときのツールチップ表示は確認
1:×破線のアンダーラインや囲み線を表示する機能はなさそう
2:○
Internet Explorer 9 1:「Au5t1N r0xx0rz」にtitle属性値があることわかるように破線のアンダーラインが表示されているかを確認
2:マウスポインタを「Au5t1N r0xx0rz」の上におくと「Austin Rocks」というツールチップが表示されるかを確認
1:×:「Au5t1N r0xx0rz」には破線のアンダーラインなどtitile属性があることがわかるような表示はされない
2:○
Firefox 3.5 「Au5t1N r0xx0rz」に破線のアンダーラインがあり、
マウスポインタを置いたときに「Austin Rocks」とツールチップ表示することを確認
Firefox 4.0 1:「Au5t1N r0xx0rz」に破線の下線ができ、title属性値があることを確認
2:マウスポインタを「Au5t1N r0xx0rz」の上におくと「Austin Rocks」というツールチップを確認
Firefox 9.0 1:「Au5t1N r0xx0rz」にtitle属性値があることわかるように破線のアンダーラインが表示されているかを確認
2:マウスポインタを「Au5t1N r0xx0rz」の上におくと「Austin Rocks」というツールチップが表示されるかを確認
1:○(破線のアンダーラインが表示される)
2:○
Safari 3.2 テキストにtitle属性があるようには見えない。
ツールチップは表示されていた。
1:×
2:○
Safari 5.0.3 1:×
2:○
JAWS for Windows 9.0 ■操作手順
「コンフィグマネージャ」ウィンドウ表示→オプション設定>HTMLオプション「略語を展開する」「頭字語を展開する」にチェックを入れた状態にするとAustineRocksと読み上げる。
■音声読み上げ
「オースティン ロックス」
「略語を展開する」がabbrにあたり
「頭字語を展開する」がacronym elementsにあたるらしい
ホームページ・リーダー 3.04 × ■音声読み上げ
Au5t1N r0xx0rzはそのまま読み上げる。
読み上げ→→→(L列)
Homepage Readerでは対応していない模様
PC-Talker XP 3.06 × ■操作手順
テキストを05t1N r0xx0rz とだけ読み上げていた。
ツールチップの表示がされなかった。
■音声読み上げ
「オウファイブティワンエヌアールオーエックスエックスオーアールジィ」
PC-Talker XP 3.06 + NetReader 1.18 × ■操作手順
テキスト「Au5t1N r0xx0rz」の代わりにtitle属性値「Austin Rocks」を読み上げず、又、テキスト「Au5t1N r0xx0rz」の直後にtitle属性値「Austin Rocks」を読み上げなかった。
■音声読み上げ
「Au5t1N r0xx0rz」
FocusTalk V3 × ■操作手順
Au5t1N r0xx0rzをそのまま読み上げた。
■音声読み上げ
Au5tトンN r0xx0rzをそのまま読み上げた。
NVDA 2010.1j × ■操作手順
上下の矢印キーで該当箇所を読み上げると、「Au5t1N r0xx0rz」とだけ読み上げられた。
■音声読み上げ
「Au5t1N r0xx0rz」
NVDA 2011.1 × ■操作手順
上下の矢印キーで該当箇所を読み上げると、「Au5t1N r0xx0rz」とだけ読み上げられた。
■音声読み上げ
「Au5t1N r0xx0rz」
Firefox18.0.1 1:「Au5t1N r0xx0rz」にtitle属性値があることわかるように破線のアンダーラインが表示されているかを確認
2:マウスポインタを「Au5t1N r0xx0rz」の上におくと「Austin Rocks」というツールチップが表示されるかを確認
Google Chrome 25 【1】テキスト「Au5t1N r0xx0rz」にtitle属性値があることが分かるように表示されるか(例:破線のアンダーラインや囲み罫線など)を確認する。
【2】マウスポインタをテキスト「Au5t1N r0xx0rz」の上に置くと、title属性値「Austin Rocks」がツールチップで表示されるかを確認する。
【1】×
title属性を示すような破線の下線や囲み罫線がついていないことを確認した。
【2】○
顔文字にマウスポインタを置くと「Austin Rocks」と書かれたツールチップが表示されることを確認した。
Safari 6.0.5 1,はNG、2.はOK
NVDA 2012.3 × ■操作手順
上下の矢印キーで該当箇所を読み上げると、「Au5t1N r0xx0rz」とだけ読み上げられた。
■音声読み上げ
「Au5t1N r0xx0rz」
PC-Talker 7 2.12 × ■操作手順
Ctrl+下矢印キーで行読み、Shiftキーで全文読み
■音声読み上げ
Ctrl+下矢印キー、またはShiftキー
「Au5t1N r0xx0rz 」
title属性値を読み上げない。
VoiceOver × ■操作手順
1本指フリックで該当箇所を読み上げると、「Au5t1N r0xx0rz」とだけ読み上げられた。
■音声読み上げ
「Au5t1N r0xx0rz」