ウェブサイトのアクセシビリティを向上させる 10 の WordPress プラグイン

WordPress は、アクセシブルな Web サイトの作成に関して、まともなスタートを切ることができます。 たとえば、最近の既定のテーマは、アクセシビリティを考慮して既に構築されています。 しかし、それはあなたの仕事が終わったという意味ではありません。

誰もがサイトのナビゲーションとコンテンツにアクセスできるようにするために、リストからチェックする項目はまだたくさんあります。 ありがたいことに、これはプラグイン開発コミュニティが本当に力を入れている分野の 1 つです。 今では、アクセシビリティの課題に対処するのに役立つさまざまなツールにアクセスできます。

サイトのアクセシビリティを改善するのに役立つ WordPress プラグインのコレクションを次に示します。

WPアクセシビリティ

WP Accessibility (最近インタビューした Joe Dolson によって作成された) は、一般的なアクセシビリティの問題を解決する多機能プラグインです。

その最も外側の機能は、ユーザーがコンテンツをより簡単に読むのに役立つフォント サイズと色のコントラクト ツールバーです。 しかし、コンテンツへのスキップ リンクの追加、キーボード ナビゲーションを改善するための link :focus状態へのアウトラインの実装、画像のlongdescの利用など、多くの舞台裏の作業も行います。 各機能は、設定ページからオンまたはオフにすることができます。

WP アクセシビリティ ヘルパー

WP Accessibility Helper は、ユーザー フレンドリーなツールバーをサイトに追加して、ユーザーがさまざまな色のコントラストを選択し (配色の選択から選択できます)、好みに合わせてフォント サイズを調整できるようにします。 しかし、リンクに下線を引いたり強調表示したり、グレースケール画像、フォントの変更、キーボード ナビゲーションなどのユーザー オプションが用意されています。

このプラグインには、サイトのさまざまなアクセシビリティ エラーをチェックする DOM スキャナーも搭載されています。 さらに多くの特典を追加するプロ版もあります。

アクセシビリティ ウィジェット

ユーザーがテキストを拡大できるようにする簡単な方法が必要な場合は、アクセシビリティ ウィジェットが適しています。 これは、「小」、「中」、「大」のテキスト リンクを提供する最小限のスタイルのウィジェットです。 設定により、影響を受ける HTML 要素と、フォントの大きさ (または小ささ) を決定できます。

Equalize Digital によるアクセシビリティ チェッカー

アクセシビリティ チェックは、サイトのコンテンツに関するリアルタイムのフィードバックを提供します。 公開またはドラフトとして保存されると、コンテンツはアクセシビリティのためにスキャンされます。 次に、プラグインは、検出した問題の視覚的な概要 (および問題のあるコード) を提供します。

無料版は無制限の数の投稿とページをスキャンします。 Proバージョンは、カスタム投稿タイプをカバーし、一元化されたオープンなアクセシビリティの問題リストを提供することで、Webサイトのアクセシビリティに関する声明の草案を作成するのに役立ちます.

アクセスモニター

WordPress プラグインは、時間を節約するときに最高の効果を発揮します。 Access Monitor は、自動化された毎週または毎月のアクセシビリティ スキャンを実行することで、これを行うことができます。 ページのカスタム セットをテストするようにプラグインを構成すると、「明確な」問題のリストが返されます。 つまり、プラグインはマシンでテスト可能な問題のみを報告します。 これにより、自動スキャンを悩ませがちな偽陽性結果の数が削減されます。

Access Monitor を使用するには、Tenon.io サービスから無料の API キーを取得する必要があります。

Zeno フォント リサイザー

タイポグラフィは、Web サイトのアクセシビリティにおいて大きな役割を果たします。 サイトのフォントが小さすぎると、多くのユーザーがアクセスできない可能性があります。 Zeno Font Resizer がお手伝いします。

プラグインを使用すると、ユーザーはウィジェットを介して好みに合わせてテキストのサイズを変更できます (リサイザーは、テーマのコード スニペットを介して実装することもできます)。 最小および最大のフォント サイズと、スケールの「ステップ」ごとのサイズ変更量を設定できます。

ワンクリックアクセシビリティ

ワンクリック アクセシビリティは、フロント エンドに便利なツールバーを追加し、サイトの訪問者がさまざまなアクセシビリティ設定を微調整できるようにします。 フォントのサイズを変更したり、色のコントラストを変更したり、ハイパーリンクに下線を引いたりできます。

バックエンドでは、ツールバーで使用できるアイテムをカスタマイズできます。 さらに、すべてのリンクにアウトライン フォーカスを追加したり、コンテンツへのスキップ リンクを追加したり、ユーザー設定を記憶したりする設定があります。

一括自動画像代替テキスト

サイトの画像に ALT 属性がない場合は、スクリーン リーダーのユーザーがアクセスできないことを意味します。 彼らは重要な情報を見逃している可能性があります。

この問題を解決する 1 つの方法は、Bulk Auto Image Alt Text などのプラグインを使用することです。 プラグインは、投稿タイトルや Yoast SEO フォーカス キーワードなどのアイテムを、まだ ALT 属性が設定されていない画像に使用します。 自動的に機能するため、すべてのメディアを自分で調べる必要はありません。

わかりやすい ALT 属性の方がアクセシビリティに優れていることに注意してください。 したがって、このプラグインは一時的な解決策として機能する可能性があります。

WP ADAコンプライアンスチェックベーシック

WP ADA Compliance Check Basic は、最も一般的なアクセシビリティ エラーについて、サイトのコンテンツを自動的にスキャンします。 次に、潜在的な問題とそれらを修正するための救済策を指摘するレポートを提供します。

プラグインの無料版は、スキャンごとに 25 ページ/投稿に制限されています。 その制限を取り除くには、プラグインのフル バージョンにアップグレードしてください。 さらに、テーマ ファイルを追加でチェックし、問題を自動的に修正します。

アクセシビリティ 新しいウィンドウの警告

ハイパーリンクを新しいブラウザー タブで開くように設定することは一般的な方法ですが、一部のユーザーにとっては方向感覚を失う可能性もあります。 アクセシビリティ 新しいウィンドウの警告は、新しいタブが開かれる前にユーザーに警告メッセージを提供することで役立ちます。

構成する設定はありません。 プラグインを有効にすると、アクセス可能なツールチップがリンクに追加され、ホバー時に表示されます。 おまけとして、上記の Accessibility Checker プラグインとも統合されます。

ユーザーを置き去りにしない

ここ数年、アクセシブルな Web サイトを作成することの重要性が非常に認識されるようになりました。 すべてのベースをカバーしたことを確認するプロセスには時間がかかりますが、余分な努力をする価値は十分にあります。 上記のツールを使用することは、すべてのユーザーが WordPress サイトを最大限に活用するのに役立つ機能 (表示または非表示) を追加するための優れた方法です。