Web Builder Zoneのエントリーより、(X)HTMLのマークアップにおけるアクセシビリティチェックリストの日本語訳です。
ちょっと変な和訳になっているかもしれませんが、目をつぶってやってください。
- プレゼンテーションから構造を分けて、適切なマークアップをその構造に使用してください。例えば、各リスト・アイテムの後に、<br>タグを備えたテキストではなくリスト(<ul>、<ol><dl>)としてリストを目立たさせてください。
- HTMLヘッドライン(例えば<h1>)は盲目のユーザにとって非常に有用です。デザインするCSSを備えた<p>タグのような何かが標題のようにそれを見せるのではなく、適切にページとボディー・コピーのセクションにHTML標題で印をつけてください。
- <title>タグを使ってページに有意義でおよび正確タイトルを与えてください。
- <html>タグの中でlang属性を使用して、ドキュメントの主要な人間の言語を示して、適切なテキスト(例えば<span lang="es">Hola</span>Helloという意味)を包装しながら他のタグ上にlang属性を使用することでセカンダリ言語のあらゆる節を示してください。
- 主な内容の前に多くの航海のリンクを備えたページの値上げオーダーの一番上の「内容にスキップする」リンクを提供してください。
- 常に<th>タグを使用して、データテーブル中のヘッダーを示して、それらのヘッダーにデータ・セルをすべて関連させてください。
- タブ・オーダーはtabindexを使用して、必ず論理的にしてください。(HTMLが適切な順になっている場合、tabindexの使用は必要ではありません。)
基本的なことばかりが載っていますが、現時点で標準とされているアクセシブルマークアップです。よかったら、参考にしてみてください。
今度は、続きを翻訳していこと思います。
コメントする