デジタル化された社会では、情報とサービスがオンラインでますます利用可能になっています。 私たちは、私たちのショッピングを行うニュースを読んで、タクシーを要求したり、食品の配達を注文し、税金をファイルし、さらには投票するためにウ
ウェブアクセシビリティとは、支援技術を使用する場合を含め、障害のある人が知覚可能、操作可能、理解できるように設計されたウェブサイトまたはウェブベースのサービスを意味します。 したがって、アクセス可能なウェブサイトやモバイルアプリは、閲覧、ナビゲート、理解、操作、対話、安全に、安全に、独立して、そして障害を持つ人によって尊厳を持って使用することが容易でなければなりません
ウェブサイト、モバイルアプリケーション、デジタルコンテンツのアクセシビリティを向上させるために、欧州連合は過去数年間に二つの重要な法律を策定しました。
ICT製品およびサービスのアクセシビリティ要件に関する欧州規格(EN301 549)があり、これにはWeb Content Accessibility Guidelines(WcAG)が含まれています。 これらのガイドラインは、web開発者や編集者がwebアクセシビリティを実現するのに役立ちます。
ウェブアクセシビリティとその実現方法の詳細については、W3C-Web Accessibility Initiativeのウェブサイトをご覧ください。
10ウェブアクセシビリティを向上させるためのルール
- 代替テキストの追加
画像やマルチメディアなどのテキスト以外の要素を使用して情報を伝達する場合は、常に同じ情報や機能を伝えるテキストを提供して、ユーザーが関連する情報にアクセスできるようにします。
画像をアップロードするときにalt-textフィールドを入力します。 また、’DSC089’などの一般的な名前の代わりに、ファイルに名前を付けることもできます’
-
単一の意味に依存しない
情報を伝えるために画像やマルチメディアなどの非テキスト要素を使用する場合は、常に同じ情報や機能を伝えるテキ画像をアップロードするときにalt-textフィールドを入力します。 また、’DSC089’などの一般的な名前の代わりに、ファイルに名前を付けることもできます’
-
整理と構造
情報を別々のブロックに分割し、意味要素(テキストエディタでは’paragraph”heading1”heading2′)を使用して各ブロックをマークし、ユーザーが文書セクションを効率的に識別してナビゲートできるようにします。
-
単一の感覚に依存しないでください
指示を提供するときは、色や形状、方向、トーンなどの他の感覚特性に依存しないでください。
: “必須フィールドは赤でマークされています”や”このテキストの左側のボタンを押してください”などの文章” -
Keyboard access
多くの人はマウスを使用できないため、すべてのコンテンツと機能にキーボードを使用してアクセスできるようにすることが重要です。
回避:それらの上にマウスを移動するだけで開くことができるドロップダウンメニュー、代替なしでドラッグアンドドロップなど。
-
ユーザーに十分な時間を与える
人々は、異なる速度でタスクを実行し、読み取ります。回避: 迅速に変更されるバナー、またはユーザーが合理的な時間内にタスクを完了する前にセッションの有効期限が切れるプロセス、または干渉を作成する
-
ドキュメント
の他の部分へのアクセスを妨げるコンテンツを作成しないでください。 音声の場合は、スクリーンリーダーの音声合成を妨げる可能性があります。 警告なしに新しいウィンドウを開くと、一部のユーザーが混乱していると感じることがあります。
-
ハイパーリンクとコンテンツの特定
見出しには短いテキストと説明テキストを使用し、リンクの目的を明確に識別することができます。
-
一貫性のあるインターフェイスの使用
視覚的なデザインと内部構造を一貫して使用して、使いやすいインターフェイスを作成します
-
ユーザーが間違いを避けるのを助ける
フォームフィールドに適切なラベルを提供し、入力されたデータのエラーとその修正方法を通知することにより、ユーザーのミスを最小限に抑えることができます。
支援技術でコンテンツをテストする
技術仕様に従ってweb標準を使用し、常にATでコンテンツをテストします。