この記事では、視覚障がい者向けのオンライン映画館を作成する際に得られるツールと異常な経験を紹介します。
（画像からのリンクを使用したGitHubでの適応テーマの例）
WCAG 2.0とは何ですか？
これは、障害を持つ人々のサイトアクセシビリティの標準です。 インターフェイスとWebサイトのデザインを設計するための適切なアプローチについて説明します。 標準についてはこちらをご覧ください。ここは英語 、こちらはロシア語です。
なぜこれが必要なのですか？
視覚障害者は、特別に適合したWebサイトでのみ定性的に機能する特別なソフトウェアの助けを借りてインターネットを使用します。
映画はどこにありますか？ tiflocommentationとは何ですか？
映画のTiflokommentariiは、ビデオの画面外の説明を含む追加のサウンドトラックです。 Tiflokommentariiは、特定の規則に従って編集され、ダイアログ間の一時停止中にプロのスピーカーによって発声されます。 映画は、関連組織の視覚障害者にのみ上映されます（ただし、すべてうまくいきます）。
テストツール
読者
このようなユーザーは、Winを使用する場合、またはMac OS Xの組み込みVoiceoverを使用する場合、NVDAおよびJAWSを使用してサイトを聞くことができます（OSの一部であり、非常に便利です）。
VoiceOverの説明はこちら 、JAWSについてはこちらをご覧 いただけますが、NVDAについてはこちらをご覧ください。
3番目の製品はオープンソースプロジェクトであり、 改善に役立ちます。
チェッカー
チェッカーは、リクエスト「wcag 2.0チェッカー」でGoogleに簡単にアクセスできます（十分な数があります）。
さらに、 FireFox用の特別なツールバーもあります。
近くに適切な「テスター」があれば非常に便利ですが、そうでない場合は、既製のチェッカーを使用するか、リーダープログラムをオンにして、目を閉じてサイトを使用してみてください。
印象と落とし穴
1.スクリーンリーダーの「通常のサイト」は混乱のように聞こえますが、標準のキーボードナビゲーションを使用することは不可能です。 状態が表示されないため、すぐに迷子になります。 ただし、適応が最小限であっても、どこで何を読むべきかを理解できます。
2.スクリーンリーダー自体はまだ完全ではなく、このプログラムがバグであるか、サイトが傾斜しているかは不明です。
3.テキストを読むのは面白いです-長くて退屈なのにスクロールできます。 テキストが通常字幕でマークされている場合、スクロールはそれらに向けられており、一般的な意味をつかむことができます。 そうでない場合、読者は個々の単語をつかみ、コンポートになります。
4.ズームでのレスポンシブサイトと「比例タイポグラフィ」の動作は興味深い方法です。サイズを大きくすると、巨大なモバイルレイアウトになりますが、要素間の比率は維持され、すべてが明確になります。
5.ブラウザに応じて、スクリーンリーダーの読み方が異なります。一般的に、スクリーンリーダーは大きく異なります。
6.目が見える人に馴染みのある多くの安定した慣習はありません。たとえば、サイトヘッダーと「最初の画面」は存在せず、「ページの上部に情報」のみがあります。
7.「新しいウィンドウ」内のリンクの問題：通常の戻るボタンが機能しないため、高い確率の人は失われ、何が起こったのか理解できず、返されません。
8. 404ページ：人は基本的に何かが間違っていることを理解していますが、正確にナビゲートすることは困難です。 最初のアイデアは、最も一般的な間違いです。 ネットワークが頻繁に切断される場合、その人はインターネットが切断されていると考えます。 ある種のプログラムがバグがあるかフリーズしている場合、彼はそれがフリーズしているなどと考えます。 開発者が404にいくつかの「ニュース」などを入れることもありますが、これはさらに混乱を招きます。
8.ポップアップ：たとえば、like-boxタイプのギャラリーは、サムネイルおよびその他すべてにフォーカスがキーボードから制御されるため、アクセス可能と思われますが、スクリーンリーダーには特別なヒントはなく、対処方法は明確ではありません。
9.「開発のセクション」：人がそれが何であるかを理解することは非常に困難です。 彼は「単純に何もない」ことを理解しておらず、「それがある」と考えていますが、何らかの理由で彼を見せないか、何かが失敗しました。
10.興味深いバグがあります。たとえば、FFプレーヤー（これはトラップです）に陥りますが、キーボードから戻ることはできず、マウスでどこかをクリックするまで（YouTubeプレーヤー、その他のプレーヤー） iframe）。 保存することは不可能です-これについてはbugsillaにスレッド全体があります。
11.そのような人々のための最も一般的なブラウザ-IEとif奇跡9.これは難しい社会現象です-視覚障害者に特別装備のコンピューター（ひどいジャンク）を無料で提供するロシア連邦の社会プログラムがありますあります。」 そこに何かを置くことを考えているのは多かれ少なかれ若い人たちだけです。 IEの方が便利なので、Chromeがあってもほとんど使用しません。 彼らはそれに慣れていて、何が呼ばれているのか、いくつかのメニューはどこにあるのかを知っていて、（今は特に）変わらない。
すべての新機能と素晴らしい機能-どこになったのかが分からず、一般的にすべてが異なるため、それらは1つの場所にあります
12.ソフトウェアの観点から優先順位は完全に異なります。新しいものが好きです-より便利で、クールで、美しさ、
しかし、逆の場合は、すべてをそのままにしておくことをお勧めします。そうしないと失われてしまい、何も理解できず、入力するまでスクリーンリーダーを10回聞くことになります。
13.場合によっては、コンピューターをリモート制御するためのプログラムがあります。実際に悪い場合は、リモートの対話者が必要に応じてマウスを接続して突くことができます（プロキシまたは友人）。
14.ソーシャルネットワークについて：Vkontakteは非常に困難ですが、使用することは可能ですが、FBでは-ほとんど不可能です-画像をナビゲートする必要のあるポップアップなどが多数あります。 ちなみに、Yandex（噂による）には、州にほぼ盲人がいて、あらゆる種類の物事を適応させる手助けをしています。
15.サイトがスクリーンリーダーに理解可能である場合、残りは2倍明確にする必要があります。 スクリーンリーダーはテストするのに最適です。スクリーンリーダーの「奇妙な」何かがあれば、ほとんどの場合これは間違いです。 そして、あなたはより短く、より分かりやすいテキストを書き始めます。
16.常にあなたに言う世界（コンピューターの内部）：私はボタンであり、リンクであり、ポップアップであり、エラーやクラッシュさえあります。 私たちにとってシンプルに見えるものについて（数秒の問題-クリックが見つかりました）
数分かかる場合があります。
17. MacOSでは、Mavericks-スクリーンリーダーはイメージを「イメージ」と呼びます。 写真に代替テキストを書きます！
役立つリソースへの追加リンク：
WordPressプロジェクトの利用可能性に関する多くの情報がここに投稿されています。 ここから他の情報を入手できます。1か所にたくさんのテキストがあります。
追伸
テスターとして行動し、さまざまなリーダープログラムの作業に関するコメントとフィードバックを提供してくれたAleksey Vladimirovich Fitisovと、Greenhouse of Social Technologiesの90％以上の作業を行ったAnna Ladoshkinaに特に感謝します。
アクセスしやすいサイトを作成してください！
更新する 平均して、WCAGの使用が技術仕様のレベルで設定されている場合、プロジェクトコストは10％以下しか増加しません。