アクセシビリティをテストするための単純なサンプル

Web開発者、アクセシビリティの研究者、テクノロジー・エバンジェリストであるTed Drake氏が、アクセシビリティ対応状況をチェックするための単純なサンプルを公開しています。

これらのテストはDrake氏が特定のプロジェクトで使用するために集めたものだとのこと。より詳しいドキュメントはYahoo! Accessibility Labの情報を参照してほしいと述べています。なお、このページで紹介されているサンプルは以下のような物です。

• フォーカスすると表れるスキップリンク
• tfootをデータテーブルで使用する
• ARIAを用いてテーブルベースのフォームのレイアウトを修正する
• aria-describedbyで隠された要素を指し示す
• ARIAを用いて無効な入力フォームをアクセシブルにする
• CSS3 Speakまたはその他の手法を用いてスクリーン・リーダーに特定の文字列を1文字読みさせる
• JAWSはセクション内のdisplay:noneを無視するのか？
• フォームをよりセマンティックにする
• 複数の言語を使用する
• コンテンツのブロックでaria-disabledを使う

ミツエーリンクスでは、WCAG準拠やJIS X 8341-3対応をはじめ、さまざまなWebアクセシビリティ関連サービスをご提供しています。是非アクセシビリティのページをご覧いただき、お気軽にお問い合わせください。

Pick Up

• アクセシビリティ

  Webサイトのアクセシビリティ対応状況の診断から構築・運用支援まで幅広く対応、障害者差別解消法への対応が気になるかたにも