支援技術別動作検証報告： 複雑な画像への代替テキストの提案 | アクセシビリティBlog | ミツエーリンクス

Webサイトのアクセシビリティのチェックを行っているとバランスの悪い代替テキストに出会うことがあります。 例えば、複雑なフロー図に「フロー」という代替テキストのみが記述されているようなケースです。もしその画像以外にフローに関する説明がない場合、「フロー」という文言からだけでは、フローの具体的な内容を理解することは出来ません。本来であれば、alt属性にはフロー図に書かれた内容を記述する必要があるでしょう。 一方、画像に含まれる情報をすべて記載しているにもかかわらず、理解しにくい代替テキストとなるケースも存在します。グラフに対する代替テキストを例に見てみましょう。下記は画像上の情報をすべてalt属性に記述したケースです。 音声読み上げ環境では、alt属性に設定されたテキストは、1行に羅列された状態で読み上げられます。次々読み上げられる情報を頭で記憶しながら聞かねばならないため、代替テキストが長

[efcl]

画像代替alt。スクリーンリーダーの対応状況

[jamg]

個人的には表を併記かなぁ…。

[nshash]

off-setでよいと思いますが、加えて[この図の表を表示]ボタンを出しておいて、必要に応じて情報を引き出せる（JSでoff-setを解除する）ようにするのがベターかなと。ベストはおそらく、JSで表→図の自動変換でしょうけど

[leva]

off-setでよいと思いますが、加えて[この図の表を表示]ボタンを出しておいて、必要に応じて情報を引き出せる（JSでoff-setを解除する）ようにするのがベターかなと。ベストはおそらく、JSで表→図の自動変換でしょうけど

[kits]

いろいろな対処方法の比較

[t32k]

- Tags: #markup