読み上げソフトへの配慮

提供: Test Wiki
2017年4月15日 (土) 17:14時点におけるJulyfestival (トーク | 投稿記録)による版 (HTML5の考え方)

移動: 案内検索

基本的な考え方

読み上げソフト(スクリーンリーダー)

スペルチェックソフト、翻訳ソフト、検索エンジンなどの挙動にも関係。

一般の利用者の「読みやすさ」にも関わる。

このほかに、何らかの視覚障害者への配慮として、画面拡大ソフトを使う場合。これは「前後の文脈から判断」することが難しくなるので、それに応じた対応をするのが望ましい。(適切なリンク先などを整備することなど。)

読み上げソフトとは

読み上げソフト(スクリーンリーダー)は、何らかの視覚障害がある方などのために開発されているソフトです。

このソフトは、単にテキストを読み上げるだけではなく、マウスとキーボードでの操作にかわってパソコンを操作やその補助を行う機能があります。こうした機能が適切に動作するためには、テキストが適切に書かれている必要があります。

WCAG2.0の考え方

障害がある方でも利用しやすいことを、一般にアクセシビリティと言います。特にインターネットウェブについてのアクセシビリティをウェブアクセシビリティと言います。ウェブアクセシビリティについては、2004年に定められた日本国内規格(JIS X 8341-3)や、国際的な規格であるWeb Content Accessibility Guidelines(WCAG)があります。WCAGは1999年にWCAG1.0、2008年にWCAG2.0が発表され、これが2012年にISO/IEC 40500:2012として国際的に採用されています。

  • WCAG2.0 和訳版 - ウェブアクセシビリティ基盤委員会 (WAIC)による、WCAG2.0(原文は英文)の和訳版です[注 1]

HTML5の考え方

ウェブページの記述の基礎となるHTMLの仕様については、2016年11月のHTML5.1があります。

この仕様の中には、コンピューターが理解できるような記述を実現するための規定があります。これに則った記述をすることで、読み上げソフト等が、本来の意図に沿った挙動をすることが期待されます。

例えば、テキストを太字で表現するにはいくつかの手法があります。一般の閲覧者からみると、結果はどれも同じような太字に見えます。しかしコンピューターは、太字にするために用いられているタグごとに異なる解釈を行います。テキストを書く場合には、これらを適切に使い分けることが求められています。

タグ 実際のみかけ コンピューターの解釈
<b>太字</b> 太字 単に他と区別するための修飾であり、重要性はない。
<storng>太字</strong> 太字 ここは重要である。

ブラウザや読み上げソフトの設定によっては、重要な部分を太字で表現する代わりに、赤文字にしたり、大きな音で発音したりするかもしれません。

==


引用エラー: 「注」という名前のグループの <ref> タグがありますが、対応する <references group="注"/> タグが見つからない、または閉じる </ref> タグがありません