非営利団体のWordPressWebサイトのアクセシビリティに関する4つのヒント

アクセシビリティは、すべての一流の非営利Webサイトの中心的な優先事項になりつつあります。

アクセス可能なWebサイトの設計は、多くの場合、威圧的で複雑なプロセスと見なされますが、そうである必要はありません。 アクセシビリティをウェブサイト戦略に組み込むための段階的なステップを踏むことでさえ、正しい方向への強力な第一歩です。

幸いなことに、WordPressを使用して非営利団体のウェブサイトを構築したので、アクセシビリティに関してはすでに素晴らしいスタートを切っています。 この堅牢で強力なプラットフォームは、すべてのユーザーがサイトに歓迎されることを保証する機能と機会を提供します。

このクイックガイドでは、あらゆるバックグラウンドと人生の歩みから非営利団体のすべてのサポーターを引き付けるアクセス可能なWebサイトを作成するための4つの効果的な方法を確認します。 始めましょう。

1.関連するアクセシビリティ規制をよく理解してください。

Webサイトのアクセシビリティを向上させる方法を検討するときは、関連するガイドラインと規制を確認することから始めます。 知っておくべき最も重要な規制の1つは、Webコンテンツアクセシビリティガイドライン（WCAG）です。

WCAGは、すべての組織に統一された標準のWebアクセシビリティを提供するために、WorldWideWebコンソーシアムによって開発されました。 これらのガイドラインに既に精通している場合でも、Webサイトが知覚可能、操作可能、理解可能、および堅牢という4つの主要な原則に準拠していることを確認するために、時々それらを確認することは役に立ちます。

これらの正式なガイドラインに加えて、アクセシビリティの思いやりと人間関係の側面を念頭に置くことを忘れないでください。 アクセシビリティの核となるのは、サイトのデザインと構造を構築する際に、人間の幅広いニーズと経験を考慮に入れることです。

これは、アクセシビリティの懸念には、一時的なアクセシビリティの問題の事例も含まれることを意味します。 色覚異常の人から、壊れた手でオンライン寄付フォームをナビゲートしようとしているサポーターまで、すべての人がサイトを使用できるように、アクセシビリティの広い視野を持ってください。

2.アクセシビリティ評価を実施します。

Webサイトの現在のアクセシビリティを評価するために利用できるオンラインツールとリソースはたくさんあります。 Kanopiは、Lighthouse、Axe、Siteimproveなどの便利なアクセシビリティツールのリストを提供しています。

これらのツールは、SEOやページの読み込み速度などのユーザビリティ要素とともに、Webサイトのページのアクセシビリティをテストします。 次に、問題の複雑さに応じて、自分で、または開発者の助けを借りて実装できる、フラグが立てられた問題を修正する方法についての提案を提供します。

ただし、これらのツールとチェッカーがすべてをキャッチするとは限らないことに注意してください。 手動テストの実施は、アクセシビリティプロセスの重要なステップです。

手動テストを実施する際に使用するいくつかの戦略は次のとおりです。

• Tabキーを使用して、キーボードでWebサイトをナビゲートします。
• ブラウザを200％に拡大し、その形式でWebサイトのユーザビリティを確認します。 視覚障害のある多くのユーザーは、サイトをナビゲートするために画面を拡大できます。視覚に問題のないユーザーでも、小さなテキストブロックや画像がある場合は拡大できます。
• スクリーンリーダーなどの支援技術を使用してWebサイトをテストします。

これらの手動テストの実践により、最適化プロセス全体を通じて、アクセシビリティの人間的で思いやりのある側面を前面に出し、中心に置くことが保証されます。

3.アクセシビリティの推奨事項を実装します。

アクセシビリティ監査を完了したら、Web開発者と一緒に座って、簡単な修正と難しい修正を評価する価値があります。

サイトの特定の側面、特にコンテンツベースの側面を自分で調整できる場合があります。 ただし、より詳細なバックエンド調整には、開発者の支援が必要になる場合があります。

A11Yプロジェクトのチェックリストなどのリソースを使用して、次のことを確認するなど、実装できる可能性のあるクイックフィックスの種類を把握するのに役立ててください。

• 画像からインフォグラフィックまで、すべての視覚要素には代替テキストが含まれています。
• ビデオにはトランスクリプトが含まれています（これはアクセシビリティに役立つだけでなく、検索エンジンがスクロールしてインデックスを作成できるテキストを含めることで、サイトのSEO値を高めます）。
• 前景と背景の間には、適切なテキストの色のコントラストを含め、十分な色のコントラストがあります。
• フォントサイズは、読みやすい大きさです。
• 見出しは階層順にフォーマットされます（これは、検索エンジンのクローラーにページをスキャンするためのより効率的な方法を提供するため、SEOにも役立つ別の修正です）。

ご覧のとおり、アクセシビリティは、SEOやユーザビリティなど、他の多くのWebサイトデザインのベストプラクティスと密接に関連しています。 つまり、すべてのサポーターにより良いWebサイトを提供できるようになるため、アクセシビリティの強化を追求しない理由はありません。

4.「魔法の」解決策に注意してください。

最後に、Webサイトのアクセシビリティを自動的に改善できると主張するデジタルツールやリソースを使用しないように注意したいと思います。

たとえば、アクセシビリティを強化することを目的とした多くのプラグインは、多くの場合、支援技術に干渉し、目標に対して逆効果になります。

サイトのアクセシビリティの問題を即座に解決する「万能」のアクセシビリティソリューションはありません。あまりにも良すぎると思われるツールを組み込むことはお勧めしません。

継続的なアクセシビリティコンプライアンスを確保するための最良の戦略は？ 目標を決定し、サイトの現在のアクセシビリティの状態とそれをどこに置きたいかを評価し、全体的なアクセシビリティを強化するために段階的な改善を続けます。

最終的に、アクセシビリティは旅であることを忘れないでください。 デジタル戦略やウェブサイトのテーマが最高レベルのアクセシビリティコンプライアンスに到達するために装備されていない可能性があるため、すぐに100％のアクセシビリティを達成しようとしないでください。

ただし、非営利団体のWebサイト戦略の指針となる原則をアクセシビリティにすることで、より幅広いサポーターグループが使用できるコンテンツの提供に集中できるようになります。