障壁を打破する:ワードプレスのウェブサイトのアクセシビリティが重要な理由

この投稿では、WordPress Webサイトをよりアクセシブルにすることがなぜそれほど重要であるかを説明し、誰もがアクセシビリティを向上させるために使用できるシンプルなツールを紹介します 全員. なぜ? あなたの最終的な目標は、できるだけ多くの人にあなたのウェブサイトにアクセスしてもらうことです. 誰もがサイトにアクセスできるようにしていない場合、どうすればそれを期待できますか?


さらに、私たちのほとんどは、最新のソーシャルメディアマーケティング戦略と 検索エンジン最適化 メソッド、しかし私たちの多くが忘れているのはこれです: あなたがあなたのウェブサイトを簡単にナビゲートできるようにする必要があることをすでに知っている人々.

これは 極めて 重要なのは、実店舗のビジネスの状況と同じように、人々はあらゆるタイプ、形、サイズの人々を受け入れているからです。結局のところ、あなたはあなたの施設を訪問するために時間を割いた人々に、周りを見回して時間を費やし、お金を費やし、頻繁に戻ってきて、そして何よりも、他の人を連れて帰りたいと思っています。.

以前にウェブサイトのアクセシビリティに興味がなかったのであれば、今は興味があるはずです。そうは言っても、ひび割れてみましょう!

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

少し話をしてみましょう.

ウェブサイトのアクセシビリティ 障害を持つ人々による相互作用やウェブサイトへのアクセスを妨げる障壁を取り除く慣行を指します。サイトが正しく設計、開発、編集されている場合、すべてのユーザーが情報と機能に平等にアクセスできます.

ですから私たちは本当に障壁を取り除く実践について話しているのです。複雑に聞こえるかもしれませんが、実際はそうではありません。たとえば、 バリア ウェブサイトでは、リンクの目に見える意味のあるタイトル(ツールチップとして表示されるテキスト)を作成しないのと同じくらい簡単な場合があります.

あなたが平均的なインターネット旅行者であり、サイトをナビゲートしやすくするためにWebサイトのデザイナーやWebマスターの側で少しの努力が不足していることに突然失望した場合、ビジョンを持つ人が何を想像するか障害は今感じています.

他人の目から見たインターネット

感覚障害のある、または精神的または身体的に障害のある人がインターネットを閲覧するのはどのようなものか疑問に思ったことはありますか?おそらくない。これからウェブサイトを作成して実行する方法が変わる可能性があるので、今すぐ実行することをお勧めします。多くのウェブユーザーが直面しているいくつかの課題を見てみましょう。

  • ビジュアル:失明、さまざまな一般的なタイプの低視力と視力低下、さまざまなタイプの色覚異常などの障害.
  • モーター/モビリティ:例パーキンソン病、筋ジストロフィー、脳性麻痺、脳卒中などの状態が原因で、振戦、筋肉の鈍化、細かい筋コントロールの喪失など、手を使用することが困難または不可能.
  • 聴覚:難聴または難聴(難聴の人を含む).
  • 発作:視覚的なストロボまたは点滅効果によって引き起こされる写真のてんかん発作.
  • 認知/知的:発達障害、学習障害(失読症、失読症など)、さまざまな起源の認知障害、記憶、注意力、発達の「成熟度」、問題解決能力、論理的スキルなどに影響を与える.

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

人気のインターネットアクセシビリティツール

支援技術といえば、ここでは、よく使用される最も人気のあるインターネットアクセシビリティプラグインをいくつか紹介します。

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

はい、そのためのアプリさえあります:

障害者がブログを読んでいるとき、またはエキドナとは何か(*ヒント*は、とがったハリネズミのように見えます)について学び、食べるのが好きなこと、またはおそらく完璧な贈り物を買うことを理解しました。オンラインでは、完全にアクセス可能なウェブサイトの設計を実現するのに役立ついくつかのツールを見ることができます。結局のところ、障害を持つ人々がサイトに適切にアクセスできる場合は、それがどれほど簡単になるか考えてください。 全員 ナビゲートする.

アクセス可能なWordPressテーマを選択する方法

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

WAVEアクセシビリティテスト

たとえば、ここWPExplorerでは、 ハワイ大学 Total WordPressテーマをよりアクセシブルにするため。見てみたいですか?を介してUH Webサイトを実行する場合 WAVE Webアクセシビリティ評価ツール 彼らがどのようにテーマの機能を実装して、すべての生徒がウェブサイトを利用できるようにしたかを見ることができます.

WordPress.orgメインテーマディレクトリ

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

これにより、検索をフィルタリングするときに選択できるオプションがたくさん開きます。下 特徴, 一番上の機能をクリックします-あなたはそれを推測しました- アクセシビリティ対応.

WordPress.orgメインテーマディレクトリアクセシビリティフィルター

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

WordPress.orgアクセシビリティ対応テーマ

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

テーマが次のようにマークされているからといって、 アクセシビリティ対応 「完全に」アクセスできるという意味ではありません。ただし、テーマの開発者がテーマにアクセシブルなタグを付けるという問題に直面している場合は、この分野で何らかの作業を行っている可能性があります。また、問題が発生した場合は、他のユーザーのテーマを更新できるように知らせてください。.

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

WPアクセシビリティ

おそらく、独自のWordPressテーマを作成しているのかもしれません。何も怖くない。 WordPressの世界のすばらしい点の1つは、何万ものプラグインが利用できることです。あなたが何かを必要とするときはいつでも、通常、請求書に合うプラグインがあります.

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

WP Accessibility Helper(WAH) スキップリンク、フォントのサイズ変更、DOMスキャン、コントラストモードなどの便利な機能を含むオールインワンオプションです。多数のアクセス可能な機能を一度にサイトに簡単に追加できます.

チェックアウトしたい他のユーザーは、より具体的なアクセシビリティのニーズを満たします.

アクセス可能なフォント

アクセシビリティウィジェット サイドバーのフォントサイズ切り替えウィジェットを作成します。このようにして、サイトの読者は必要に応じてテキストサイズを簡単に変更できます.

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

テキスト読み上げ

視覚障害のある読者にとっては、オーディオのオプションが必要です。私が好きなプラグインの一つは スピーカー–スピーチへのページ. このプラグインは、投稿とページの音声バージョンを作成できます。何よりも、プラグインは190の人間品質の音声から選択でき、30を超える言語をサポートし、ほとんどのテーマでうまく機能します.

GSpeech Text to Speech Solution オーディオアクセシビリティの無料オプションです。それはあなたのページの任意のテキストで動作し、あなたのサイトに音声ブロックを追加します。次に、オプションを使用して、色、スピーカーの音声などを変更できます.

フォーム

次のようなプラグインを使用して、連絡先フォームのアクセシビリティを簡単に準備できます。 お問い合わせフォーム7:アクセス可能なデフォルト そして 重力フォームのWCAGフォームフィールド, または単にFormidable Formsなどのアクセス可能なレディフォームプラグインを使用する.

それはさておき、ウェブサイトのアクセシビリティに関連するさまざまな異なる問題を支援するために利用できる他の多くの便利なツールとプラグインがあります. これは素晴らしいページです 推奨される開発ツールの包括的なリストを確認する.

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

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

WAVE Webアクセシビリティ評価ツール

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

tota11yアクセシビリティツール

開発者向けの別のツールは Tota11y, カーンアカデミーによって開発されたアクセシビリティ可視化ツールキット。このJSファイルをサイトに追加して、画面下部の小さな眼鏡アイコンタブに表示されるユーザー補助ツールを有効にするだけです。クリックするだけで、ページ上のアクセス可能な要素や、修正したいエラーや違反を確認できます.

結論

ウェブサイトのアクセシビリティは重要ではないにしても重要です もっと そのため、単にトラフィックをサイトに誘導するだけではありません。これで、目的地に到着したすべての人が完全に理解し、信じられないほど面白くて有益な情報をすべてナビゲートできるようにすることが不可欠である理由を理解できます。 あなたのウェブサイト.

何を求めている? この機会にあなたのサイトを今すぐアクセスしやすくしてください!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me