WebDesigner's Memorandumウェブデザイナーの備忘録

macOSのシステム環境設定「アクセシビリティ」内にあるVoiceOverの設定見直し

macOSのシステム環境設定「アクセシビリティ」内にあるVoiceOverの設定見直し

今回はシステム環境設定の「アクセシビリティ」内のVoiceOverについて見直します。
VoiceOverはmacOSに搭載されているスクリーンリーダー(画面に表示しているものを音声で説明してくれる機能)です。

スクリーンリーダーは視覚障がい者の方がPCを操作したり、ウェブサイトを閲覧するためのものという印象が強いですが、うまく使いこなせばブログ記事を読み上げてもらって「記事を聞く」ような使い方ができます。

自分も最近までは使っていなかったのですが、日々仕事をしていて目が疲れているときに、ふと目を瞑ってウェブサイトを聞いてみています。

今回はそのように、ふとしたタイミングでVoiceOverを使うための設定をまとめておきます。
そのため、細かすぎる機能や点字機能などは省いています。

VoiceOverの設定

[システム環境設定]→[アクセシビリティ]→[VoiceOver]から設定できます。

[アクセシビリティ]→[VoiceOver]

VoiceOverを使うためには「VoiceOverを有効にする」にチェックを入れるか、command + F5で有効化します。

ちなみに、Touch Bar搭載モデルのMacBook Proの場合はcommandを押したままTouch IDをすばやく3回押してオン/オフを切り替えられます。

初回起動時は下の画像のような画面が表示されるので「今後このメッセージを表示しない」にチェックを入れて「VoiceOverを使用」にチェックを入れましょう。

VoiceOver初回設定時

一般

「VoiceOverユーティリティ…」をクリックすると、VoiceOverの細かい設定ができるVoiceOverユーティリティが開きます。

VoiceOverの一般設定

項目内容備考
VoiceOverの起動時にようこそダイアログを表示VoiceOver起動時にダイアログを表示させるオフにしておく
VoiceOverに使用する修飾キー下記の中から1つを選ぶ
1.「control + option」
2.「caps lock」
3.「control + option または caps lock」
 
ポータブル環境設定ポータブル環境設定ドライブが検出されると、
別のVoiceOver環境でも同じ設定を使い回せる
 
AppleScriptによるVoiceOverの制御を許可  

起動時のダイアログは不要なので、ここでもオフにしておきます。

詳細度

サイドバーの[詳細度]では、どこまで文章を読み上げるのか細かい設定ができます。

VoiceOverの詳細度設定

項目内容備考
[スピーチ]画面上の読み上げ詳細度どこまで詳細にテキストを読み上げるか選択横の矢印でさらに詳細を設定できる
[点字]デフォルトの点字詳細度点字の詳細度を選択する横の矢印でさらに詳細を設定できる
[テキスト]句読点句読点や特殊記号を読み上げるかどうかの設定「なし」が1番自然
[テキスト]繰り返しの句読点繰り返しの句読点の読み方を設定 
[テキスト]タイプ入力中の読み上げ入力中の読み上げの設定 
[テキスト]カーソルを移動するとき「カーソルが通ったテキストを読み上げ」
「カーソルの右側のテキストを読む」から選択
 
[テキスト]テキスト属性が変わったときテキスト属性が変わったときに
「トーンを再生するか」「属性を読み上げる」から選択
 
[テキスト]スペルミスのある単語があったときスペルミスのある単語をどう読み上げるか選択「属性を読み上げる」が良さそう
[テキスト]リンクが存在するときリンクの読み上げをどうするか選択 
[テキスト]数字の読み上げ数字の読み上げをどうするか選択 
[テキスト]大文字を読み上げるとき大文字の読み上げ方を選択する「何もしない」で問題なさそう
[テキスト]テキストを削除するとき削除中のテキストの読み上げ方を選択する 
[テキスト]単語の区切り単語の区切りの読み上げ方を選択する 
[通知]マウスカーソルがウインドウに
入ったときに知らせる
マウスカーソルがウインドウに入ったことを読み上げるかどうか設定目を瞑って操作することはないので、
通知系は基本オフでよさそう
[通知]修飾キーが押されたときに知らせる修飾キーを押したことを読み上げるかどうか設定 
[通知]caps lock キーが押されたときに
知らせる
caps lockが押されて、大文字入力に切り替わってしまった場合に
お知らせしてくれるかどうか設定
 
[通知]表の行を移動したときに
ヘッダを読み上げる
表の行のヘッダを読み上げるかどうか設定 
[通知]ダイアログボックスのテキストを
自動的に読み上げる
ダイアログ内のラベルテキストを読み上げるかどうか設定 
[通知]各文字にフォネティックスペリングを
付加する
正確にスペルを伝えるために、読み上げ方を工夫してくれるかどうか 
[通知]VoiceOver カーソル下の
状況テキストが変化したとき
あとから変化するテキストの読み上げ方を選択する 
[通知]VoiceOver カーソル下の
状況インジケータが変化したとき
あとから変化するインジケーターの読み上げ方を選択する 
[通知]サイズや位置を読み上げるときの単位「インチ」「ミリ」「ピクセル」から単位を選択する 
[通知]マウスポインタを文字に重ねたら、
指定の間を取って読み上げる
マウスカーソルをテキストの上に置いてから、
実際に読み上げるまでの間を設定する
 

スピーチ

[スピーチ]では読み上げの音声に関する内容を設定できます。

VoiceOverのスピーチ

項目内容備考
スピーチを消音スピーチをミュートにする 
話す声を選択日本語の場合は下記の3つの中から選択
「Kyoko」「Kyoko (Compact)」「Otoya」
速度読み上げの速度を変更 

再生速度に関しては、最初はデフォルトのまま聞いていて、慣れてきたら少しずつ早めていくのがオススメです。

ナビゲーション

[ナビゲーション]ではVoiceOverカーソルの操作に関する設定ができます。

VoiceOverのナビゲーション設定

項目内容備考
VoiceOverカーソルの最初の位置VoiceOverカーソルの最初の位置を選択VoiceOverカーソル自体を非表示にしたい場合は
[ビジュアル]から設定可能
キーボードの操作対象が
VoiceOverカーソルに追従
  
VoiceOverカーソルが
キーボードの操作対象に追従
 上の設定がオンの場合はこちらの設定が優先
挿入ポイントがVoiceOverカーソルに追従  
VoiceOverカーソルが挿入ポイントに追従  
マウスポインタマウスポインタがVoiceOverカーソルに追従する方法を選択 
カーソルを反対側に復帰VoiceOverカーソルを動かしているときに
カーソルを反対側に復帰するようにする
 
重複するラベルをスキップラベルが重複しているときに1回だけ読み上げるようになる 
tabキーを使用したら自動的に操作tabキーで項目に移動するだけで
VoiceOver操作を開始できるようになる
 
高速検索を有効にする指定したアルファベットから始まる場所へすばやく移動できるようになる 

Web

[Web]ではウェブサイトを閲覧するときに関する設定ができます。

VoiceOverのWeb設定

項目内容備考
Webページのナビゲート方法「DOMの順序」だと、DOMに基づいてカーソルがページ内を移動する
「項目をグループ化」だと、VoiceOverカーソルが情報のだいたいのグループに基づいて移動する
DOMの順序で良さそう
中の項目をグループ化表を移動するときに表の要約と各セルの要約を読み上げてくれる 
列と行の番号を読み上げる表で列と行の番号を読み上げてくれる 
イメージをナビゲートイメージ上を移動するときに、代替テキストを読み上げるかどうか設定する 
ライブリージョンを有効にするコンテンツの動的な変更が発生したときに、ライブリージョン技術を使って実装されていれば、
変更を感知してお知らせしてくれるようになる
 

サウンド

[サウンド]ではVoiceOver使用時に流れるサウンドの設定ができます。

VoiceOverのサウンド設定

項目内容
サウンドエフェクトを消音VoiceOverのサウンドエフェクトがオフになる
オーディオダッキングを有効にするビデオが流れたときはサウンドを自動的に下げてくれたりする
ポジショナルオーディオを有効にする画面上で項目の場所を見つけやすくなる
出力デバイス出力したいデバイスを選択する

ビジュアル

VoiceOverは基本的に音で聞くものですが、[ビジュアル]ではVoiceOverの視覚的な部分の設定ができます。

VoiceOverのビジュアル設定

項目内容備考
VoiceOverカーソルを表示VoiceOverカーソル(黒いボックス)を表示するかどうか不要であればオフでも良さそう
VoiceOverカーソルの拡大率VoiceOverカーソルの拡大率を選択 
テキストを読み上げるときの
VoiceOverカーソルの移動単位
読み上げ中にVoiceOverカーソルを「文」単位か「単語」単位で
動かすか選択
 

著者について

プロフィール画像

サイトウ マサカズ@31mskz10

1997年生まれ。2016年から専門学校でデザインについて勉強。卒業後は神戸の制作会社「N'sCreates」にウェブデザイナーとして入社。このブログでは自分の備忘録も兼ねて、ウェブに関する記事や制作環境を効率的に行うための記事を書いています。

Twitterをフォロー Facebookでいいね