Google Chromeのアクセシビリティ拡張機能とは?導入方法とおすすめ機能を解説

Google Chromeは、世界中で最も人気のあるブラウザの一つです。Chromeには数多くの便利な機能が搭載されていますが、その中でも注目したいのが「アクセシビリティ(バリアフリー)機能」です。アクセシビリティとは、障害のある方を支援するための技術や機能、環境、サービスの総称であり、支援テクノロジーとも呼ばれます。

例えば、ウェブサイトの文字が読みにくい、特定の色が判別しにくい、ディスレクシア(読字障害)があるといった悩みをお持ちの方や、ご家族がいらっしゃる方にとって、Chromeのアクセシビリティ機能は大きな助けとなります。

この記事では、Googleが提供しているアクセシビリティ系拡張機能とその探し方・使い方について詳しく解説します。

アクセシビリティ拡張機能の見つけ方と追加方法

まずは「Chrome ウェブストア」にアクセスし、カテゴリから「アクセシビリティ」を選択しましょう。ここには、障害のある方のウェブ閲覧をサポートするために開発者たちが公開した拡張機能が多数登録されています。

一覧から気になる拡張機能を見つけたら、クリックして詳細ページを開き、「Chromeに追加」ボタンを押します。確認のダイアログが表示されるので、「拡張機能を追加」をクリックすればインストール完了です。

なお、サードパーティの開発者によるものに加えて、Google自身も公式のアクセシビリティ拡張機能をいくつか提供しています。以下に代表的なものをご紹介します。

Color Enhancer(カラー エンハンサー)

ウェブページ上の色を調整できるカスタマイズ可能なフィルターです。特定の色を除去したり、サイト内の色のコントラストを強調したりすることで、色の識別をしやすくします。特に色覚異常(色盲)の方に役立つ拡張機能です。

使い方

1. アドレスバー横の「Color Enhancer」アイコンをクリックし、「セットアップ」を選択します。
2. 判別が難しい色の組み合わせの行(最も星が薄く見える行)を選択します。
3. スライダーを動かして色補正レベルを調整し、選択した行のすべての星がはっきり見える位置に合わせます。
4. 「OK」をクリックして設定を保存します。

Caret Browsing(キャレット ブラウジング)

マウスやタッチパッドを使わず、キーボードだけでウェブページ内を移動できるようにする拡張機能です。リンクのクリックやテキストの選択・移動など、基本的なページ操作をキーボードで行えます。

有効にするには、アドレスバーの右側にある「Caret Browsing」アイコンをクリックしてください。

注意: Chromebookの場合は、「検索キー」と「輝度キー」を同時に押すことで、この機能のオン/オフを切り替えられます。

主なショートカット操作

• 単語単位で移動:「Ctrl + 矢印キー」
• テキストを選択:「Shift + 矢印キー」
• フォーカス可能な要素間を移動:「Tab」キー
• 機能の有効化/無効化:「F7」キー

High Contrast(ハイ コントラスト)

ウェブページの配色を変更・反転させて、読みやすさを向上させる拡張機能です。色のコントラスト調整、すべての色の削除(グレースケール化)、白黒の反転などが可能で、設定はサイトごとに個別に行うこともできます。

使い方

1. アドレスバー右側の「High Contrast」アイコンをクリックして拡張機能を有効にします。
2. 再度アイコンをクリックすると、サイト上のテキストや画像の表示を調整できます。
3. 「優先する配色スキーム」から「標準」「コントラストを上げる」「色を反転」「グレースケールを反転」などを選択します。
4. 設定はすべてのウェブサイトに適用するか、現在表示中のサイトのみに適用するかを選べます。

Long Descriptions In Context Menu

この拡張機能を使うと、コンテキストメニュー(右クリックメニュー)から、ページ上の要素に紐づけられた長い説明文(long description)に直接アクセスできるようになります。具体的には、要素を右クリックして「詳細な説明」を選ぶだけで内容を確認できます。

技術的には、HTMLの「longdesc」属性および「aria-describedat」属性を利用しており、これらは支援テクノロジーでも広く使われている規格です。

使い方

1. ページ上の任意の要素を右クリックし、詳細な説明を開きます。
2. アドレスバー横の「Long Descriptions」アイコンをクリックします。
3. ドロップダウンメニューから「オプション」を選択します。
4. 「aria-describedat または longdesc 属性を持つ要素に枠線を追加する」にチェックを入れ、オプション画面を閉じます。設定は自動的に保存されます。

この設定により、詳細な説明を持つ画像に色付きの枠線が表示され、視覚的に区別できるようになります。

Image Alt Text Viewer(画像代替テキスト ビューア)

ウェブページ上の画像の代替テキスト(alt属性)を確認できる拡張機能です。有効にすると、画像の代わりにaltテキストが表示され、altテキストが設定されていない画像は赤色でハイライトされます。ウェブ制作の現場でアクセシビリティをチェックする際にも便利なツールです。

使い方

1. アドレスバー右側の「Image Alt Text Viewer」アイコンをクリックして有効化します。
2. 無効に戻す場合は、ページ右上の「元に戻す」をクリックしてください。

まとめ

以上が、Googleが公式に提供しているChromeのアクセシビリティ拡張機能です。これらを活用することで、視覚に不安がある方や色覚に特性のある方でも、より快適にウェブを利用できるようになります。ぜひ試してみて、自分に合った機能を見つけてください。また、その他におすすめのアクセシビリティ拡張機能があれば、ぜひコメント欄で教えてください。