サイトのランプ

こんにちは、Habr。 私はイヴァン・バカイドフです。 本日、「なぜあなたのサイトを使用できないのですか？」という私のレポートを共有したいと思います。 このレポートでは、健康上の問題を抱える人々にとっての最新のWebのアクセシビリティの問題についてお話します。 一部のユーザーにとって、これはリソースの使用における決定的な要因かもしれませんが、この問題については考えなかったと確信しています。 ハブ上の普通の記事でさえ、スクリーンリーダーで読むのは不十分です。誰もが画像の説明を代替として示していないからです。



カットの下には、ビデオのコンテンツの簡単な説明、トピックに関する有用なリンク、およびヨータとズベルバンクとの戦いに関する私の投稿からの抜粋があります。

ビデオコンテンツ：

このレポートでは、問題の技術的な詳細を詳細に説明しようとはしませんでしたが、問題の関連性に注意を向け、一般的な用語でさまざまな制限を持つ人々に起こりうる困難について話したいだけでした。

0.いくらですか？

最初のステップは、おおよその聴衆を特定することです。 WHOによると、世界人口の10％が健康上の問題を抱えていることは言うまでもありません。もちろん、これはすべての人がサイトを使用するのに苦労しているという意味ではありません。

私がレポートで引用した以下の統計は、Habréの調査の結果です（リンクを見つけることができません。すべてを書き留める必要がありますが、何も繰り返しませんか？（-:)、開発者の12％のみがアクセシビリティについて考えていますが、彼女の決定によると、たったの2パーセントでした。

0.1 関連がありますか？ なぜインターネットが必要なのですか、どこにありましたか？ 独自のフォーラムを利用できます

現在、ロシアでは、ますます多くの障害者が現代社会に溶け込む機会を得ています。 インターネットに基づいた社会。 したがって、生涯、あなたはそれを使用できなければなりません。

「障害のある人のために別のソーシャルネットワークを作ってみませんか？」という愚かな質問をよく受けます。このアイデアは、非テーマコミュニティ内の人々のコミュニケーションの輪を閉じます。 国連の若者の声の記事でこの問題に触れました。

1.なに？

レポートの基礎として、アクセシビリティの開発における6つの分野をカバーする英国政府のポスターを取りました。 ところで、私はそれらがロシア語に翻訳されていることを発見しました。 Githubは大きな力です。



苦労して報告を始めました。

1.1。 ディスレクシア

ディスレクシアは特定の読書障害です。 この病気の原因は、遺伝的性質の神経障害に関連しています。 ディスレクシアに苦しむ人は、読み書きのスキルを習得するのが難しいと感じます。 （グーグル）







ディスレクシアの人はこのようなテキストを見ます。



テキストにインフォグラフィックスを追加し、テキストを短いパラグラフに分割し、Googleなどのキャプチャテスト済みサービスを使用することで、ユーザーが快適にサイトにアクセスできるように支援できます。 たとえば、私はコードやコード付きの記事を読むのがとても快適です。

1.2。 身体障害および運動障害

これらの障害のため、マウスの使用は難しい場合があります。 たとえば、使用するには両手で持つ必要があり、床や壁に紹介する絶好の機会です。 タッチパッドが役立ちます。 また、グラフィカルインターフェイスも避けます。mkdirとショートカットがすべてです。







大きなボタンを配置して（チェックボックスにラベルを付ける）、クリックするだけでドロップダウンメニューを修正し、ホバーするだけでなく、重要なボタンを持ち去り、友人が使用しているタブレットからサイトにアクセスすることを思い出すことで、サイトを使用できます足で。



そして、SMSからコードを入力するのにより長い時間がかかります。 時間がありません

1.3。 聴覚および/または音声障害

印刷されたテキストはインターネット上のどこにでもあるように見えますが、サービスを利用できるかどうかを耳で確認したり音声で確認したりすることが不可能な場合があります。 簡単な例、レポート、講義、その他の字幕なしの教材のビデオ（Vadim Makeevは、ビデオに字幕を追加しませんでしたが、レポート中にこれに注意しましたが）、または書くことができないコールバックフォーム。 ここで私は立ち止まって、私の人生のいくつかの物語を伝えたいと思います。

1.4。 スクリーンリーダー

テキストの読者。 視力障害または失読症の人が使用します。 ページレイアウトに適応。 そのため、意図された目的のためにalt属性を使用することが重要です。スクリーンリーダーが読むので、Habréの著者がこれを行うように、「画像」だけでなく、写真に表示されるものをその中に記述する必要があります。







ヘルパープログラムがこのようにページをナビゲートするのが簡単になるため、html5マークアップを使用して配当を取得することが重要です。

1.5。 視覚障害者

私の父はタイプセッターの直接の手のためのテストをしています：Ctrl + +。 スケーリングのためにサイトがクロールされない場合、父は彼にプラス記号を付けて、たとえばその上で自動車部品を注文できます。

スクリーンリーダーとハイコントラストコンテンツのサポートも重要です。

1.6。 自閉症

おわりに

私のレポートが、サイトのアクセシビリティについてより頻繁に考えるきっかけになり、このトピックを掘り下げてくれることを願っています。 見た目ほど難しくありません。 alt、alt、alt！

2.参照

• 非常にクールで詳細な記事、 「アクセスできないWeb：このような混乱を広める方法」 。
• 開発者向けチェックリスト「障害者がアクセスできる州のサイト」
• メディア「包括的デザイン」に関する記事。
• xサイトをテストするためのプラグイン。
• コメントからのリンク：
• Tbutnyakov ： Funkifyの機能をシミュレートするためのプラグイン。

- 私のサイト 。

- プロジェクトサイト 。