macOSのVoiceOverを用いたチェックの実施方法

macOS用スクリーン・リーダーのVoiceOverの推奨設定の方法、基本的な使い方と基本的なチェックの実施方法について記します。

なお、iOSにも同名のスクリーン・リーダーが標準搭載されていますが[1]、macOSのVoiceOverとはまったくの別物です。本稿ではmacOSのVoiceOverについてのみ記し、「VoiceOver」という記述はmacOS VoiceOverを差します。

本稿のキー操作の説明では、VO + →のような表記をしていますが、これはVoiceOverキー（ VO キー）と VO キー・ロックの項で説明する「VoiceOverキー」を押しながら→を押すことを意味します。また、F1～F12は、キーボード上部のファンクション・キーのことですが、設定によってはfnキーを押しながら押下する必要がある点に注意が必要です。（後述のファンクション・キーの設定を参照）

macOS VoiceOverを用いたチェックの位置づけ

NVDAを用いたチェックの実施方法にもあるように、freeeでは、スクリーン・リーダーを用いて行う必要があるチェックについては、Windows上のNVDAとGoogle Chromeのそれぞれ最新版を標準環境としています。これは、日本においてはスクリーン・リーダーのユーザーの大半がWindowsを利用していて[2]、これらのユーザーが確実に使えるようにすることが重要であると考えているためです。

しかし、すべてのチェックについてNVDAでなければ実施できないというわけではなく、macOSのVoiceOverでも実施可能なチェックもあります。最終的なチェックにはNVDAを用いることを推奨しますが、開発中に実施するチェックのうち、以下のような場合はmacOS VoiceOverを用いても問題ありません。

  • すでにNVDAでの挙動に問題がないことが確認されている既存のコンポーネントの動作確認

  • 静的なHTMLで実装されている箇所の動作確認

一方、新たに実装するコンポーネントについては、開発の早い段階からNVDAによる動作確認を実施することを強く推奨します。

macOS VoiceOverで問題なく動作してもNVDAでは動作に問題がある場合や、反対にmacOS VoiceOverでは動作に問題があってもNVDAでは問題なく動作する場合もあります。どちらの環境でも問題なく動作するものを実現できることが理想ですが、freeeでは最低限NVDAで問題なく動作することを目指しています。

事前準備

VoiceOverの起動と終了

VoiceOverの起動と終了は、以下のいずれかの方法で行うことができます。

  1. Command + F5キーの押下

  2. Commandキーを押しながらTouch IDを3回連続で素早く押す

  3. Siriに「ボイスオーバーをオンにする」（起動）または「ボイスオーバーをオフにする」（終了）と話しかける

上記1.と2.の操作は、VoiceOverが起動していないときに実行することでVoiceOverを起動し、VoiceOverが起動しているときに実行することでVoiceOverを終了します。

ファンクション・キーの設定

前述のように、Command + F5キーは、設定によってはfn + Command + F5となる場合があります。ファンクション・キーを使うことが多い場合は、fnキーの押下を必要としない設定にすることも検討すると良いでしょう。

macOS Venturaでの設定手順を以下に示します。

  1. Appleメニュー ‣ システム設定の順に選択

  2. サイドバーで「キーボード」を選択

  3. 右側で「キーボードショートカット」をクリック

    スクリーン・ショット：システム設定でキーボードを選択

  4. サイドバーで「ファンクションキー」を選択

  5. 右側で「F1、F2などのキーを標準のファンクションキーとして使用」をオンにする

    スクリーン・ショット：ファンクションキーの設定

参考：Mac でファンクションキーを使う方法 - Apple サポート (日本)

初回起動時の操作

VoiceOverを初めて起動したときは、以下のような「ようこそダイアログ」が表示され、画面の内容を読み上げる音声が再生されます。

スクリーン・ショット：VoiceOverのようこそダイアログ

このダイアログからVoiceOver Quick Startにアクセスすることができますが、この時点ではVキーを押してこの画面を閉じます。なお、VoiceOver Quick Startは、初めてVoiceOverを使用する視覚障害者がVoiceOverの使い方を独習できるように提供されているものです。VoiceOver起動中にVO + Command + F8を押下することでいつでも起動することができます。VoiceOverの操作方法についてより深く理解したい場合などには参考になりますので、活用すると良いでしょう。

推奨設定

VoiceOver動作中にVO + F8を押下すると、VoiceOverユーティリティが起動し、VoiceOverの様々な設定を変更することができます。この画面では、左側に設定のカテゴリーが表示され、右側に現在選択されているカテゴリーの設定項目が表示されます。

この項では、アクセシビリティー・チェックの実施に当たって推奨する設定を、カテゴリーごとに示します。

一般

スクリーン・ショット：VoiceOverユーティリティ（「一般」を選択）

「VoiceOver起動時にようこそダイアログを表示」のチェックを外します。これにより、前述のようこそダイアログの表示を抑制することができます。

ビジュアル

スクリーン・ショット：VoiceOverユーティリティ（「ビジュアル」を選択）

「パネルとメニュー」タブの「キャプションパネルを表示」にチェックを入れます。これにより、VoiceOverの読み上げ内容が画面上に表示されるようになります。

コマンダー

スクリーン・ショット：VoiceOverユーティリティ（「コマンダー」の「トラックパッドコマンダー」タブを選択）

「トラックパッドコマンダー」タブの「トラックパッドコマンダーを有効にする」のチェックを外します。この項目にチェックが入っていると、トラックパッドをVoiceOverの操作に用いることができるようになり、通常のマウス操作ができなくなります。

スクリーン・ショット：VoiceOverユーティリティ（「コマンダー」の「クイックナビ」タブを選択）

「クイックナビ」タブの「クイックナビを有効にする」のチェックを外します。この項目がチェックされていると、VOキーを使わずにできる操作が増えます。日常的にVoiceOverを利用しているユーザーにとっては便利な設定ですが、VoiceOverを利用したアクセシビリティー・チェックを実施する場合には、誤ってこのモードを有効にしてしまった場合などに混乱を招くことも考えられますので、この設定を無効にしておくことを推奨します。

最低限知っておきたいこと

VoiceOverキー（VOキー）とVOキー・ロック

VoiceOver起動中は、特定のキーを押しながら他のキーを押下することで、VoiceOverの機能を利用することができます。これを「VoiceOverキー（VOキー）」と呼びます。初期設定では、Control + Optionキーの組み合わせ、またはCaps Lockキーの両方がVoiceOverキーとして設定されています。

なお、VO + ;を押下すると、VOキーを押してロックした状態になります。この状態では、VoiceOverに関する様々なキー操作をVOキーを押さずに実行できるようになりますが、あらゆるキー操作が普段とは異なる挙動になるため注意が必要です。例えば、この状態ではCommand + F5を押下しても、VO + Command + F5を押下したことになり、VoiceOverを終了することはできません。

キー操作が期待通りの挙動にならない場合は、VOキーがロックされた状態になっている可能性も考えられます。この場合は、VO + ;を再度押下してロックを解除してください。

VoiceOverカーソルとキーボード・フォーカス

VoiceOverが有効になっていると、VoiceOverカーソルと呼ばれる濃い矩形の枠が画面上に表示されます。VoiceOverカーソルが移動すると、移動した先に表示されているものが読み上げられることに加えて、そこにあるものが操作対象になります。

初期設定では、VoiceOverカーソルとキーボード・フォーカスやカーソルは同期するようになっていて、基本的に同じ場所にあります。しかし、これらは実際には独立したもので、必ずしも常に同じ場所にあるわけではない点に注意が必要です。

同様に、VoiceOverカーソルとマウス・ポインターも独立したものです。初期設定ではこれらは独立して動くようになっていますが、これも設定によって挙動が変わります。

VoiceOverカーソルの移動

VoiceOverカーソルは、VOキーを押しながら矢印キーを押下することで移動することができます。多くの場合、VO + →による右方向への移動を用いて、画面上の表示内容を読み進め、VO + ←による左方向への移動を用いて少し戻って読み直す、というような使い方をします。

前述のように、VoiceOverカーソルがある場所にあるものは、操作対象になります。例えば、リンク上にVoiceOverカーソルがある場合、VO + Spcを押下することで、そのリンクをクリックしたのと同じ結果を得られます。VoiceOverカーソルが何らかの操作ができるものの上にある場合、しばらくすると具体的な操作方法が音声で読み上げられます。

なお、VOキーを押さずに矢印キーを押したときの挙動は、VoiceOverが起動していない場合と同じで、カーソルが移動します。このとき、設定によってVoiceOverカーソルが追従する場合と追従しない場合があります。

項目の操作

テキスト・コンテンツ上でVO + →とVO + ←でVoiceOverカーソルを移動する場合、センテンス単位など、ある程度まとまったテキストを単位とした移動が行われます。ところが、場合によってはその移動の単位がウィンドウの構成要素の単位など、もっと大きな単位になる場合があります。

例えば、Google ChromeのツールバーにVoiceOverカーソルがある状態でVoiceOverカーソルを右方向へ移動していくと、表示されているページのコンテンツに差し掛かったところで「Webコンテンツ」とだけ読み上げるような状態になります。これは、ページを表示している部分をVoiceOverが1つの要素として解釈しているためです。

このような場合、いわばその要素の中にVoiceOverカーソルを入れて、内部を探索するような形で読み上げる必要があります。これを行うためのキー操作が、VO + Shift + ↓です。

上のGoogle Chromeの例の場合、「Webコンテンツ」と言われた所でVO + Shift + ↓を押下することで、ページのコンテンツを表示している部分にVoiceOverカーソルを入れることができます。この状態で、VO + →とVO + ←を用いることで、ページの内容を確認することができます。さらに、ページ中の表や箇条書きなどがひとまとまりの要素として解釈されている場合もあり、こういった場合にもVO + Shift + ↓を用いることで、その要素の中にVoiceOverカーソルを入れることができます。

VoiceOverカーソルを現在の要素の外に出すときには、VO + Shift + ↑を用います。

ローター

VoiceOver起動中にVO + Uを押下すると、ローターと呼ばれるメニューが表示されます。このメニューでは、現在フォーカスされているウィンドウ内にある要素のリストが表示されます。例えば、Webページを表示したGoogle Chromeがフォーカスされている状態でローター・メニューを開くと、リンク、見出し、フォーム・コントロール、表、ランドマークなどの項目が、そのページに含まれているものに応じて表示されます。

これらの項目のうちどの項目のリストを表示するかは、左右矢印キーで切り替えることができます。リストを表示したい項目を選んだら、上下矢印キーでその項目のリスト内を移動します。リスト内の項目上でEnterキーを押すと、その項目にフォーカスが移動します。

知っておきたいキー操作

VO + A

現在VoiceOverカーソルがある箇所以降を読み上げる

VO + Shift + F4

VoiceOverカーソルをキーボード・フォーカスの位置に移動

VO + Command + F4

キーボード・フォーカスをVoiceOverカーソルの位置に移動

VO + Shift + F5

VoiceOverカーソルをマウス・ポインターの位置に移動

Ctrl

読み上げの一時停止、再度押下で再開

VO + K

キーボード・ヘルプ（1度押下するとヘルプ・モードに入り、再度押下するとヘルプ・モードから抜ける。ヘルプ・モードでは、押下したキーの名称や役割が読み上げられる。）

参考情報

ここで紹介した内容は、VoiceOverの機能のごく一部です。より詳しい使い方や、VoiceOverの機能については、以下の情報を参照してください。

なお、このガイドにはVO + Hの押下で表示されるヘルプ・メニューからもアクセスできます。

Webコンテンツのチェック

ここでは、Webコンテンツのチェックを実施する場合の基本的な考え方やよく実行する操作について説明します。

Webコンテンツのチェックをする場合、基本的にはVoiceOverカーソルですべての情報にアクセスできることを確認することが必要です。VO + →で読み進め、VO + ←で戻って読むというのが基本的な操作です。

これらのキー操作で進む/戻る長さは、概ね段落単位です。リンクが含まれているテキストの場合は、リンク部分が1つのまとまりとして扱われます。また、使用されているHTMLの要素によって、読み進む際の単位が変わることがあります。VO + →で読み進んだ際に、読み上げがテキストの途中で止まってしまっても、再度VO + →の押下で続きが読み上げられれば問題ありません。

VO + F3を押下すると、直前に読み上げられた内容を再度読み上げさせることができます。（正確には、この操作はVoiceOverカーソルが現在ある項目を説明させる操作です。）

まとまったコンテンツを読み上げさせる

VO + Aを押下すると、現在VoiceOverカーソルがある箇所以降を読み上げさせることができます。

設定によっては、マウス・ポインターの位置に自動的にVoiceOverカーソルが移動しますが、そのような設定になっていない場合は、VO + Shift + F5キーを押下することで、VoiceOverカーソルをマウス・ポインターの位置に移動することができます。この方法と、VO + →やVO + ←でVoiceOverカーソルを目的の箇所に移動した上で、VO + Aを押下することで、特定の箇所の読み上げを確認することができます。

また、VO + Shift + Home（ラップトップ機ではVO + Shift + FN + ←）で、VoiceOverカーソルをページの先頭に移動することができます。この操作とVO + Aを組み合わせることで、ページ全体を読み上げさせることができます。

途中で読み上げを停止したい場合は、Ctrlキーを押下します。Ctrlキーを押下して読み上げを一時停止してから、他の操作をなにもしていない状態の場合は、再度Ctrlキーを押下することで読み上げを再開することができます。または、再度VO + Aを押下して、続きを読み上げさせることもできます。

操作を受け付けるコンポーネント

開閉できるメニュー、アコーディオンなど、何らかの操作を受け付けるコンポーネントについては、キーボードで操作ができることを確認する必要があります。

具体的には、VoiceOverカーソルとキーボード・フォーカスをそのコンポーネント上に移動し、そのコンポーネント上でキー操作を実行してみます。

初期設定ではVoiceOverカーソルとキーボード・フォーカスは連動するようになっていますが、そのような設定になっていない場合は、以下のいずれかの操作でVoiceOverカーソルとキーボード・フォーカスを目的のコンポーネント上に移動させます。

  • キーボード・フォーカスを目的のコンポーネント上に移動させてから、VO + Shift + F4を押下

  • VoiceOverカーソルを目的のコンポーネント上に移動させてから、VO + Command + F4を押下

キー操作をする際は、カーソルキーやEnterキー、Spcキー、EscキーなどをVOキーとは組み合わせずに押下して挙動を確認します。その結果として新たなコンテンツが表示された場合は、そのコンテンツをVoiceOverカーソルで読み上げ可能なことを確認します。

移動のための様々なキー操作

VoiceOver起動中は、以下に挙げるようなキー操作でコンテンツ内を移動することができます。

VoiceOverで使用できるキー操作（抜粋）

キー操作

説明

VO + Command + H、Shift + VO + Command + H

次、前の見出し

VO + Command + X、Shift + VO + Command + X

次、前のリスト（ul、ol、dl要素）

VO + Command + G、Shift + VO + Command + G

次、前の画像

VO + Command + J、Shift + VO + Command + J

次、前のフォーム・コントロール

VO + Command + T、Shift + VO + Command + T

次、前の表