コアを探索する - Joomla 4.1 のアクセシビリティアドオン

誰もが自分の好みやニーズを持っています - そして Joomla はそれらすべてに対応します。

アクセス可能なオーサリングツールを提供するためにコアで講じられたすべての対策に加えて、Joomla には作業を容易にし、ユーザーや顧客がより快適に感じることができるアドオンがあります。

これらの追加機能は便利ですが、それ自体ではサイトにアクセスできるようにはならないことに注意してください。

バックエンド: 個別のアクセシビリティ設定

Joomla 4 では、ユーザーベースでバックエンドの設定を変更することができます: 各ユーザーは、自分のニーズに合わせてバックエンドを調整できます。アクセシビリティ設定は、ユーザープロファイル (ユーザー -> 管理) およびバックエンドの右上隅にあるユーザーメニューにあります。

個別にまたは組み合わせて使用できる 4 つの異なる設定があります。モノクロでは、バックエンドの色が青から黒/白に変わります。

ハイコントラストでは、背景の一部が削除され、コントラストが明るくなります。

[リンクのハイライト] は、バックエンドのすべてのリンクに下線と境界線を追加します。

フォントサイズを大きくすると、基本フォントサイズが 18 ピクセルに変更されます (ブラウザーの標準フォントサイズはほとんどが 16 ピクセルです)。

ユーザー向け: ナビゲーションにスキッププラグイン

このプラグインはデフォルトでバックエンドに対して有効になっていますが、フロントエンドに対しても有効にすることができます。

これは、キーボードユーザーがサイトの特定の領域に直接スキップするのに役立ちます。

ユーザー向け: アクセシビリティプラグイン

アクセシビリティ設定は、各バックエンドユーザーに合わせてバックエンドを調整するのに役立ちます。ただし、ページの訪問者にアクセシビリティ機能を提供することもできます。「追加のアクセシビリティ機能」プラグインは、バックエンド、フロントエンド、またはその両方に対してアクティブ化できます。

このプラグインはページの下部にボタンを追加し、ホットキー (Windows の場合は CTRL+ALT+A、MacOS の場合は CTRL+OPTION+A) を使用して機能を開閉できます。

プラグインを使用すると、ユーザーはフォントサイズを増減したり、テキストの間隔を増減したりして、コンテンツの読みやすさを向上させることができます。

ユーザーは、ページの色を反転したり、すべてのリンクに下線を追加したり、カーソルを大きくしたり、読書ガイドをアクティブにしたり、テキストを音声に変換したりすることもできます。

Firefoxのスクリーンショット

ページのグレーの色合いを変更する機能は、Edge または Chrome で使用できますが、Firefox では無効になっています。

スクリーンショットエッジ

一部の機能には特別なホットキーがあります。

モジュールまたは関数	ホットキー
メニューの切り替え	CTRL + ALT + A
グレーの色合い	CTRL + ALT + G
リンクに下線を引く	CTRL + ALT + U
ビッグカーソル	CTRL + ALT + C
読書ガイド	CTRL + ALT + R
テキスト読み上げ	CTRL + ALT + T
スピーチからテキストへ	CTRL + ALT + S

アクティブな読書ガイドを含む Cassiopeia デモページのスクリーンショット

追加のアクセシビリティ機能プラグインは、サイトのアクセシビリティの問題を解決しません。Web サイトは最初からアクセシビリティを考慮して正しく構築されている必要があります。

障害のある人は特殊なツール (スクリーンリーダー、スクリーン拡大鏡、点字エンボッサーなど) を使用しており、プラグインを使用することはおそらくありませんが、高齢者、視覚障害のある人、認知機能に問題がある人にとっては使いやすさを向上させることができます。たとえば、目の見えない人はスクリーンリーダーを使用し、テキストを音声に変換するオプションは使用しませんが、これは高齢者、集中力が難しい人、および一時的に読書に問題がある人にとっては非常に優れたソリューションです。

テキストの拡大機能は、多くの高齢者や視力の弱い人にとって非常に便利ですが、多くの場合、ブラウザの可能性を知らず、そのようなツールを使用することを好みます。

コントラストバージョンは、Web サイト上の正しいコントラストを置き換えるものではありませんが、視力の弱い人や、たとえば晴れた場所でサイトを閲覧する人には役立ちます。

WCAG では、リンクに下線を引く必要はありません (強調表示する必要があります)。ただし、下線付きのリンクは、視覚障害のある人や集中力が難しい人にとってアクセシビリティを向上させることができます。

ユーザー向け: TinyMCE の部品の言語

それは何ですか？

テキストの一部を「他の言語」としてマークするタグ。検索エンジンやスクリーンリーダーにとって、言語や発音を変更する必要があることがわかるので便利です。スクリーンリーダーが「honni soit qui mal y pense」のようなフレーズに英語の発音を使用していると想像してみてください。ぎこちなく聞こえます。

設定方法は?

TinyMCE プラグインでは、テキストで使用する言語を定義できます。

編集者が簡単にできるようにしたい場合は、編集者が許可されているアイコンに言語アイコンをプルします。それ以外の場合は、フォーマットボタンで言語を選択し、下にスクロールする必要があります。

エディターでどうやって使うのでしょうか？

記事を書いて保存します。次に、別の言語で書かれている部分にマークを付け、世界アイコンまたは形式ドロップダウンをクリックして、この部分の言語を選択します。

これで、テキストのこの部分はドイツ語としてタグ付けされ、スクリーンリーダーはそれに応じて発音を変更し、検索エンジンもテキストを理解できるようになります。

著者および編集者向け: アクセシビリティチェッカー - jooa11y

Joomla の新しくエキサイティングな機能強化を発表した Brian Teeman の記事を思い出してください: https://magazine.joomla.org/all-issues/july-2021/a-web-without-barriers。

今ではそれが搭載されています！

このプラグインは、Web サイト上でアクセス可能なコンテンツを提供するのに役立ちます。

どこで見つけられますか？

これはシステムプラグインであり、その名前は jooa11y です。このプラグインは Joomla バージョン 4.1.0 で入手されており、デフォルトで有効になっています。

プラグインでは、サイトのどの領域をチェックするかを定義でき (デフォルトはメイン領域)、いくつかのルールを含めたり除外したりできます。最初は、事前定義された設定を維持するだけです。

これにより誰が利益を得ますか?

バリアフリーのコンテンツが得られるため、サイトを訪問する人。

サイトのコンテンツの作成者。バリアフリーコンテンツを作成できるため。

代理店と Web 開発者 - バリアフリーコンテンツの提供を可能にする製品を持っています

それの使い方？

任意の記事を作成し、既存の記事を保存または開きます。

ツールバーの「アクセシビリティチェック」ボタンをアクティブにすると、既知のルールに違反しているかどうかがすぐにアクセシビリティチェッカーによってプレビューウィンドウに表示されます。

注意してください: スペルチェッカーや文法チェッカーと同じように、これはツールであり、自動チェックを実行します。プログラムで指定されていないルールに対する違反は検出できませんが、意図された、記事のコンテキスト内で正しい違反をマークすることはできます。それは常にユーザーの責任です。

どのように機能するのでしょうか?

「テキストの色と背景色のコントラストは、コントラスト比 > 4.5 でなければならない」という有名なルールをきっと覚えていますか?

プラグインはこのルールと他の多くのルールを 1 つずつチェックし、ルールに違反するとエラーがトリガーされ、プレビューでアイコンがマークされます。

サイトのどの領域をチェックするかを定義でき (プラグインのパラメーターで、デフォルトはメイン領域です)、一部のルールを含めたり除外したりできます。

一部のルールは明確に定義されており間違いなくエラーですが、他のルールはグッドプラクティスに違反しています。これらは警告であり、これが問題なく、コンテキスト内で意図されているのか、それともこれを修正する必要があるのかを自分で判断できます。

すべてのアイコンの背後には説明があり、場合によっては問題の解決方法やベストプラクティスに関するアドバイスも表示されます。

右下のチェッカーアイコンは最初の情報を示します。問題が見つかった場合は問題の数が表示されます。ボタンをクリックすると、テキスト内の詳細情報が切り替わります。

ステップごとに見ていきましょう。

チェッカーが見つかった

2 か所のコントラストエラー - これらはエラーです。
target=_blank を持つリンク。これは正しく意図されたものである可能性がありますが、一般的には良い習慣ではないため、警告が表示されます。
代替テキストのない画像 - これはエラーです。

備考

ここで紹介されているすべての設定とプラグインは、サイトのアクセシビリティの問題を解決するものではありません。Web サイトをアクセシビリティにするには、正しいセマンティック HTML 構造と優れた CSS が必要です。Joomla コアは、フォーム内の正しいラベルや入力フィールドなど、さまざまなビューでアクセシブルな構造を実現するのに役立ちます。

サードパーティのテンプレートを使用している場合は、ビューの元の構造を変更するオーバーライドに注意する必要があります。色のコントラストが良くない場合、またはキーボードで要素にアクセスできない場合、優れたテンプレートでもサイトのアクセシビリティが損なわれる可能性があります。アクセシビリティには多くの側面があり、プラグインは、あなたと同じように異なる方法で Web サイトを使用する訪問者にとって単なる助けになります。