WordPressサイトのアクセシビリティを高める方法

WordPressは世界で最も人気のあるブログプラットフォームであり、それには十分な理由があります。コンテンツの投稿やデザインなどの面で、高い自由度と柔軟性を備えているからです。しかし、サイトがアクセシブルでないと、読者を増やすのは難しくなります。WordPressのコミュニティは成長を続け、ますます多様になっています。WordPressの基本機能に機能やサポートを追加するプラグインとテーマは数十万にのぼります。しかし、追加したものがすべての人にとって有益とは限りません。新しい機能を詰め込みすぎて、サイトを複雑にしてしまうこともよくあります。そうした中で重要な要素の一つが、アクセシビリティです。

WordPressサイトが最新の基準に準拠していることを確認しましょう。そうすれば、Webガイドラインに準拠していないせいで読者を失うことなく、読者層を広げられます。

この記事では、WordPressのアクセシビリティガイドラインに関する最も重要な情報と、アクセシブルな現代的Webサイトの基準に準拠する方法を解説します。WordPressサイトのデザインにアクセシビリティを取り入れる方法を学べます。

WordPressとは

WordPressは、オンラインでコンテンツを公開したいすべての人のためのオープンソースのWebサイト作成ツールで、無料で利用できます。

世界中の何百万人もの人々が、10年以上にわたってWordPressを利用してきました。WordPressは、豊富な情報、サポートフォーラム、ヘルプドキュメントを備えた巨大なコミュニティでもあります。そしてWordPressの優れた点の一つは、その標準自体が常に進化していることです。そのため、新しいユーザーも更新されたガイドラインを活用して、Webアクセシビリティ基準に準拠できます。WordPressのアクセシビリティは、Web標準に準拠したWebサイトを開発するために習得しなければならない謎めいた言語ではありません。

WordPressサイトのデザインにアクセシビリティを取り入れる方法

WordPressサイトのアクセシビリティを改善する方法はたくさんあります。次のガイドラインに従いましょう：

1. Web標準を把握し、準拠する方法を知る

Web標準とは何か、そしてそれをWordPressサイトにどう実装するかを知ることが重要です。

Web標準の策定は、Web Content Accessibility Guidelines（WCAG）1.0から始まりました。これらのガイドラインとルールは、すべてのユーザーがWebサイトに掲載されたコンテンツに平等にアクセスできるようにするために作られました。WCAG 2.0は2008年に公開されたWCAG 1.0のより詳細なバージョンで、アクセシブルなWebサイトの開発に役立つチェックポイント、ルール、ガイドラインを定めています。

2. WebサイトのデザインにWordPressのガイドラインを活用する

WordPressはオープンソースのプラットフォームです。ソースコードを変更して独自のテーマや配色を作成したり、使いたいプラグインやその他の機能を追加したりできます。WordPressには、Web標準に準拠したWebサイトをデザインするために知っておくべきガイドラインもあります。

WordPressユーザーの多くは、Webパフォーマンス向けに最適化されたデフォルトテーマのTwenty Fifteenを使用しています。このテーマはアクセシビリティを考慮して作られているため、ほとんどのWordPressユーザーは、アクセシブルなWebサイトを作るのにそれほど手間をかける必要がありません。

3. 常に最新の情報を把握し、Web標準に準拠する

Web標準は常に進化しています。私たちはできる限り更新を続けており、誰にとってもシンプルでわかりやすく使いやすいコンテンツとWebサイトを作るための最新のガイドラインとルールを入手できます。

これらのルールに従うことで、誰にとっても使いやすいWebサイトを作れます。ユーザーはコンテンツを読みやすくなり、大量の情報に圧倒されることもありません。

WordPressサイトのアクセシビリティを改善する方法

Web標準に準拠するには、アクセシブルなWebサイトの作り方を学ぶ必要があります。よりアクセシブルなWebサイトを作るためにできることはたくさんあります。

従うべきベストプラクティスには、次のようなものがあります：

1. サイトのデザインにWCAG 2.0の原則とガイドラインを取り入れる

これらのガイドラインは、スクリーンリーダーなどの支援技術を利用する人にとってアクセシブルなサイトを作る助けとなります。こうしたプログラムはサイトのコンテンツを点字や音声に変換し、コンピューターの表示を変更して文字を大きくしたり色を変えたりすることもできます。これらのシステムを利用する人はWebサイト上の情報を読んだり理解したりすることに困難を抱えているため、これらの基準を採用することでコンテンツにアクセスできるようになります。WCAG 2.0には、サイトをWeb標準に準拠させるために従うべき12のガイドラインがあります。

2. スクリーンリーダーなどの支援技術を利用する人のために、サイトのデザインから気が散る要素を減らす。

スクリーンリーダーなどの支援技術を利用する人がサイトにアクセスできるようにするには、気が散る要素をできる限り取り除くことが重要です。気が散る要素の代表例には、次のようなものがあります：

残念ながら、デザイナーや開発者がサイトから気が散る要素をすべて取り除くのは困難です。最善を尽くしても、埋め込み動画やポップアップなど、スクリーンリーダーのユーザーを混乱させる要素が多すぎるWebサイトもあり、その場合ユーザーには支援が必要になります。

画像、GIF、その他のメディアを追加するときは、必ずそれぞれにALTテキストを作成しましょう。画像に何が写っているかをできるだけ具体的に記述し、自分で見ることができない人にも内容が伝わるようにします。

3. ユーザーがプラグインや追加のプログラムをダウンロードしなくてもサイトを操作できるようにする。

支援技術を利用する多くの人にとって、これは非常に重要です。Webサイトを読むために多くのプログラムやプラグインが必要になるからです。スクリーンリーダーのユーザーは、Webサイトのコンテンツから情報を得るためにプログラムをインストールしなければなりません。しかし、そのプログラムは他の多くのアプリケーションもダウンロードするため、コンピューターの動作が遅くなり、使いにくくなることがあります。そのため、サイトから気が散る要素をできる限り取り除き、スクリーンリーダーのユーザーが追加のプログラムやプラグインをダウンロードしなくても、提供するコンテンツにアクセスできるようにすることが重要です。

WordPressのアクセシビリティは、誕生当初からユーザーにとって大きな関心事でした。さまざまなデバイスを使う人が増えるにつれ、誰もが支障なくWebを利用できるようにするための設定も増えています。WordPressサイトを、訪れる可能性のあるすべての人にとってアクセシブルにするのは難しいことではありません。

スクリーンリーダーは、視覚に障がいのある方が耳を使うのと同じようにWebページを閲覧できる便利なツールです。これらのツールを使えば、視覚障がいの有無にかかわらず、WordPressサイトがすべてのユーザーにとってアクセシブルであることを確認できます。スクリーンリーダーがページを正しく理解し、視覚に障がいのある方に内容を伝えられるよう、Webページの適切なセマンティック構造を保つ必要があります。優れたセマンティック構造を確保するには、見出しや、これらのデバイスが認識するその他のHTMLタグを適切に使用しましょう。

まとめ

WordPressサイトをすべてのユーザーに届けたいなら、アクセシビリティは欠かせません。WordPressサイトをよりアクセシブルにするためにできることはたくさんあります。WordPressのアクセシビリティについて他にも知りたいことがあれば、Bright Hostingのチームがご質問を喜んでお受けします。すべての訪問者にとってよりアクセシブルなサイトにする方法については、お問い合わせください 。

Bright Hosting エンジニアリングチーム

認定WordPress・WooCommerce開発者が24時間365日対応します。