Drupal 8 Webアクセシビリティ–なぜ私たちがそれを愛し、なぜあなたも気にかけるべきなのか

公開: 2020-03-04

Webアクセシビリティは、Drupalの価値観と原則に根付いています。 Drupal 7以降、WebアクセシビリティイニシアチブはDrupal 8を通じて大幅に進歩しました。なぜWebアクセシビリティはそれほど重要なのですか？ Drupal 8はどのようにしてWebサイトのアクセシビリティを確保しますか？すべての質問に答えるために飛び込みましょう。

Webの力はその普遍性にあります。 障害に関係なく、すべての人がアクセスできることが重要な側面です。 -ワールドワイドウェブの発明者、ティムバーナーズリー。

今日私たちが知っているインターネットは11315日です！もともとは世界中の大学や研究所の科学者間の自動情報共有の需要を満たすために考案されましたが、今日のインターネットは世界の30億人を超える人々の不可欠な部分です。ソーシャルネットワーキングからプロジェクトの情報収集に至るまで、さまざまな理由から、今日のインターネットは間違いなく人類に知られている最も強力なリソースです。

長年にわたり、チャットボットと機械学習アプリケーションのブームにより、企業はWebサイトの形でオンラインプレゼンスを作成し、人工知能を使用して顧客体験を向上させてきました。近年、チャットやメッセージングがソーシャルメディアを引き継いで、企業に連絡したいユーザーにとっての「頼りになる」オプションになっていることを考えると、これは驚くべきことではありません。

しかし、考えるのをやめたことがありますか？誰もがWebにアクセスできますか？

2018年ですが、なぜWebアクセシビリティはまだ少ないのでしょうか？ビジネスとして、競争の激しい市場はあなたがあなたのブランドを宣伝するためにあなたができる限り多くの人々に到達することをあなたに促します。障壁が増えると、潜在的な顧客に到達する可能性が低くなります。これは基本的に、Webアクセシビリティの背後にある概念です。つまり、視聴者が直面する障壁を取り除くことです。

Webアクセシビリティとは何ですか？

一般的に、人々はスクリーンリーダーや視覚障害を伴うウェブアクセシビリティを参照します。しかし、それがカバーするトピックの範囲は広大であり、それ以上のものが含まれています。たとえば、晴れた日に画面が見えるように適切な画面コントラストを設定することは、障害のある人ではなく、通常の視力のある人の使用例です。

World Wide Webコンソーシアムは、Webサイトが可能な限り有用であることを保証するために、特定のレベルのアクセシビリティを達成するためのいくつかのガイドラインを導入しました。 1999年にバージョン1.0として公開され、2008年にバージョン2.0として公開されたWCAG 2.0は、Webアクセシビリティやユーザーに提示する情報について話すときに測定する標準として一般的に受け入れられています。

Webアクセシビリティの重要性

人々の生活においてインターネットの重要性が増しているため、伝えたいもの（基本的にはコンテンツ）に誰もが簡単にアクセスできない場合は、視聴者がドアに着く前に目をそらしていることになります。たとえば、壊れた手や一時的な失明のような単純なものは、Webをナビゲートするのを困難にする可能性があります。

Webアクセシビリティが障害者だけのものではないという事実は非常に共鳴していますが、企業は、完全にアクセス可能なWebサイトの柔軟でレスポンシブなデザインがすべての人にとってメリットであることを知る必要があります。 Webアクセシビリティ標準は、インクルージョンを促進するために構築されており、Drupalは、インクルージョンのサポートと促進に関してベンチマークを設定しています。

Drupalはどのように役立ちますか？

WebベースのSaaSであるDrupalCMSは、組織のWebコンテンツを体系的に管理する機能を提供します。 World Wide Web Consortiumのガイドラインは、オーサリングツールに対応するATAG 2.0と、Webコンテンツに対応し、開発者やアクセシビリティ評価ツールで広く使用されているWCAG2.0の2つに分かれています。プラットフォームとしてのDrupalCMSは、両方のガイドラインに準拠するように構築されています。アクセシビリティイニシアチブはDrupal7から始まりましたが、Drupal 8は、いくつかの最高のアクセシビリティ機能に対応しています。

Drupal8のアクセシビリティ機能とモジュール

Drupalの最新バージョンを使用すると、支援技術とそれに依存するユーザーが、これまでになくWebサイトにアクセスしやすくなります。 Drupal 8は、さまざまなコアモジュールと提供されたモジュールでアクセシビリティを拡張します。

より良いコントラスト

コントラストレベルが低いことは、開発者が最も見落としがちな機能としてよく引用されます。ただし、Drupal 8では、Drupalのアクセシビリティメンテナーのおかげで、コアテーマのコントラストが高くなっています。コントラストが改善されたことで、色覚異常に苦しむユーザーは簡単にWebサイトにアクセスできます。また、この機能は、携帯電話やタブなどのポータブルデバイスで明るい日光の下でWebサイトにアクセスする場合の追加の利点です。

フォーム

フォーム入力中のエラーは、ユーザーインターフェイスに影響を与える最も一般的な要因の1つです。新しい標準を使用すると、これらのエラーの識別がはるかに簡単になります。 Drupal 8は、より適切なフォーム検証エラーの詳細を使用することにより、フォームエラーの表示に関連するアクセシビリティを向上させるこの機能をオンにするオプションを提供します。たとえば、視覚障害者は、Webフォームに入力するときに発生した可能性のあるエラーを簡単に特定できるようになりました。

リンクの代わりにボタン

多くのウェブサイト所有者の間で一般的な慣行は、ボタンの代わりに「行動の呼びかけ」としてアンカーテキストを使用することです。セマンティックの観点からは、これらのユーザーインターフェイス要素はアクション指向であるため、アンカーテキストではなくボタンを使用する方が論理的です。したがって、Drupal 8は、リンクではなくボタンを使用するこの対策を求めています。 Drupal 8によって設定されたこの新しい標準は、一部の要素の目的を特定するのに役立つWAI-ARIAに大きく依存することなく処理できます。

その他のDrupal8アクセシビリティ機能

代替テキスト（代替テキスト）は通常、特定の画像を説明するために使用される単語を指します。これらの代替テキストはページに表示またはレンダリングされませんが、スクリーンリーダーなどのツールで使用され、Webアクセシビリティにとって大きな資産です。 Drupal 8でデフォルトで「必須」に設定されているこの機能は、視覚障害のある視聴者がテキストを使用して画像の内容を理解するのに役立ちます。

TabbingManagerは、タブを制限し、非ビジュアルユーザーを重要な「タブ可能な」ページ要素に誘導する機能です。これは、マウスではなくキーボードのTabキーを使用することを好むユーザーに役立ちます。

Aural Alerts機能はJavascript関数であり、ページに変更が加えられた場合（スクリーンリーダーでは見過ごされます）、断定的または丁寧なメッセージ/指示を聴覚ユーザーに渡します。

レイアウトビルダーモジュール

レイアウトビルダーは、コンテンツビルダーによって広く使用されている最も強力で人気のあるDrupal8モジュールの1つです。簡単で強力なページ作成機能を提供し、サイトビルダーがカスタムページを作成したり、再利用可能なテンプレートを作成およびオーバーライドしたり、きめ細かいカスタマイズを行ったりすることができます。 Drupal 8.7のリリース以来安定しており、コアになっています。

Drupalの包含とアクセシビリティへの取り組みの一環として、Layout Builderは、WCAG 2.0 AAで設定されたすべてのガイドラインを満たしています（WebコンテンツアクセシビリティガイドラインのAAレベルを満たす必要があります）。「アクセシビリティゲート」を通過した後、モジュールは安定バージョンとしてリリースされました。そしてこれは、Drupalコミュニティによって行われ、正当に実行されたコミットメントでした。

CKEditorアクセシビリティチェッカーモジュール

CKEditor Accessibility Checkerモジュールは、提供されたDrupal 8モジュールであり、CKEditor内のコンテンツのアクセシビリティレベルをテストできます。 Webサイトのアクセシビリティの問題領域を検出するだけではありません。また、アクセシビリティの適合性を高めるためにそれらを解決するのにも役立ちます。 CKEditor.comのAccessibilityCheckerプラグインを利用して、これらの機能を実行します。

SiteImproveモジュール

Siteimproveは、DrupalWebサイトをSiteimproveインテリジェンスプラットフォームに接続するためのプラグインを提供するDrupal8提供モジュールです。 Siteimproveは、Webアクセシビリティコンプライアンスの向上に役立つだけでなく、Webサイトのトラフィック、コンテンツの品質、パフォーマンスなどの向上にも役立つ驚くべき洞察を提供するデジタルプレゼンス最適化ソフトウェアです。

テキストサイズ変更モジュール

これは、Webアクセシビリティのために提供されたDrupalモジュールであり、Drupal7およびDrupal8プロジェクトで広く使用されています。これにより、ユーザーはボタンをクリックするだけでWebページのフォントサイズを拡大または縮小できます。視覚障害のあるユーザーは、視力に合わせてテキストのサイズを調整できるため、視覚障害のあるユーザーに大いに役立ちます。

DrupalにおけるWebアクセシビリティの未来

Drupalは何年にもわたって、いくつかのメジャーリリースを通じてWebアクセシビリティを実現するためにいくつかの大きな一歩を踏み出し、Webアクセシビリティ標準の主要な実装の1つです。 Webアクセシビリティがユーザーインターフェイスと最大のオーディエンスに到達するビジネスの能力に寄与する主要な要因の1つであるため、Drupalコアのいくつかの戦略的イニシアチブは、人々がWebサイトと対話する方法の未来を確実に形作ります。注目すべきもののいくつかは次のとおりです。

フルページの更新なしで表示されるアプリケーションのようなインターフェイスとさまざまなUIインタラクション：スライドパネル、オートフォーカス、ライブ結果フィルター、ドラッグアンドドロップ、ポップアップ成功メッセージ、ライブプレビュー、ウィザードのような進行状況の手順、役割の偽装。
ヘッドレスブラウザドライバーを使用した自動テスト。
MS Windowsのハイコントラストモードや音声駆動制御など、より多くのインタラクションモードをサポートします。
アクセシビリティのエンドユーザーテスト
Drupalが出力を生成する方法の多くのリファクタリングを含むテーマコンポーネントライブラリイニシアチブ。