アクセシビリティ・サポーテッド（AS）情報：H86-1

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

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

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

テストファイル

H86-1のテストファイル

見解

達成不可能

対象

顔文字

注意点

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

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

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

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
Internet Explorer 6.0 × 「（＾＾）」に対しマウスオーバー、タブ移動で確認した。 1.補足説明があることが分かるように表示されなかった
2.マウスポインタを置いても、ツールチップは表示されなかった。
3.キー操作により、title属性値「笑顔」を表示させることはできなかった
Internet Explorer 7.0 △ 1.顔文字に補足説明があることがわかるように表示は一切されていない。
2.顔文字にマウスポインタをおくと、「笑顔」とツールチップが表示される。
3.キーボード操作では、ツールチップは表示されなかった。		 1.特に破線の下線がつくなどの表示がない。
3.キーボード操作では、ツールチップ表示ができない。（IE7)
Internet Explorer 8.0 △ 1.顔文字に補足説明があることがわかるように表示は一切されていない。
2.顔文字にマウスポインタをおくと、「笑顔」とツールチップが表示される。
3.キーボード操作では、ツールチップは表示されなかった。		 1.：×　特に破線の下線がつくなどの表示がない。
2：○
3：×キーボード操作では、ツールチップ表示ができない。
Internet Explorer 9 △ 1:顔文字「（＾＾）」に補足説明として破線の下線がついているかを確認
2:顔文字「（＾＾）」にマウスポインタをおくと、ツールチップで「笑顔」と表示されることを確認
3:キーボード操作：キー操作により、顔文字「（＾＾）」にツールチップでtitle属性値「笑顔」が表示されるか確認。		 1:×：補足説明としての破線の下線はついていない
2:○
3:×：ツールチップを表示させるためのキー操作はない
Firefox 3.5 △ 1:(~~) に破線の下線が出ている
2:マウスカーソルを置くと「笑顔」と表示される
3:ツールチップが表示されない		 Tabキーでは選択できない
キャレットモードでは(^^)の範囲にカーソルを合わせても、選択してもツールチップが表示されない
Firefox 4.0 △ 1:顔文字「（＾＾）」に破線の下線がつき、補足説明があることを確認
2:顔文字「（＾＾）」にマウスポインタをおくと、ツールチップで「笑顔」と表示されることを確認
3:キーボード操作：何らかのキー操作により、顔文字「（＾＾）」にツールチップでtitle属性値「笑顔」が表示されるか確認。		 1:○
2:○
3:×：ツールチップが表示されない。
Firefox 9.0 △ 1:顔文字「（＾＾）」に補足説明として破線の下線がついているかを確認
2:顔文字「（＾＾）」にマウスポインタをおくと、ツールチップで「笑顔」と表示されることを確認
3:キーボード操作：キー操作により、顔文字「（＾＾）」にツールチップでtitle属性値「笑顔」が表示されるか確認。		 1:○
2:○
3:×：ツールチップを表示させるためのキー操作はない
Safari 3.2 △ テスト方法2のマウスポインタを置いたときは、ツールチップで「笑顔」が表示されるが、それ以外、テスト方法1と3では反応がなかった。 1：×
2：○
3：×
Safari 5.0.3 △ 1：×
2：○
3：×
JAWS for Windows 9.0 △ ■操作手順
「笑顔」と読み上げた。（「略語を展開する」にチェックを入れておくことが条件。コンフィグマネージャ＞オプション設定＞ＨＴＭＬオプション＞テキスト　または ＪＡＷＳオプションの設定＞テキストオプション＞略語の展開 をオン）
■音声読み上げ
「笑顔」
ホームページ・リーダー 3.04 × ■操作手順
行読みモードではなにも読まない
■音声読み上げ
読み上げない。		 title属性を読まない
PC-Talker XP 3.06 × ■操作手順
何も読み上げられなかった。
■音声読み上げ
読み上げない。		 顔文字「（＾＾）」についての詳細情報や、情報は一切読み上げられなかった。
PC-Talker XP 3.06 + NetReader 1.18 × ■操作手順
顔文字「（＾＾）」のtitle属性値「笑顔」が読み上げられなかった。
また、顔文字「（＾＾）」を読み上げた際に補足説明があることが何らかの方法で伝えられ、title属性値「笑顔」を読み上げさせることができなかった。
■音声読み上げ
「カッコ　ペキジョ　ペキジョ　カッコトジ」
FocusTalk V3 × ■操作手順
全文読みモード、1行読みモードで↓で読み進めても、何も読み上げられない。
■音声読み上げ
読み上げない。		 7/22　再確認時では、記号を読み上げた。
NVDA 2010.1j × ■操作手順
タイトル属性値を読み上げることができなかった。音声エンジンがほとんどの記号を読み上げることができなかったため、(だけが読み上げられた。
■音声読み上げ
「(」
NVDA 2011.1 × ■操作手順
タイトル属性値を読み上げることができなかった。音声エンジンがほとんどの記号を読み上げることができなかったため、(だけが読み上げられた。
■音声読み上げ
「(」
Firefox18.0.1 △ 1:顔文字「（＾＾）」に補足説明として破線の下線がついているかを確認
2:顔文字「（＾＾）」にマウスポインタをおくと、ツールチップで「笑顔」と表示されることを確認
3:キーボード操作：キー操作により、顔文字「（＾＾）」にツールチップでtitle属性値「笑顔」が表示されるか確認。		 1:○
2:○
3:×：ツールチップを表示させるためのキー操作はない
Google Chrome 25 △ 【1】顔文字「（＾＾）」にtitle属性値による補足説明があることが分かるように表示されるか（例：破線の下線が付く）を確認する。
【2】顔文字「（＾＾）」にマウスポインタを置くと、ツールチップでtitle属性値「笑顔」が表示されるかを確認する。
【3】何らかのキー操作により、顔文字「（＾＾）」にツールチップでtitle属性値「笑顔」が表示されるかを確認する。		 【1】×
補足説明としての破線の下線はついていないことを確認した。
【2】○
顔文字にマウスポインタを置くと「笑顔」と書かれたツールチップが表示されることを確認した。
【3】×
ツールチップを表示させるためのキー操作はないことを確認した。
Safari 6.0.5 △ 1.はNG、2.はOK、3.はNG（あらゆるキー操作を実行したわけではないが、一通り試した範囲では不可能）
NVDA 2012.3 × ■操作手順
タイトル属性値を読み上げることができなかった。
■音声読み上げ
「()」
PC-Talker 7 2.12 × ■操作手順
Ctrl＋下矢印キーで行読み、Shiftキーで全文読み
■音声読み上げ
Ctrl＋下矢印キー、またはShiftキー
「べき乗　べき乗」		 title属性値を読み上げない。
VoiceOver × ■操作手順
タイトル属性値を読み上げることができなかった。
■音声読み上げ
「アクサンシルコンフレックス アクサンシルコンフレックス」		 「circumflex」ではないかと思いますが正確には聞き取れませんでした。