Web アクセシビリティの概要_html/css_WEB-ITnose

WAI 公式 Web サイト: http://www.w3.org/WAI/intro/accessibility.php

Web アクセシビリティとは

Web アクセシビリティとは、人々を意味します障害のある人でも Web を利用できます。より正確に言うと、Web アクセシビリティとは、障害のある人々が Web を認識、理解、閲覧、操作できること、また Web に貢献できることを意味します。

ウェブアクセシビリティ

は、加齢により手足の柔軟性が低下した高齢者などの人々にもメリットをもたらします。

Web アクセシビリティには、視覚障害、聴覚障害、身体障害、言語障害、認知障害、神経障害など、Web へのアクセスに影響を与えるすべての障害が含まれます。

何百万人もの人々が、Web を使用する能力に影響を与える障害を抱えています。現在、ほとんどの Web サイトと Web ソフトウェアにはアクセシビリティ バリアがあり、障害のある多くの人にとって Web を使用することが困難になっています。より多くの Web サイトやソフトウェアがアクセシブルになるにつれて、障害を持つ人々は Web の世界をより効果的に利用し、Web の世界に貢献できるようになります。

ウェブ アクセシビリティは、障害のない人々にも利益をもたらします。たとえば、Web アクセシビリティの重要な原則の 1 つは、Web サイトのデザインとソフトウェアが、さまざまなユーザーのニーズ、好み、状況に柔軟に対応できるということです。この柔軟性は、障害のない人にも、特定の状況では利益をもたらします。たとえば、遅いネットワークを使用している人は、腕を骨折した人や一時的に障害を負った高齢者のようなものです。

Web アクセシビリティが非常に重要な理由

Web は、教育、雇用、政府、ビジネス、ヘルスケア、エンターテイメントなど、多くの側面でますます重要なリソースとなっています。したがって、障害のある人々に平等なアクセスと機会を提供するには、Web アクセシビリティが非常に重要です。アクセシブルな Web は、障害のある人々がより効果的に社会に参加するのにも役立ちます。

ウェブは、障害のある多くの人々に、情報への対話型アクセスという前例のない可能性を提供します。つまり、Web テクノロジーを通じて、ディスプレイ、サウンド、および有効化メディアへのアクセスの障壁をより簡単に克服できるようになります。

さらに、Web アクセシビリティは法律や政治によって要求される場合があります。

Web をアクセシブルにする

Web をアクセシブルにすることは、Web のコンテンツ、サイズ、複雑さ、Web が置かれているツールや環境などの多くの要因に応じて、単純にも複雑にもなります。発展した。

Web の開発または再設計を開始するときに計画を立てれば、多くのアクセシビリティ機能を簡単に実装できます。 Web サイトへのアクセス不能を解決するには、特に Web サイトが元々標準の XHTML を使用して開発されたものではなく、マルチメディアなどのさまざまな種類のコンテンツが含まれている場合、多大な労力が必要となる場合があります。

Web サイトのアクセシビリティの評価

Web サイトを開発および再設計する場合、開発プロセスの早い段階で評価すると、開発プロセス全体を通じてアクセシビリティをより早く簡単に評価できます 到達可能性の問題も解決しやすくなります発見されたとき。ブラウザ設定の変更などの簡単な手法で、Web ページが特定のアクセシビリティ基準を満たしているかどうかを判断できます。 Web サイトがすべてのアクセシビリティ基準を満たしているかどうかを判断するための複雑な評価は、さらに複雑です。

評価に役立つ評価ツールがいくつかあります。ただし、Web サイトがアクセシビリティ基準を満たしているかどうかを判断できる単一のツールはありません。サイトが到達可能かどうかを判断するには、知識のある人間による評価が必要です。

アクセシビリティのための Web の基本コンポーネント

障害のある人が Web ページにアクセスできるようにするには、Web 開発のいくつかのコンポーネントが相互作用することが非常に重要です。これらのコンポーネントには次のものが含まれます:

· コンテンツ (コンテンツ) – 以下を含む Web ページまたは Web アプリケーションに関する情報:

o テキスト、画像、サウンド、など

o コードまたは定義の構造、表示されるロゴ

・ 、またはその他のエージェント ・ テクノロジー

、

スクリーン リーダー、交換用キーボード、スイッチ、スキャン ソフトウェアなど ・ ユーザー (ユーザー) の Web 使用に関する知識、経験、および適応戦略

・ デザイナー、開発者、著者など（障害のある開発者およびコンテンツに貢献するユーザーを含む）・オーサリングツール ( オーサリングツール) - ウェブサイト作成用ソフトウェア

· 評価ツール – Web アクセシビリティ評価ツール、HTML Validator、CSS Validator など

コンポーネント間の相互依存性 コンポーネント間には重大な依存関係が存在する必要があります。 Web ページにアクセスできるようにするために連携します。たとえば、画像上の代替テキストの場合:

·代替テキストの作成（HTML 定義の代替テキストなど）属性(ALTの画像要素(IMG))

・ WAI ガイドライン - WCAG、ATAG、および UAAG、以下で説明 - アクセシビリティのさまざまなコンポーネントを実装する方法を定義する代替テキスト

・ 開発者 適切な代替テキストの表現を提供します

· " 提供を促進および促進します。

・ 評価ツール

は、代替テキストが存在するかどうかを確認するために使用されます ・代替テキスト > ヒューマンマシンインターフェース、さまざまな方法の代替テキストを提供します

· ユーザー ユーザー エージェントから、または補助に従って代替テキストを取得する方法を知っています。テクノロジー

World Wide Web Consortium (W3C) Web Accessibility Initiative (WAI) は、さまざまなコンポーネント レベルの Web アクセシビリティ

ガイドライン

を開発しました:

オーサリング ツールのアクセシビリティ ガイドライン (

ATAG

) オーサリング ツール

Web コンテンツのアクセシビリティ ガイドライン ( WCAG ) Web コンテンツ、開発者向け、オーサリング ツール、評価ツール

ユーザー エージェント アクセシビリティ ガイドライン (

UAAG
• ) Web ブラウザー、メディア プレーヤー (一部の支援技術を含む)
WAI ガイドラインは、Web の基本的な技術仕様に基づいており、 W3C 技術仕様 (HTML、XML、CSS、SVG、SMIL など) との連携
• 障害のある人々による Web の利用方法
• シナリオ:
・ 🎜> 色覚異常オンライン ショッピング

:

リーさんは、新しい服、電化製品、音楽を購入したいと考えています。いつものように、彼は夜をオンラインショッピングで過ごしました。彼は、赤緑色覚異常という一般的な視覚障害を持っています。

彼は多くの Web サイトのテキストを読むのが困難です。彼は Web を使い始めたとき、多くのサイトのテキストと画像が同じような茶色の色調を持っているため、色のコントラストが不十分であることに気づきました。彼は赤緑色覚異常のため、色が区別できないことに気づきました。多くの場合、Web サイトでは割引を示すために赤が使用されますが、すべての色は茶色のように見えます。他のケースでは、必要なボックスが赤で示されていましたが、どれが赤であるかわかりませんでした。

リー氏は、十分な色のコントラストを使用し、色の冗長な情報を使用する Web サイトを好むことに気付きました。これらのサイトでは、色ではなくテキストを手がかりに使用します。もう 1 つの経験として、Li 氏は、多くの更新されたサイトが色を制御するためにスタイル シートを使用していることに気づきました。ブラウザのスタイル シートをオフにして、独自のスタイル シートを使用してそれをオーバーライドできるということです。ただし、Web サイトによってはこれらの色をカバーできない場合があります。

・反復性ストレス損傷を負ったジャーナリスト

ジョーンズ氏は、オンライン雑誌に HTML を投稿する 20 年のキャリアを持ち、手と腕に反復性ストレス損傷を負いました ( RSI)、タイピングが苦痛になります。記事の作成には音声認識と代替キーボードを使用しますが、マウスは使用できません。ただし、オーディオ ストリーミングを使用する一部の Web サイトでは、サウンド カードの競合により音声認識を使用できません。

彼は同僚と同じ Web 作成ソフトウェアを使用できません。このソフトウェアにはキーボードの置き換え操作がなく、マウス ドライバーを使用する必要があるためです。彼は代替キーボードや音声認識の代わりにマウスを使用することを余儀なくされ、手をさらに損傷しました。フルキーボード操作をサポートする新しいソフトウェアセットを使用しているため、両手での操作が簡単になります。

彼は、Web サイトを閲覧したときに、いくつかの Web ページに実装されているアクセス キー機能を気に入りました。ショートカットを使用して、希望するリンクに直接アクセスできるようにします

・

聴覚障害のあるオンライン学生

マルティネスさんは物理学の遠隔学習コースをいくつか受講しています。彼女は聴覚障害者です。大学がオンライン マルチメディア コースウェアをアップグレードして、より多くの音声講義を使用できるようになるまで、彼女はコースでいくつかの問題を抱えていました。大学は音声文字起こしを使用し、Web を通じて音声バージョンを提供しています。マルチメディア作品のプレゼンテーションでは、SMIL マルチメディア同期オーディオ形式を使用して、オーディオ字幕とビデオ解釈を同期させます。学校の情報管理者は、これらのリソースにテキストの字幕を付けると、複雑な音声リソースに簡単にインデックスを付けることができることにすぐに気づきました。

このコースの教授は、学生がコースについて意見を交換できるチャット Web サイトも立ち上げました。彼女は聾唖の学生でしたが、他の学生は誰も手話を知りませんでした。 彼女は、Web ベースのチャット形式と Web ベースのテキスト コメントの提供により、クラスの進行状況を確実に把握できることにすぐに気づきました。

・

盲目の会計士

ライティネンさんは盲目の会計士で、スクリーン リーダーを使用して画面表示を翻訳し、音声出力と点字出力を生成します。彼女は音声出力とページ上のナビゲーション リンクの切り替えを組み合わせて、ドキュメントをすばやくスキャンします。点字を使用すると Web ページをより正確に読むことができるため、彼女は点字出力を使用してテキストの正確な表現を確認します。

ウェブページ上の多くの情報は表に記載されているため、目の見えない人にとっては読みにくくなっています。ただし、表には列ヘッダーと行ヘッダーが明確にマークされているため、表内の情報を簡単に見つけることができます。スクリーン リーダーは、画像を読み取るときに代替テキストを読み上げます。会計コードには多くの頭字語があるため、Web を使用する ABBR と ACRONYM は、最初の訪問でこれらの頭字語の意味をよりよく理解できます。

・ ディスレクシアの生徒

中学生のオルセンさんは文学の授業がとても好きです。彼女は失読症と注意欠陥障害を患っています。そのせいで彼女は読むことが非常に困難になった。彼女の学校は最近、教科書を補うためにオンライン コースを導入しました。彼女は音声合成ソフトウェアを試したところ、読むのが楽になりました。

彼女は、画像のあるページは読みやすいが、アニメーションのあるページは読みにくいことに気づき、アニメーションとテキストのスクロールをオフにしました。ウェブページの検索戦略を変えることで、彼女は読みやすくなりました。