WEBサイトのバリアフリーをどうやって実現するのか？チュートリアルはこちら！

障害のある特定の種類の人々にとって、キーボード、モニター、マウスなどの基本的なコンピューターハードウェアは、Webの閲覧やナビゲーションに使用することが困難で、または操作できないかもしれません。幸いなことに、Webの使用やウェブページの閲覧を支援する別の方法があり、WEBサイトのバリアフリーと呼ばれます。

「WEBサイトのバリアフリー」という用語は、Webデザインを容易にするあらゆるコンテンツに使用できますが、この記事では、普通のWebページを補足または置き換えるために使用されるバリアフリーのウェブサイトの開発のための標準についてのみ説明します。

WEBサイトのバリアフリーが様々な設計仕様であるため、どこから始めればよいかを判断しにくいかもしれません。この記事では、障害者が解決を助けてほしいと思うかもしれない問題を種類別に説明します。

視覚障害者向けのWEBサイトのバリアフリーの規範
聴覚障害者向けのWEBサイトのバリアフリーの規範
記事のまとめ

視覚障害者向けのWEBサイトのバリアフリーの規範

世界盲人連盟（WORLD BLIND UNION)は、世界中の成人の約 3% が、傷害から完全な失明に至るまで、何らかの視覚障害に苦しんでいると推定しています。次のWEBサイトのバリアフリー設計ガイドは、視覚障害者に一般的に使用されるテクノロジーです。

画面ルーペ

弱視の人のために、画面拡大ソフトウェアを使用すると、コンピューター画面または携帯でのテキストと画像が通常の20倍に拡大されます。画面ルーペは仮想ルーぺとして使用でき、ユーザーは画面のどのエリアにフォーカスを当てるかを制御できます。画面拡大ソフトウェアの機能は次のとおりです：

1．Webデザインやテキスト入力で使用される文字を拡大して、ユーザーが間違いをすぐに修正できるようにする

2．画面上のマウスのカーソルを拡大して、見つけやすくする

3．ユーザーが快適な速度でサイトの情報を読むことができるように、設定された速度でページを上から下に自動的にスクロールする

画面ルーペは、使いやすいWEBサイトのバリアフリーの仕様の 1 つです。Windows および Mac コンピューター、iOS および Android デバイスには、どれにも画面拡大ソフトウェアが組み込まれています。

Strikinglyの商品から受けた画像

ただし、一部のブラウザーは画面ルーペをサポートしていないため、WEBサイトのバリアフリーをデザインする際により多く関連要素を埋め込み、障害を持つユーザーが使用できるようにボタンやキーワードを拡大する必要があります。ここをクリックして Strikingly のユーザー例を表示できます。

スクリーンリーダー

画面拡大ソフトウェアは、視覚障害のある人にとっては良い解決策ですが、そうでない人もいます。多く視覚障害者にとって、支援技術のもう 1 つのオプションは、画面上のテキストを合成音声に変換できるスクリーンリーダーソフトです。

ユーザーは、自分の状況に応じてスクリーンリーダーのパラメーターを調整できます。一般的な設定には、音声の速度と音量、および合成音声の性別とアクセントが含まれます。

したがって、WEBサイトのバリアフリーのために、スクリーンリーダーが Webページ、ドキュメント、スプレッドシート、プレゼンテーション、テキストなどを読み上げられるようにする必要があります。コマンドにより、ユーザーは、タイトル、リスト、リンクなど、Webページ間または Webページ内を移動できます。Webページのデザインを始める前に、おそらく動的ページとは何かをわかる必要があるかもしれません。動的Webページと静的 Web ページの違いは、必要なWebページの種類を説明することができます。これは、リソースを節約するのに役立ちます。動的ページの詳細は、ここをクリックしてください！

Strikinglyの商品から受けた画像

ここでStrikinglyをおすすめしたいです。このプラットフォームのWebページのデザインテンプレートはスクリーンリーダーに最適です。ブログセクションを使用して、読みやすいテキストを埋め込むことができます。ナビゲーションバーの分割とセクションを自動生成することができ、非常に便利で、WEBサイトのバリアフリーの効果も優れています。

新型コロナウイルスの影響から抜け出すために、ここをクリックして、Strikinglyが無料バージョンを提供します