•1年
ウェブサイトの構築は視覚障害を持つ人々にも利用可能となる（1/3） - ウェブサイトアクセスのための25の推奨事項
1. すべてのグラフィック要素には、グラフィック内の内容を説明する簡潔な代替テキスト（alt）を付ける必要があります。グラフィックがリンクの場合は、そのリンク先も説明する必要があります。純粋に装飾用のグラフィックの場合は、"空のalt属性"を持つ必要があります。
2. 注意欠陥を持つ人だけでなく、すべてのユーザーを惹きつけるアニメーション効果や動くテキストは避けるべきです。特に攻撃的で速いアニメーション効果を持つグラフィックは、光過敏性てんかんを持つ人にとって危険をもたらす可能性があります!
3. 全ての音声ファイル（放送、インタビュー、講義など）はテキストの転写と共に提供されるべきです。ウェブサイトに掲載されるこれらのファイルの再生プレイヤーは、キーボードで操作可能で、視覚障害を持つ人にもアクセス可能であるべきです。
4. すべてのビデオファイルには、聴覚障害のある人のための字幕が添付されるべきです。再生プレイヤーは、視覚障害のある人やキーボードのみを使用する人にも利用可能でなければなりません。
5. すべてのマルチメディアやFlashファイルは、代替形式でアクセス可能であるか提供されるべきです。
6. PDF、Word、その他の一般的なダウンロード可能ファイルは、アクセス可能な形式で提供すべきです。例えば、PDFファイルには目障りなく閲覧できるための構造が必要です。
7. サイト内のテキストはなるべく簡潔に書かれるべきで、読み込みが難しい人や知的障害を持つ人でもアクセスできるようにするべきです。
8. テキストは読みやすく掲載され、段落、リスト、その他のセクションに分かれている必要があります。テキストは右寄せにならず、省略語は各ページで最初に展開されるべきです。テキストは見出し（h1〜h6）を含むべきで、視覚障害を持つ人が興味のある部分にスムーズに移動できるようにするためです。
9. ナビゲーション（メニュー）はサイト内で一貫性があり、論理的で変更がないようにする必要があります。全体的なナビゲーションはキーボードからアクセスできる必要があります。
10. リンク、バナー、フォームフィールドなどのアクティブな要素には、明確な視覚的フォーカスが必要です。デフォルトのフォーカスを強調し、視覚障害を持つ人にもよく見えるようにすることが推奨されます。
11. すべてのリンクは一意で理解しやすいものでなければなりません。コンテキスト外でも理解できるようにする必要があります。">>"や"more"、または"click here"のような形式のリンクを使用してはいけません。リンクは警告なしに新しいウィンドウやタブで開くべきではありません。
12. "スキップリンク"機能を提供することが推奨されます。これにより、特にメインナビゲーション/メニューに複数のリンクがあるサイトで、各ページのコンテンツに直接スキップすることができます。
13. コンテンツを伝えるすべての要素の色のコントラスト（テキスト、リンク、バナーなど）は、テキストと背景の明るさの比率が最低4.5：1である必要があります。できれば7：1以上であるとさらによいです。
14. ウェブブラウザのツールで200%以上の拡大が可能でなければなりません。拡大されたページはコンテンツが失われないようにする必要があります。
15. すべてのページのタイトルは一意であり、ユーザーにそのページの内容を通知する必要があります。タイトルの内容は、[ページタイトル] - [機関名]のように構成されるべきです。
16. 全てのページは見出しに基づいて構築されるべきです。見出し（h1〜h6）はサイト上のコンテンツを整理する基本的な方法です。h1見出しはページ上のメインテキストのタイトルであるべきです。
17. テキストやナビゲーション要素を整理するために、順序付きリストと順不同リストを使用するべきです。
18. サイトの言語および他言語の断片の言語はlang属性で明示されるべきです。
19. 引用文は適切に強調されるべきです。最低でも引用符で囲まれるべきです。
20. サイトのコードは規格に準拠し、テーブルをページの構築要素として使用してはいけません。
21. データの伝達に使用される表はできるだけシンプルに構築し、見出しを持つべきです。
22. すべてのフレームには適切なタイトルが必要です。
23. すべてのスクリプトやアプレットは、視覚障害を持つ人やキーボードのみを使用する人にも利用可能でなければなりません。
24. 標準に従ってフォーム、特に検索フォームは構築されるべきです。すべてのフォームフィールドとボタンは適切に記述されるべきです。
25. サイトはCSSを無効にしても、ブラウザやデバイスでアクセス可能でなければなりません。
2. 注意欠陥を持つ人だけでなく、すべてのユーザーを惹きつけるアニメーション効果や動くテキストは避けるべきです。特に攻撃的で速いアニメーション効果を持つグラフィックは、光過敏性てんかんを持つ人にとって危険をもたらす可能性があります!
3. 全ての音声ファイル（放送、インタビュー、講義など）はテキストの転写と共に提供されるべきです。ウェブサイトに掲載されるこれらのファイルの再生プレイヤーは、キーボードで操作可能で、視覚障害を持つ人にもアクセス可能であるべきです。
4. すべてのビデオファイルには、聴覚障害のある人のための字幕が添付されるべきです。再生プレイヤーは、視覚障害のある人やキーボードのみを使用する人にも利用可能でなければなりません。
5. すべてのマルチメディアやFlashファイルは、代替形式でアクセス可能であるか提供されるべきです。
6. PDF、Word、その他の一般的なダウンロード可能ファイルは、アクセス可能な形式で提供すべきです。例えば、PDFファイルには目障りなく閲覧できるための構造が必要です。
7. サイト内のテキストはなるべく簡潔に書かれるべきで、読み込みが難しい人や知的障害を持つ人でもアクセスできるようにするべきです。
8. テキストは読みやすく掲載され、段落、リスト、その他のセクションに分かれている必要があります。テキストは右寄せにならず、省略語は各ページで最初に展開されるべきです。テキストは見出し（h1〜h6）を含むべきで、視覚障害を持つ人が興味のある部分にスムーズに移動できるようにするためです。
9. ナビゲーション（メニュー）はサイト内で一貫性があり、論理的で変更がないようにする必要があります。全体的なナビゲーションはキーボードからアクセスできる必要があります。
10. リンク、バナー、フォームフィールドなどのアクティブな要素には、明確な視覚的フォーカスが必要です。デフォルトのフォーカスを強調し、視覚障害を持つ人にもよく見えるようにすることが推奨されます。
11. すべてのリンクは一意で理解しやすいものでなければなりません。コンテキスト外でも理解できるようにする必要があります。">>"や"more"、または"click here"のような形式のリンクを使用してはいけません。リンクは警告なしに新しいウィンドウやタブで開くべきではありません。
12. "スキップリンク"機能を提供することが推奨されます。これにより、特にメインナビゲーション/メニューに複数のリンクがあるサイトで、各ページのコンテンツに直接スキップすることができます。
13. コンテンツを伝えるすべての要素の色のコントラスト（テキスト、リンク、バナーなど）は、テキストと背景の明るさの比率が最低4.5：1である必要があります。できれば7：1以上であるとさらによいです。
14. ウェブブラウザのツールで200%以上の拡大が可能でなければなりません。拡大されたページはコンテンツが失われないようにする必要があります。
15. すべてのページのタイトルは一意であり、ユーザーにそのページの内容を通知する必要があります。タイトルの内容は、[ページタイトル] - [機関名]のように構成されるべきです。
16. 全てのページは見出しに基づいて構築されるべきです。見出し（h1〜h6）はサイト上のコンテンツを整理する基本的な方法です。h1見出しはページ上のメインテキストのタイトルであるべきです。
17. テキストやナビゲーション要素を整理するために、順序付きリストと順不同リストを使用するべきです。
18. サイトの言語および他言語の断片の言語はlang属性で明示されるべきです。
19. 引用文は適切に強調されるべきです。最低でも引用符で囲まれるべきです。
20. サイトのコードは規格に準拠し、テーブルをページの構築要素として使用してはいけません。
21. データの伝達に使用される表はできるだけシンプルに構築し、見出しを持つべきです。
22. すべてのフレームには適切なタイトルが必要です。
23. すべてのスクリプトやアプレットは、視覚障害を持つ人やキーボードのみを使用する人にも利用可能でなければなりません。
24. 標準に従ってフォーム、特に検索フォームは構築されるべきです。すべてのフォームフィールドとボタンは適切に記述されるべきです。
25. サイトはCSSを無効にしても、ブラウザやデバイスでアクセス可能でなければなりません。
1. すべてのグラフィック要素には、グラフィック内の内容を説明する簡潔な代替テキスト（alt）を付ける必要があります。グラフィックがリンクの場合は、そのリンク先も説明する必要があります。純粋に装飾用のグラフィックの場合は、"空のalt属性"を持つ必要があります。
2. 注意欠陥を持つ人だけでなく、すべてのユーザーを惹きつけるアニメーション効果や動くテキストは避けるべきです。特に攻撃的で速いアニメーション効果を持つグラフィックは、光過敏性てんかんを持つ人にとって危険をもたらす可能性があります!
3. 全ての音声ファイル（放送、インタビュー、講義など）はテキストの転写と共に提供されるべきです。ウェブサイトに掲載されるこれらのファイルの再生プレイヤーは、キーボードで操作可能で、視覚障害を持つ人にもアクセス可能であるべきです。
4. すべてのビデオファイルには、聴覚障害のある人のための字幕が添付されるべきです。再生プレイヤーは、視覚障害のある人やキーボードのみを使用する人にも利用可能でなければなりません。
5. すべてのマルチメディアやFlashファイルは、代替形式でアクセス可能であるか提供されるべきです。
6. PDF、Word、その他の一般的なダウンロード可能ファイルは、アクセス可能な形式で提供すべきです。例えば、PDFファイルには目障りなく閲覧できるための構造が必要です。
7. サイト内のテキストはなるべく簡潔に書かれるべきで、読み込みが難しい人や知的障害を持つ人でもアクセスできるようにするべきです。
8. テキストは読みやすく掲載され、段落、リスト、その他のセクションに分かれている必要があります。テキストは右寄せにならず、省略語は各ページで最初に展開されるべきです。テキストは見出し（h1〜h6）を含むべきで、視覚障害を持つ人が興味のある部分にスムーズに移動できるようにするためです。
9. ナビゲーション（メニュー）はサイト内で一貫性があり、論理的で変更がないようにする必要があります。全体的なナビゲーションはキーボードからアクセスできる必要があります。
10. リンク、バナー、フォームフィールドなどのアクティブな要素には、明確な視覚的フォーカスが必要です。デフォルトのフォーカスを強調し、視覚障害を持つ人にもよく見えるようにすることが推奨されます。
11. すべてのリンクは一意で理解しやすいものでなければなりません。コンテキスト外でも理解できるようにする必要があります。">>"や"more"、または"click here"のような形式のリンクを使用してはいけません。リンクは警告なしに新しいウィンドウやタブで開くべきではありません。
12. "スキップリンク"機能を提供することが推奨されます。これにより、特にメインナビゲーション/メニューに複数のリンクがあるサイトで、各ページのコンテンツに直接スキップすることができます。
13. コンテンツを伝えるすべての要素の色のコントラスト（テキスト、リンク、バナーなど）は、テキストと背景の明るさの比率が最低4.5：1である必要があります。できれば7：1以上であるとさらによいです。
14. ウェブブラウザのツールで200%以上の拡大が可能でなければなりません。拡大されたページはコンテンツが失われないようにする必要があります。
15. すべてのページのタイトルは一意であり、ユーザーにそのページの内容を通知する必要があります。タイトルの内容は、[ページタイトル] - [機関名]のように構成されるべきです。
16. 全てのページは見出しに基づいて構築されるべきです。見出し（h1〜h6）はサイト上のコンテンツを整理する基本的な方法です。h1見出しはページ上のメインテキストのタイトルであるべきです。
17. テキストやナビゲーション要素を整理するために、順序付きリストと順不同リストを使用するべきです。
18. サイトの言語および他言語の断片の言語はlang属性で明示されるべきです。
19. 引用文は適切に強調されるべきです。最低でも引用符で囲まれるべきです。
20. サイトのコードは規格に準拠し、テーブルをページの構築要素として使用してはいけません。
21. データの伝達に使用される表はできるだけシンプルに構築し、見出しを持つべきです。
22. すべてのフレームには適切なタイトルが必要です。
23. すべてのスクリプトやアプレットは、視覚障害を持つ人やキーボードのみを使用する人にも利用可能でなければなりません。
24. 標準に従ってフォーム、特に検索フォームは構築されるべきです。すべてのフォームフィールドとボタンは適切に記述されるべきです。
25. サイトはCSSを無効にしても、ブラウザやデバイスでアクセス可能でなければなりません。
2. 注意欠陥を持つ人だけでなく、すべてのユーザーを惹きつけるアニメーション効果や動くテキストは避けるべきです。特に攻撃的で速いアニメーション効果を持つグラフィックは、光過敏性てんかんを持つ人にとって危険をもたらす可能性があります!
3. 全ての音声ファイル（放送、インタビュー、講義など）はテキストの転写と共に提供されるべきです。ウェブサイトに掲載されるこれらのファイルの再生プレイヤーは、キーボードで操作可能で、視覚障害を持つ人にもアクセス可能であるべきです。
4. すべてのビデオファイルには、聴覚障害のある人のための字幕が添付されるべきです。再生プレイヤーは、視覚障害のある人やキーボードのみを使用する人にも利用可能でなければなりません。
5. すべてのマルチメディアやFlashファイルは、代替形式でアクセス可能であるか提供されるべきです。
6. PDF、Word、その他の一般的なダウンロード可能ファイルは、アクセス可能な形式で提供すべきです。例えば、PDFファイルには目障りなく閲覧できるための構造が必要です。
7. サイト内のテキストはなるべく簡潔に書かれるべきで、読み込みが難しい人や知的障害を持つ人でもアクセスできるようにするべきです。
8. テキストは読みやすく掲載され、段落、リスト、その他のセクションに分かれている必要があります。テキストは右寄せにならず、省略語は各ページで最初に展開されるべきです。テキストは見出し（h1〜h6）を含むべきで、視覚障害を持つ人が興味のある部分にスムーズに移動できるようにするためです。
9. ナビゲーション（メニュー）はサイト内で一貫性があり、論理的で変更がないようにする必要があります。全体的なナビゲーションはキーボードからアクセスできる必要があります。
10. リンク、バナー、フォームフィールドなどのアクティブな要素には、明確な視覚的フォーカスが必要です。デフォルトのフォーカスを強調し、視覚障害を持つ人にもよく見えるようにすることが推奨されます。
11. すべてのリンクは一意で理解しやすいものでなければなりません。コンテキスト外でも理解できるようにする必要があります。">>"や"more"、または"click here"のような形式のリンクを使用してはいけません。リンクは警告なしに新しいウィンドウやタブで開くべきではありません。
12. "スキップリンク"機能を提供することが推奨されます。これにより、特にメインナビゲーション/メニューに複数のリンクがあるサイトで、各ページのコンテンツに直接スキップすることができます。
13. コンテンツを伝えるすべての要素の色のコントラスト（テキスト、リンク、バナーなど）は、テキストと背景の明るさの比率が最低4.5：1である必要があります。できれば7：1以上であるとさらによいです。
14. ウェブブラウザのツールで200%以上の拡大が可能でなければなりません。拡大されたページはコンテンツが失われないようにする必要があります。
15. すべてのページのタイトルは一意であり、ユーザーにそのページの内容を通知する必要があります。タイトルの内容は、[ページタイトル] - [機関名]のように構成されるべきです。
16. 全てのページは見出しに基づいて構築されるべきです。見出し（h1〜h6）はサイト上のコンテンツを整理する基本的な方法です。h1見出しはページ上のメインテキストのタイトルであるべきです。
17. テキストやナビゲーション要素を整理するために、順序付きリストと順不同リストを使用するべきです。
18. サイトの言語および他言語の断片の言語はlang属性で明示されるべきです。
19. 引用文は適切に強調されるべきです。最低でも引用符で囲まれるべきです。
20. サイトのコードは規格に準拠し、テーブルをページの構築要素として使用してはいけません。
21. データの伝達に使用される表はできるだけシンプルに構築し、見出しを持つべきです。
22. すべてのフレームには適切なタイトルが必要です。
23. すべてのスクリプトやアプレットは、視覚障害を持つ人やキーボードのみを使用する人にも利用可能でなければなりません。
24. 標準に従ってフォーム、特に検索フォームは構築されるべきです。すべてのフォームフィールドとボタンは適切に記述されるべきです。
25. サイトはCSSを無効にしても、ブラウザやデバイスでアクセス可能でなければなりません。
Show original content
2 users upvote it!
0 answers