Drupal 8のアクセシビリティ機能

23/04/2020, by maria

より多くのセマンティクス

Drupal 8には、支援技術が利用できるより多くのHTML5セマンティック要素を提供できたケースが多数あります。WAI-ARIAランドマーク、ライブリージョン、ロール、プロパティを追加することでこれを拡張しました。

聴覚アラート

Drupal.announce ()は、core/misc/announce.jsとともにDrupal 8 Coreの一部になりました。これにより、ユーザーはタイムリーなメッセージを自信を持って提供できます。JavaScriptでは、スクリーンリーダーのユーザー向けの手順を、assertiveまたはpoliteとして読み上げられるように提供できるようになりました：

Drupal.announce('Hello world.');

翻訳された文字列を渡して、次のようなコードでメッセージの優先度を変更することもできます：

Drupal.announce(Drupal.t('This is important!'), 'assertive');

制御されたタブ順序

TabbingManagerは、非視覚ユーザーとマウスを使用しないユーザーの両方が、ページ上の重要な要素に論理的な順序でアクセスできるようにする優れた新しいメカニズムです。これにより、複雑なユーザーインターフェースでのこのナビゲーション手段をより細かく制御できます。

Hidden / Invisible / On-focus

CSS display: noneの中央集権的な代替手段を改善し続けています。HTML 5 Boilerplateの命名規則を標準化することにしました。Firefox、Safari、iPhoneでの問題も検討しました。

フィールドセット

現在、Form APIのラジオボタンとチェックボックスにフィールドセットを使用しています。これは、Drupalのフォームをさらに改善するための大きな一歩です。これは拡張検索でも使用されるようになりました。

JQuery UI

jQuery UIは現在、Drupalのオートコンプリートを提供しています。また、Views UIやその他の場所でjQuery UIのモーダルダイアログを使用しています。jQuery UIコミュニティと協力して、両方のプロジェクトのアクセシビリティを改善することができました。

代替テキスト

代替テキストは現在デフォルトで必須です。これはCKEditorと画像フィールドの両方で上書きできますが、デフォルトでは、コンテンツ作成者がコンテンツをアクセシブルにしたいと想定されています。

Bartik

Bartik は現在、リンクに下線を付けて、ユーザーがページ上のリンクを簡単に識別できるようにしています。

アクセシブルなインラインフォームエラー

Drupalのフォームは、アクセシブルなインラインフォームエラーが追加の実験的コアモジュールとして追加されたことで、大幅にアクセシブルになりました。これで、誰でもウェブフォームの記入時にどのようなエラーを犯した可能性があるかを簡単に判断できます。

パレット - カラフルに🎨