あなたのウェブサイトのアクセシビリティを改善する方法-8つの簡単な方法。

多くの場合、デザイナーや開発者は、障害を持つ人を含むすべての人がアクセスできる機能的なWebサイトを作成することを忘れて、美しいWebサイトの作成に多くの時間を費やしています。 あなたのウェブサイトをすべての法的要件にアクセスできるようにするだけでなく、それは道徳的なことでもあり、あなたのビジネスに大きな経済的利益をもたらす可能性があります。 したがって、この記事では、Webサイトのアクセシビリティを向上させるための最も簡単な方法をいくつか紹介します。

Webサイトの97％は、グローバルWeb規制に準拠していません。 これは、追加のニーズを持つユーザーに対応するために、企業がさらに多くのことを行う必要があることを示しています。

なぜあなたのウェブサイトのアクセシビリティを改善するのですか？

あなたのウェブサイトのアクセシビリティを改善することは、まず第一に、あなたのビジネスをより大きな消費者基盤に開放し、それはより高い利益をもたらす可能性があります。 あなたのウェブサイトのアクセシビリティを改善することはまたあなたのウェブサイトが検索エンジンの観点から理解しやすいのであなたのウェブサイトの検索エンジン最適化を改善するかもしれません。

より多くのトラフィックがあなたのウェブサイトに入り、より多くの訪問者があなたのコンテンツを読むことができるようになると、販売の可能性が高くなります。 Tescoなどの企業は、アクセシビリティソリューションを実装する際に売上が増加しています。

最後に、障害のあるユーザーが使用できるようにWebサイトを改善することは、道徳的に正しく、法的要件でもあります。障害のあるユーザーがWebサイトにアクセスできるようにしないと、訴訟を起こす可能性があります。Netflix、Domino's Pizza、Targetなどの企業に問い合わせてください。障害のあるユーザーがアクセスできないウェブサイトを持っていることで、すべてが訴えられました。

Webサイトのアクセシビリティをどのように改善しますか？

Webサイトのアクセシビリティを向上させるための2つのオプションがあります。 最初のオプションは、アクセシビリティを念頭に置いてWebサイトを構築するか、障害のあるユーザーがWebサイトにアクセスするのに役立つサードパーティのツールをインストールすることです。

アクセシビリティを念頭に置いてWebサイトを構築する場合は、ここに役立つヒントがいくつかあります。

1）アクセシブルなコンテンツ管理システムを選択する。

その名前が示すように、コンテンツ管理システムは、データベースとサイトのフロントエンドに表示されるコンテンツを処理するWebサイトのバックエンドツールです。

最も一般的なコンテンツ管理システムの1つはWordPressであり、CMSとしてすぐにアクセスできますが、ユーザーがレイアウトやデザインの作成を開始すると、問題が発生する可能性があります。

WordPressでは、サードパーティのソフトウェアをインストールできるプラグインシステムを使用しており、多くの場合、これは便利です。 ただし、このサードパーティソフトウェアはユーザーが開発したものではないため、コードの下で何が起こっているのかを理解していない可能性があります。そのため、コードがWebサイトのアクセシビリティに役立たないことがよくあります。

そうは言っても、アクセシビリティの問題を解決するためにサイトに追加できるサードパーティのアクセシビリティプラグインもあります。

2）正しいセマンティックマークアップを使用します。

セマンティックマークアップは、ブラウザと開発者にとってオブジェクトが何であるかを示します。 正しいマークアップを使用すると、スクリーンリーダーなどのソフトウェアに役立ちます。

セマンティックマークアップの例には、<form>、<table>、および<article>が含まれます。これらは、それらに入力されるデータを明確に記述しているためです。

HTML5には、画面読み上げテクノロジーを支援するために使用できるセマンティックマークアップのインスタンスが多数あります。W3SchoolsのWebサイトで他の例を見ることができます。

3）画像に適切なタグを付けます。

画面読み上げソフトウェアは、視覚障害のある人にインターネットを閲覧する方法を提供します。 このテクノロジーは、ページの内容をユーザーに知らせるのに非常に優れていますが、それでも制限があります。

画面読み上げソフトウェアでは、画像の内容を説明したり、画像内のテキストを読み上げたりすることはできません。 このため、開発者は自分のWebサイトの画像に正しい方法でタグを付ける必要があります。 スクリーンリーダーは画像のALTテキストを理解できます。これを誤って入力すると、障害のあるユーザーがページをもう少し理解するのに役立ちます。

ALTタグは、検索エンジンのランキング要素であるとマーケターが信じているため、悪用される可能性があります。 マーケティング担当者は、ウェブサイトの画像に次のALTテキストでタグを付けることができます：「靴の販売」。 サイトのアクセシビリティに関心のある人は、ALTテキスト「オフィスで男性が履く茶色の革の靴」を使用します。

上記の例から、マーケティングの観点からアクセシビリティの観点までの明確な違いを見ることができます。

4）すべての人がマウスを使用するわけではないので、それに応じて計画します。

モビリティの問題があるユーザーは、インターネットの閲覧に必要な精度でマウスを使用できない場合があります。 移動に問題がある人は、キーボード、マウススティック、ヘッドワンドなどのさまざまなデバイスを使用してインターネットにアクセスします。

上記の技術を使用しても、レイアウトが複雑なため、一部のWebサイトにアクセスできません。 複雑なレイアウトには、ドロップダウンナビゲーション、複雑なアニメーション、または焦点を合わせているWeb要素を表示するCSSスタイルをオフにするような単純なものを含めることができます。

一部のユーザーは、キーボードのキーをクリックしてWebサイトの要素を循環する必要があります。アクセスできないサイトでは、現在の要素と次に進むことができる要素を確認することはほぼ不可能です。 これについての最良の説明は、マウスポインタが画面に表示されない状態でマウスを使用しようとすることです。

5）ARIAを理解して使用する

アクセス可能なリッチインターネットアプリケーションまたはARIAで、支援技術を使用できるようにWebサイトに変更を加える方法の概要を説明します。 ガイドラインは、動的コンテンツをWebサイトで提供する方法を定義するのに役立ちます。

W3Cを使用してWebサイトでARIAを使用する方法については、こちらをご覧ください。

6）ウェブサイトの色を慎重に選択してください

何年にもわたって色彩理論について発表された無数の記事があり、特定の色が人々をどのように感じさせ、購入プロセスに沿ってさらに助けることができるかについて論じています。

あなたが色彩理論を信じるかどうかにかかわらず、一つ確かなことは、色があなたのウェブサイトのアクセシビリティを改善するために大きな役割を果たすことができるということです。 明るい色は、視覚障害のある人にとってWebサイトのテキストを読みにくくする可能性がありますが、同じコントラストの色は同様の効果をもたらす可能性があります。

あなたのウェブサイトの色を決めるとき、あなたはあなたのブランディングを考慮する必要があるでしょう。 ただし、障害のあるユーザーにとってブランディングに問題がある場合は、それを修正するための解決策を考え出す必要があります。

7）動画に字幕を使用する

企業は自社のWebサイトでビデオ説明を使用して、製品が問題をどのように解決するかを示すことができますが、多くの企業は、聴覚に問題がある読者を支援するためにキャプションを使用していません。

ビデオにキャプションを追加することは、フリーランサーを雇ってそれらを転写することができるので、難しくも高価でもありません。

Youtubeのような会社はあなたのビデオに自動的にキャプションを追加しますが、それらはコンピューターで生成されるため、常に正しいとは限らず、あなたが共有しようとしたメッセージと訪問者を混乱させる可能性があります。

キャプションは、通勤中にビデオを視聴し、ミュートすることが多いため、聴覚に問題のない人にも役立ちます。 キャプションは、他の人の邪魔をすることなく、何が起こっているのかを理解するための良い方法です。

8）サードパーティツール

ウェブサイトのサイズによっては、ウェブサイトを通過して上記の変更を加えることができない場合があります。 一方で、これらの変更を実施するための予算がない場合があります。

これは理解できますが、障害のあるユーザーに対応しないことでお金を捨てていることに気づきます。ウェブサイトで法廷に連れて行かれた場合、お金を失う可能性があります。

ありがたいことに、これらの変更を行うためにインストールできるサードパーティのツールがあります。

使用できるツールのいくつかは、それらをインストールして残りの作業を実行させるのと同じくらい簡単です。 これらのツールの最も優れている点は、軽量であり、Webサイトのページ読み込み速度にも影響を与えないことです。 アクセス可能な問題のないユーザーは影響を受けませんが、追加のヘルプが必要なユーザーは、Webサイトをはるかに簡単に閲覧できます。

このソフトウェアの唯一の欠点は、月額料金が必要になることが多いということですが、ソフトウェアがどれだけの時間を節約できるかを考えると、高価でもありません。 毎年支払うことでさらに節約することができます。 ソフトウェアの予算がない場合は、無料のバージョンがありますが、あなたに代わってより多くの入力が必要になります。

結論

障害のあるユーザーにアクセシブルなソリューションを提供することは、道徳的に正しいだけでなく、法的要件でもあります。

障害のあるユーザーはすでに困難な生活を送っています。少しの努力でオンラインブラウジング体験を改善できるのであれば、それは私たち全員がやるべきことです。 小規模なサイトは自分たちの上で変更を加えることができますが、商用Webサイトは数時間でアクセスできるようにするアクセシビリティソフトウェアに投資できます。

現在市場で最もアクセスしやすいソフトウェアのリストをご覧になりたい場合は、ページのさらに上にガイドが含まれています。