障壁を打ち破る: WordPress ウェブサイトのアクセシビリティが重要な理由

この記事では、WordPress ウェブサイトをよりアクセスしやすくすることがなぜそれほど重要なのかを説明し、誰もがアクセスしやすくするために使用できるシンプルなツールを紹介します。 なぜですか？なぜなら最終的な目標は、できるだけ多くの人にウェブサイトにアクセスしてもらうことだからです。 サイトをすべての人がアクセスできるようにしていない場合、どうやってそれを期待できるでしょうか?

さらに、私たちのほとんどは、最新のソーシャルメディアマーケティング戦略や検索エンジン最適化手法を使用して、サイトに大量のトラフィックを誘導する魔法の方法を見つけることに重点を置いていますが、私たちの多くが忘れているのは次のことです。ウェブサイト内を簡単に移動できる必要があることはすでにわかっています。

これは非常に重要です。なぜなら、実店舗のビジネス状況と同じように、人々はあらゆる種類、形、大きさで存在するからです。最終的には、時間を割いてあなたの施設を訪れた人たちに、時間をかけて見て回って、お金をかけて、頻繁に戻ってきて、そして何よりも他の人を連れて帰ってきてほしいと考えています。

これまでウェブサイトのアクセシビリティに興味がなかったとしても、今なら興味があるはずです。ということで、早速やっていきましょう！

ウェブサイトのアクセシビリティとは何ですか?

少し時間を取って、私たちが話していることを理解しましょう。

ウェブサイトのアクセシビリティとは、障害のある人によるウェブサイトとのやり取りやウェブサイトへのアクセスを妨げる障壁を取り除く取り組みを指します。サイトが正しく設計、開発、編集されていれば、すべてのユーザーが情報と機能に平等にアクセスできます。

つまり、私たちが実際に話しているのは、障壁を取り除く実践についてです。それは複雑に聞こえるかもしれませんが、実際はそうではありません。たとえば、ウェブサイトのバリアは、リンクに目に見えて意味のあるタイトル（ツールヒントとして表示されるテキスト）を作成しないという単純なものである可能性があります。

あなたが平均的なインターネット旅行者で、Web サイトをナビゲートしやすくするために Web サイトのデザイナーや Web マスターが少し努力をしなかったことに突然がっかりしたとしたら、ビジョンを持った人がどのような人であるかを想像してみてください。今障害を感じています。

他人の目を通して見るインターネット

感覚障害やその他の精神障害や身体障害のある人がインターネットを閲覧することがどのようなものなのか考えたことはありますか?おそらくそうではありません。今後の Web サイトの作成方法と運営方法が変わる可能性があるため、今すぐ時間をかけて実行することをお勧めします。多くのウェブユーザーが直面する課題のいくつかを見てみましょう。

視覚: 失明、一般的なさまざまな種類の低視力や視力低下、さまざまな種類の色覚異常などの障害。
モーター/モビリティ: 例:パーキンソン病、筋ジストロフィー、脳性麻痺、脳卒中などの症状による、震え、筋肉の遅さ、微細な筋肉制御の喪失などを含む、手を使うことが困難または不能になる状態。
聴覚: 難聴または聴覚障害（難聴者を含む）。
発作: 視覚的なストロボまたはフラッシュ効果によって引き起こされる光てんかん発作。
認知/知的: 発達障害、学習障害（ディスレクシア、算数障害など）、記憶力、注意力、発達の「成熟度」、問題解決能力、論理スキルなどに影響を与えるさまざまな原因の認知障害。。

良いニュースは、障害のある人がネットサーフィンを楽しめるようにするための支援技術がたくさんあるということです。ウェブサイトデザイナーの仕事は、これらのテクノロジーが機能するようにサイトが特定のガイドラインに準拠していることを確認することです。

一般的なインターネットアクセシビリティツール

支援技術と言えば、よく使用される最も人気のあるインターネットアクセシビリティプラグインを以下に挙げます。

合成音声を使用してコンピュータ上で何が起こっているかを読み上げるスクリーンリーダーソフトウェア。
テキストを点字文字として表示する更新可能な点字ディスプレイ。
モニターに表示されている内容を拡大する画面拡大ソフトウェア。
音声をテキストに変換する音声認識ソフトウェアです。
入力をより簡単かつ正確にするキーボードオーバーレイ

そしてはい、そのためのアプリもあります。

eSSENTIAL Accessibility の無料の支援技術は、入力、マウスの移動、画面の読み取りが困難な人々を支援します。

これで、障害のある人がブログを読んだり、エキドナとは何か (*ヒント* とげのあるハリネズミのように見えます) やその好物について学んだり、あるいは完璧な贈り物を買い物したりするときに、障害のある人がどのようなことに直面するかが理解できたと思います。オンラインでは、徹底的にアクセスしやすいウェブサイトのデザインを実現するのに役立つツールをいくつか紹介します。結局のところ、障害のある人がサイトに適切にアクセスできる場合は、すべての人がどれだけ簡単にアクセスできるかを考えてみてください。

アクセシブルな WordPress テーマを選択する方法

完全にアクセシブルな Web サイトへの最初のステップは、アクセシビリティに対応したテーマを選択することです。多くのテーマ開発者は、時間をかけて WordPress テーマアクセシビリティハンドブックのガイドラインを実装しているため、特定のテーマがアクセシビリティに対応しているかどうかを作成者に尋ねるのが最善の策です。

たとえば、ここ WPExplorer では、Total WordPress テーマをよりアクセスしやすくするために、ハワイ大学と緊密に協力してきました。見てみたいですか？ WAVE Web アクセシビリティ評価ツールを使用して UH の Web サイトを実行すると、すべての学生が Web サイトを利用できるようにするためにテーマの機能がどのように実装されているかを確認できます。

WordPress.org で無料でアクセスできるテーマを見つけることもできます。ページ上部の [テーマ] メニューリンクをクリックして、テーマディレクトリを開きます。 機能フィルタというタイトルのサブメニューを探してください。その隣には小さなギアがあります。それをクリックしてください。

これにより、検索をフィルタリングするときに選択できる多数のオプションが開きます。 [機能] で、ご想像のとおり、アクセシビリティ対応となっている最上位の機能をクリックします。

その後、他のフィルターを必要な数だけ選択できます。左側に [フィルタを適用] ボタンが表示され、適用したフィルタの数が表示されます。 [フィルタを適用] をクリックします。手足は常に車内に置いてください。

これで目的地に到着しました。車両が完全に停止し、ドアが完全に開くまでお座りください。次に、テーマを選択します。

テーマがアクセシビリティ対応としてマークされているからといって、そのテーマが「完全に」アクセシブルであることを意味するわけではないことに注意することが重要です。ただし、テーマデベロッパーがわざわざテーマをアクセシブルとしてタグ付けしているのであれば、この面で何らかの作業を行っている可能性があります。問題が発生した場合は、他のユーザー向けにテーマを更新できるように、その旨を伝えてください。

(無料) アクセシビリティのための WordPress プラグインソリューション

おそらく、独自の WordPress テーマを構築しているか、または任意のテーマを使用したいと考えているかもしれません。何も怖くない。 WordPress の世界の驚くべき点の 1 つは、何万ものプラグインが利用できることです。何かが必要なときは、通常、それに対応するプラグインが存在します。

私の個人的な選択は WP Accessibility です。これには、WordPress テーマを使用しているときに遭遇する可能性のある一般的なアクセシビリティの問題の多くを見つけて解決するのに役立つさまざまなツールが付属しています。専門知識はほとんど必要なく、セットアップも最小限で済みます。

WP Accessibility Helper (WAH) もオールインワンオプションで、スキップリンク、フォントサイズ変更、DOM スキャン、コントラストモードなどの便利な機能が多数含まれています。多数のアクセシビリティ対応機能をサイトに一度に追加する簡単な方法です。。

より具体的なアクセシビリティのニーズを満たすものもありますので、チェックしてみてください。

アクセシブルなフォント

アクセシビリティウィジェットは、サイドバー用のフォントサイズスイッチャーウィジェットを作成します。こうすることで、サイトの読者はニーズに応じてテキストサイズを簡単に変更できます。

読みやすくするための 2 番目のオプションは、Zeno Font Resizer です。このプラグインを使用すると、サイト管理者はフォントのサイズ変更オプション (最小サイズと最大サイズ、増加時のサイズ変更ステップ、文字) および Cookie の期間を設定できます。こうすることで、ユーザーがサイトに戻ったときに正しいサイズのフォントが表示されます。

テキスト読み上げ

視覚障害のある読者にとって、音声オプションの搭載は必須です。私が気に入っているプラグインの 1 つは、Speaker – Page to Speech です。このプラグインは、投稿とページのオーディオバージョンを作成できます。何よりも、このプラグインは 190 の人間品質の音声から選択でき、30 以上の言語をサポートし、ほとんどのテーマでうまく動作します。

GSpeech Text To Speech ソリューションは、音声アクセシビリティのための無料オプションです。ページ上のあらゆるテキストで機能し、サイトにオーディオブロックを追加します。次に、オプションを使用して色やスピーカーの音声などを変更できます。

フォーム

Contact Form 7: Accessible Defaults や WCAG Form Fields for Gravity Forms などのプラグインを使用するか、Formidable Forms などのアクセス可能な準備済みフォームプラグインを使用するだけで、コンタクトフォームのアクセシビリティ対応を簡単に行うことができます。

それはさておき、Web サイトのアクセシビリティに関連するさまざまな問題の解決に役立つ便利なツールやプラグインが他にも多数あります。これは、推奨される開発ツールの包括的なリストを確認するのに最適なページです。

ウェブサイトのアクセシビリティをテストする

Web サイトを作成したら、変更をテストすることをお勧めします。アクセシビリティのテストに使用できる方法やソフトウェアは数多くありますが、テストを簡単にする方法がいくつかあります。

この記事ですでに触れた 1 つは、WebAIM による WAVE Web アクセシビリティ評価ツールです。この便利なツールには、エラー、アラート、機能、構造要素、ARIA ラベル、コントラストエラーが表示されるため、それに応じて調整できます。

しかし、WordPress ユーザーにとってより良いツールは、Equalize Digital によって作成された Accessibility Checker プラグインです。この無料のプラグインはコンテンツをスキャンして、編集時にリアルタイムの警告通知を提供します。こうすることで、新しい投稿やページが WCAG に準拠しているかどうかを正しく確認できます。チェッカーには、通知をトリガーするコードのセクションも表示されるため、ユーザー (または Web 開発者) は必要に応じて調整を行うことができます。また、プロバージョンにアップグレードすると、カスタム投稿タイプのスキャン、未解決の問題リストへのアクセス、無視された問題のログ記録、アクセシビリティ無視機能へのユーザーロールアクセスの設定、Web サイトのアクセシビリティステートメントの作成もできるようになります。

開発者向けのもう 1 つのツールは、Khan Academy によって開発されたアクセシビリティ視覚化ツールキットである Tota11y です。この JS ファイルをサイトに追加するだけで、画面下部の小さなメガネアイコンタブに表示されるアクセシビリティツールが有効になります。クリックするだけで、ページ上のアクセス可能な要素と、修正が必要なエラーや違反が表示されます。

結論

ウェブサイトのアクセシビリティは、トラフィックを単にサイトに誘導することと同じくらい、あるいはそれ以上に重要です。これで、目的地に到着するすべての人が、あなたのウェブサイトの信じられないほど面白く有益な情報をすべて完全に理解し、移動できるようにすることが重要である理由が理解できました。

何を求めている？ この機会に今すぐサイトをアクセスしやすくしてください。