•1年
ウェブサイトを視覚障害者向けに利用可能にするための設計(3/3)- 盲目の人々に対する六つの大罪
ウェブサイトの開発者がしばしば犯す、視覚障害者のナビゲーションを困難にする最も一般的なエラー:
エラー1:サブページへのリンクや添付ファイルへのリンク
このようなリンクは、単語で説明されるか、自動的にファイル名で説明されるか、非常に分かりにくい説明がなされることがあります。視覚障害者は、読み上げプログラム(スクリーンリーダー)を使用しているため、サイト内をナビゲートする際に問題が発生し、方向を失い、リンクがどこにつながるのか分からなくなり、自分に興味のある情報を含むサブページを見つけられません。リンクが短縮されていることがよくあります – 例えば「minister」 – これにより視覚障害のインターネットユーザーは、そのリンクがおそらく大臣に関する情報につながると理解することができます。正しいリンクの説明例:保健大臣の経歴。さらに、サブページへのリンクがリスト形式で表示される場合、それらのリストはテーマ別に配置されるべきです。これにより、サイト全体での移動が容易になります。
エラー2:各ページの見出し
スクリーンリーダーは、サブページのすべての見出しを読み上げる機能があり、視覚障害者がサイト内を迅速に移動できるようにします。しかし、すべてのサブページには情報の範囲を明示する見出しがないことがよくあります。また、見出しについては、簡単に理解できないことがよくあります。正しくは、見出しは階層化されるべきで、H1は最も重要な情報、H2はそれよりも重要でない情報、H3はセクション内の詳細な情報を表します。
エラー3:代替テキストの欠如
写真やグラフィック、グラフィックチャートには常にスクリーンリーダーで読み上げ可能な代替テキストが付けられるべきです。代替テキストは簡潔であり、視覚障害の方にその画像、写真、またはグラフが示すものを簡単に説明する1〜2つの文を含めるべきです。
エラー4:Captchaテスト
多くのウェブサイトの開発者は、「Captchaテスト」(ユーザーに特定の操作を確認させるため、特定の文字や数字を入力させる)を導入していますが、これはスクリーンリーダーでは読み取ることができません。これは、コードが画像形式で保存されているためです。
エラー5:テーブル
テーブルはしばしばサイトの外観を形作るために使用されますが、その内容には視覚障害者にとってアクセスしにくいものが含まれています。テーブル内の情報を追うことが困難な場合があります。テーブル内の情報は一般的に通常のテキスト形式で提供できるはずです。情報が通常のテキスト形式で提供され、テーブルが必要な場所ではテーブルが必要です – 例えば、バスの時刻表でバスの発車時刻が示されている場合。
エラー6:PDFファイル
ウェブサイトによく置かれるPDFファイルは、しばしば画像スキャン形式で提供されます。これらはスクリーンリーダーで読み取られません。PDFファイルを読み上げられる構造にすることは可能ですし、それには多くの作業が必要ではありません。アクセス可能なPDFファイルの作成は可能であり、多くの労力を必要としません。
エラー1:サブページへのリンクや添付ファイルへのリンク
このようなリンクは、単語で説明されるか、自動的にファイル名で説明されるか、非常に分かりにくい説明がなされることがあります。視覚障害者は、読み上げプログラム(スクリーンリーダー)を使用しているため、サイト内をナビゲートする際に問題が発生し、方向を失い、リンクがどこにつながるのか分からなくなり、自分に興味のある情報を含むサブページを見つけられません。リンクが短縮されていることがよくあります – 例えば「minister」 – これにより視覚障害のインターネットユーザーは、そのリンクがおそらく大臣に関する情報につながると理解することができます。正しいリンクの説明例:保健大臣の経歴。さらに、サブページへのリンクがリスト形式で表示される場合、それらのリストはテーマ別に配置されるべきです。これにより、サイト全体での移動が容易になります。
エラー2:各ページの見出し
スクリーンリーダーは、サブページのすべての見出しを読み上げる機能があり、視覚障害者がサイト内を迅速に移動できるようにします。しかし、すべてのサブページには情報の範囲を明示する見出しがないことがよくあります。また、見出しについては、簡単に理解できないことがよくあります。正しくは、見出しは階層化されるべきで、H1は最も重要な情報、H2はそれよりも重要でない情報、H3はセクション内の詳細な情報を表します。
エラー3:代替テキストの欠如
写真やグラフィック、グラフィックチャートには常にスクリーンリーダーで読み上げ可能な代替テキストが付けられるべきです。代替テキストは簡潔であり、視覚障害の方にその画像、写真、またはグラフが示すものを簡単に説明する1〜2つの文を含めるべきです。
エラー4:Captchaテスト
多くのウェブサイトの開発者は、「Captchaテスト」(ユーザーに特定の操作を確認させるため、特定の文字や数字を入力させる)を導入していますが、これはスクリーンリーダーでは読み取ることができません。これは、コードが画像形式で保存されているためです。
エラー5:テーブル
テーブルはしばしばサイトの外観を形作るために使用されますが、その内容には視覚障害者にとってアクセスしにくいものが含まれています。テーブル内の情報を追うことが困難な場合があります。テーブル内の情報は一般的に通常のテキスト形式で提供できるはずです。情報が通常のテキスト形式で提供され、テーブルが必要な場所ではテーブルが必要です – 例えば、バスの時刻表でバスの発車時刻が示されている場合。
エラー6:PDFファイル
ウェブサイトによく置かれるPDFファイルは、しばしば画像スキャン形式で提供されます。これらはスクリーンリーダーで読み取られません。PDFファイルを読み上げられる構造にすることは可能ですし、それには多くの作業が必要ではありません。アクセス可能なPDFファイルの作成は可能であり、多くの労力を必要としません。
ウェブサイトの開発者がしばしば犯す、視覚障害者のナビゲーションを困難にする最も一般的なエラー:
エラー1:サブページへのリンクや添付ファイルへのリンク
このようなリンクは、単語で説明されるか、自動的にファイル名で説明されるか、非常に分かりにくい説明がなされることがあります。視覚障害者は、読み上げプログラム(スクリーンリーダー)を使用しているため、サイト内をナビゲートする際に問題が発生し、方向を失い、リンクがどこにつながるのか分からなくなり、自分に興味のある情報を含むサブページを見つけられません。リンクが短縮されていることがよくあります – 例えば「minister」 – これにより視覚障害のインターネットユーザーは、そのリンクがおそらく大臣に関する情報につながると理解することができます。正しいリンクの説明例:保健大臣の経歴。さらに、サブページへのリンクがリスト形式で表示される場合、それらのリストはテーマ別に配置されるべきです。これにより、サイト全体での移動が容易になります。
エラー2:各ページの見出し
スクリーンリーダーは、サブページのすべての見出しを読み上げる機能があり、視覚障害者がサイト内を迅速に移動できるようにします。しかし、すべてのサブページには情報の範囲を明示する見出しがないことがよくあります。また、見出しについては、簡単に理解できないことがよくあります。正しくは、見出しは階層化されるべきで、H1は最も重要な情報、H2はそれよりも重要でない情報、H3はセクション内の詳細な情報を表します。
エラー3:代替テキストの欠如
写真やグラフィック、グラフィックチャートには常にスクリーンリーダーで読み上げ可能な代替テキストが付けられるべきです。代替テキストは簡潔であり、視覚障害の方にその画像、写真、またはグラフが示すものを簡単に説明する1〜2つの文を含めるべきです。
エラー4:Captchaテスト
多くのウェブサイトの開発者は、「Captchaテスト」(ユーザーに特定の操作を確認させるため、特定の文字や数字を入力させる)を導入していますが、これはスクリーンリーダーでは読み取ることができません。これは、コードが画像形式で保存されているためです。
エラー5:テーブル
テーブルはしばしばサイトの外観を形作るために使用されますが、その内容には視覚障害者にとってアクセスしにくいものが含まれています。テーブル内の情報を追うことが困難な場合があります。テーブル内の情報は一般的に通常のテキスト形式で提供できるはずです。情報が通常のテキスト形式で提供され、テーブルが必要な場所ではテーブルが必要です – 例えば、バスの時刻表でバスの発車時刻が示されている場合。
エラー6:PDFファイル
ウェブサイトによく置かれるPDFファイルは、しばしば画像スキャン形式で提供されます。これらはスクリーンリーダーで読み取られません。PDFファイルを読み上げられる構造にすることは可能ですし、それには多くの作業が必要ではありません。アクセス可能なPDFファイルの作成は可能であり、多くの労力を必要としません。
エラー1:サブページへのリンクや添付ファイルへのリンク
このようなリンクは、単語で説明されるか、自動的にファイル名で説明されるか、非常に分かりにくい説明がなされることがあります。視覚障害者は、読み上げプログラム(スクリーンリーダー)を使用しているため、サイト内をナビゲートする際に問題が発生し、方向を失い、リンクがどこにつながるのか分からなくなり、自分に興味のある情報を含むサブページを見つけられません。リンクが短縮されていることがよくあります – 例えば「minister」 – これにより視覚障害のインターネットユーザーは、そのリンクがおそらく大臣に関する情報につながると理解することができます。正しいリンクの説明例:保健大臣の経歴。さらに、サブページへのリンクがリスト形式で表示される場合、それらのリストはテーマ別に配置されるべきです。これにより、サイト全体での移動が容易になります。
エラー2:各ページの見出し
スクリーンリーダーは、サブページのすべての見出しを読み上げる機能があり、視覚障害者がサイト内を迅速に移動できるようにします。しかし、すべてのサブページには情報の範囲を明示する見出しがないことがよくあります。また、見出しについては、簡単に理解できないことがよくあります。正しくは、見出しは階層化されるべきで、H1は最も重要な情報、H2はそれよりも重要でない情報、H3はセクション内の詳細な情報を表します。
エラー3:代替テキストの欠如
写真やグラフィック、グラフィックチャートには常にスクリーンリーダーで読み上げ可能な代替テキストが付けられるべきです。代替テキストは簡潔であり、視覚障害の方にその画像、写真、またはグラフが示すものを簡単に説明する1〜2つの文を含めるべきです。
エラー4:Captchaテスト
多くのウェブサイトの開発者は、「Captchaテスト」(ユーザーに特定の操作を確認させるため、特定の文字や数字を入力させる)を導入していますが、これはスクリーンリーダーでは読み取ることができません。これは、コードが画像形式で保存されているためです。
エラー5:テーブル
テーブルはしばしばサイトの外観を形作るために使用されますが、その内容には視覚障害者にとってアクセスしにくいものが含まれています。テーブル内の情報を追うことが困難な場合があります。テーブル内の情報は一般的に通常のテキスト形式で提供できるはずです。情報が通常のテキスト形式で提供され、テーブルが必要な場所ではテーブルが必要です – 例えば、バスの時刻表でバスの発車時刻が示されている場合。
エラー6:PDFファイル
ウェブサイトによく置かれるPDFファイルは、しばしば画像スキャン形式で提供されます。これらはスクリーンリーダーで読み取られません。PDFファイルを読み上げられる構造にすることは可能ですし、それには多くの作業が必要ではありません。アクセス可能なPDFファイルの作成は可能であり、多くの労力を必要としません。
Show original content
3 users upvote it!
0 answers