アクセシビリティ
WebStorm を使うことで、さまざまなアクセシビリティ機能を有効にしてニーズに合わせることができます。 スクリーンリーダーを利用したり、フォントサイズや色、特定の UI 要素の動作を調整して、WebStorm の操作をより簡単にすることが可能です。
スクリーンリーダーを設定する
現在、WebStorm は Windows 上でスクリーンリーダーを完全にサポートしています。
WebStorm でスクリーンリーダーを有効化する。
お好みのスクリーンリーダーをダウンロードして有効にしてください：
VoiceOver(英語) スクリーンリーダーはシステムにすでに組み込まれているため、有効にします。
Linux 環境に対応した Orca バージョンを使用してください。
Orca をダウンロードしてインストールし、有効にします。
次のように、 Java Access Bridge(英語) とスクリーンリーダー用の適切な Java バージョンがインストールされていることを確認してください。
Java Access Bridge を有効にするには、コマンドプロンプトを開き、 [JRE_HOME]\bin\jabswitch -enable と入力します。ここで [JRE_HOME] はお使いのマシン上の JRE のディレクトリです。 Java バージョン 1.8 の場合、Java Access Bridge は JDK の一部であり、別途ダウンロードする必要はありません。 コントロールパネルを使用して Java Access Bridge を有効にします。
スクリーンリーダーが 32 ビットの場合は、 32 ビット JRE バージョン 1.7 以降をインストールしてください。 スクリーンリーダーが 64 ビットの場合は、 64 ビット JRE バージョン 1.7 以降をインストールしてください。
コンピューターには Java Access Bridge の重要なコンポーネントの一部が複数のバージョンで存在しており、バージョン間で互換性がない場合があります。 Java Access Bridge の構成が正しいことを確認する必要があります。
スクリーンリーダーが 32 ビットの場合は、 C:\Windows\SysWOW64\WindowsAccessBridge-32.DLL が存在し、バージョン番号が 7.x.x.x 以降であることを確認してください。 ファイルの説明は "Java(TM)Platform SE 7" となるはずです。
初回起動時に、実行中のスクリーンリーダーが検出されると、WebStorm はスクリーンリーダーサポートの有効化を提案するプロンプトを自動的に表示します。
表示されたダイアログで、 有効化 をクリックしてスクリーンリーダー向けに WebStorm の動作を最適化します。
既にインストールおよび設定された WebStorm のバージョンに対して、スクリーンリーダーサポートを 後でまたは手動で 有効にすることもできます。
にある スクリーンリーダーに対応する オプションが有効になります。
スクリーンリーダーのサポートを手動で設定する。
WebStorm を初めて起動する前または既に設定済みのバージョンでスクリーンリーダーサポートを有効化するには、次の手順に従います：
キーマップやカラースキームなどの個人設定が含まれる 構成ディレクトリ を開きます。
- 構文
%APPDATA%\JetBrains\<product><version>
- サンプル
C:\Users\JohnS\AppData\Roaming\JetBrains\IntelliJIdea2025.1
idea.properties というファイルを作成します。
作成したファイルに
ide.support.screenreaders.enabled=trueプロパティを追加します。
キーマップやカラースキームなどの個人設定が含まれる 構成ディレクトリ を開きます。
- 構文
~/Library/Application Support/JetBrains/<product><version>
- サンプル
~/Library/Application Support/JetBrains/IntelliJIdea2025.1
idea.properties というファイルを作成します。
作成したファイルに
ide.support.screenreaders.enabled=trueプロパティを追加します。
キーマップやカラースキームなどの個人設定が含まれる 構成ディレクトリ を開きます。
- 構文
~/.config/JetBrains/<product><version>
- サンプル
~/.config/JetBrains/IntelliJIdea2025.1
<IDE_HOME>/bin/idea64.vmoptions ファイルをディレクトリにコピーします。
-Djavax.accessibility.assistive_technologies=org.GNOME.Accessibility.AtkWrapperオプションを別の行に追加し、ファイルを保存します。JVM オプションの詳細については、 JVM オプション を参照してください。
idea.properties というファイルを作成します。
作成したファイルに
ide.support.screenreaders.enabled=trueプロパティを追加します。
にある スクリーンリーダーに対応する オプションが有効になります。
キーボードで IDE を操作する。
メインメニューを操作する。
Windows では、他の Windows アプリケーションと同様に、キーボードを使って メインメニュー を操作できます。
Alt を押してメインメニューバーにフォーカスを合わせます。
メインツールバーを操作する。
キーボードショートカットを使ってメインツールバーにフォーカスし、その要素間を移動できます。
メインツールバーにフォーカスを移動するには、 Alt+Page Up を押してください。 フォーカスされた項目は青い枠でハイライトされます。
ツールバーのウィジェットやボタン間でフォーカスを移動するには、 タブ および Shift タブ または → および ← を押します。
以前にフォーカスしていたツールウィンドウやエディターに戻るには、 Esc を押します。
ステータスバーを操作する。
キーボードショートカットを使ってステータスバーにフォーカスし、その要素間を移動できます。
ステータスバーにフォーカスを移動するには、 Alt+Page Down を押してください。 フォーカスされた項目は青い枠でハイライトされます。
ステータスバーのウィジェット間でフォーカスを移動するには、 タブ および Shift タブ または → および ← を押します。
以前にフォーカスしていたツールウィンドウやエディターに戻るには、 Esc を押します。
IDE をカスタマイズする
アクセシビリティのニーズに応じて IDE をカスタマイズできます。
赤緑色覚障害用に色を調整する
赤緑の色覚多様性がある場合は、IDE とエディターの色を調整できます。 この場合、通常は赤でハイライトされるエラーや通常は緑である文字列などのコード通知は、中間色で表示されます。 テストランナーのプログレスバーの色も調整されるため、簡単に認識できます。
Ctrl+Alt+S を押して設定を開き、 を選択します。
赤緑色覚異常用に色を調整する を選択し、変更を保存します。
次の例をご確認ください。 Before の画像では String が緑色でハイライトされ、 Errors が赤でハイライトされています。色が調整された After の画像もご覧いただけます：
スクロールバーのコントラスト色を追加する
エディターのスクロールバーをより見やすくできます。
Ctrl+Alt+S を押して設定を開き、 を選択します。
右側のオプションから、 アクセシビリティ セクションにある コントラストスクロールバーを使用する を選択します。
コード要素、エディター、スクロールバー、ハイパーリンクなどの色を構成する
コード要素、エラー、エディターの要素、ツールウィンドウの色を調整できます。 エディターで垂直スクロールバーの色を構成することもできます。
Ctrl+Alt+S を押して設定を開き、 を選択します。
右側のリストから、色を調整したい要素を選択します。 例: コード を選択し、挿入された言語フラグメントや一致する中括弧などの色を調整できます。 OK をクリックして変更を保存します。
デバッガー、コンソール、その他の IDE の部分の色も調整できます： にあるオプションのリストから適切なノードを選択します。
デフォルトの UI フォントを変更する
メニュー、サイドバー、ツールウィンドウのフォントとそのサイズを調整して、エディターの外観を変えずにナビゲーションの読みやすさを向上させることができます。
Ctrl+Alt+S を押して設定を開き、 を選択します。
右側のオプションから、 カスタムフォントの使用 リストからフォントを選択し、 サイズ フィールドでフォントサイズを指定します。
OK をクリックして変更を保存します。
その結果、UI のアイコンやテキストのサイズが調整されます。
ツールウィンドウのサイズを変更する
ショートカットを使って、実際のツールウィンドウの縦横サイズを変更できます。
垂直方向または上下方向にサイズを変更するには、 Ctrl+Alt+Shift+Up または Ctrl+Alt+Shift+Down を押します。
左右にサイズを変更するには、 Ctrl+Alt+Shift+Left または Ctrl+Alt+Shift+Right を押します。
エディターでフォントサイズを調整する
エディターでテキストのフォントとサイズを変更できます。
Ctrl+Alt+S を押して設定を開き、 を選択します。
右側のオプションから Ctrl＋マウスホイールでフォントサイズ（ズーム）を変更する。 オプションを選択すると、エディターで作業中にテキストサイズをすばやく変更できます（マウスホイールを回す）。
正確なフォントサイズを指定する必要がある場合は、 を選択します。
右側のオプションから、フォントやそのサイズ、行間隔、その他のオプションを指定します。 変更を保存するには、 OK をクリックします。
すべての UI 要素のズームレベルを設定する
必要に応じて IDE 全体のズームレベルを設定し、デフォルトのスケールよりも小さくしたり大きくしたりできます。
に移動し、 IDE の倍率変更 を選択します。
さまざまなズームレベルをプレビューするには、ポップアップのオプションにマウスを置きます。
変更を適用するには、希望するズームレベルをクリックします。
Ctrl+Alt+S を押して設定を開き、 を選択します。
アクセシビリティ セクションで、 ズーム フィールドをクリックし、値を入力します。
変更を適用するには、 OK をクリックします。
ショートカットをカスタマイズする
よく使うアクションにカスタムショートカットを設定できます。
Ctrl+Alt+S を押して設定を開き、 を選択します。
右側のメニュー、アクション、ツールなどのオプションのリストから、必要なアクションを選択します。
選択した項目を右クリックしてコンテキストメニューから実行したいアクション、例えば キーボードショートカットの追加、 マウスショートカットを追加 、または 略語を追加 を選択します。
開いたダイアログで、ショートカットを指定します。 必要に応じて、 セカンドストローク オプションを選択し、ショートカットの追加キーを指定します。 変更を保存するには、 OK を マウスでクリックします（Enter を押すと WebStorm はそれをショートカットと見なします）。
スマートキーの動作をカスタマイズする
スマートキーの動作を設定できます。
Ctrl+Alt+S を押して設定を開き、 を選択します。
右側のオプションから、スマートキーオプションを選択またはクリアします。 例: スクリーンリーダーを使用するときには役に立たない可能性があるため、閉じ括弧または引用符を自動的に挿入する ペア角括弧を挿入する または ペアの引用符を挿入する オプションをクリアできます。 変更を保存するには、 OK をクリックします。
自動コード補完を無効にする
スクリーンリーダーでエディター作業時にコード要素が自動挿入されるのを防ぐため、自動コード補完を無効にできます。
Ctrl+Alt+S を押して設定を開き、 を選択します。
型一致補完 オプションをクリアします。 必要に応じて、 基本補完 もクリアして基本補完を無効にします。
コードの折りたたみをカスタマイズする
コードの折りたたみ動作を制御し、どれを折りたたむか・折りたたまないか指定できます。
Ctrl+Alt+S を押して設定を開き、 を選択します。
右側のオプションから、デフォルトで折りたたむ対象を選択します。
コードスタイルをカスタマイズする
スペース、タブ、インデントを設定できます。
Ctrl+Alt+S を押して設定を開き、 を選択します。
右側のオプションから、 タブとインデント をクリックしてタブを構成するか、 スペース をクリックしてスペースの使用場所と使用方法を設定します。
OK をクリックして変更を保存します。
エディターでガターアイコンや行番号を読み取る
行番号、VCS アノテーション、デバッガー、その他エディターの左ガターにあるアイコンを読み取るようにスクリーンリーダーを設定できます。
エディターでファイルを開きます。
Alt+Shift+6, F を押してガターにフォーカスします。 WebStorm は、現在キャレットがある行から読み始めます。
アップと ダウンの矢印キーを使用して、行間を移動します。 線の次または前のガター要素に移動する必要がある場合は、それぞれ 右および 左の矢印キーを使用します。
フォーカスがガターにある間、スクリーンリーダーはガターアイコンのツールチップがあればそれを読み上げできます。
ツールチップにアクセスするには、ダブルショートカット Alt+Shift+6, T を押します。 ツールチップのコンテンツを参照するには（シンボルごとのシンボル）、 右および 左矢印キーを使用します。
Escape を押してフォーカスをエディターに戻します。
高コントラストのカラーテーマを設定する
WebStorm で使う高コントラストのインターフェーステーマを設定できます。 インターフェーステーマは、ウィンドウ、ダイアログ、コントロールの外観を定義します。
Ctrl+Alt+S を押して設定を開き、 を選択します。
テーマ リストから ハイコントラスト を選択し、 OK をクリックして変更を適用します。
コントラストの高い配色を設定する
エディターに高コントラストの配色を設定できます。 WebStorm は、エディターで好みの色やフォントを指定できるようカラースキームを使用します。
Ctrl+Alt+S を押して設定を開き、 を選択します。
色スキームフォント ページで、 スキーム, リストから ハイコントラスト を選択します。
変更を適用するには、 OK をクリックします。
簡素化されたスプラッシュ画面に切り替える
簡素化されたスプラッシュスクリーンは、標準の起動イメージの代わりを提供し、光過敏症や感覚嗜好を持つユーザーにとって明るい色や複雑なグラフィックなどの視覚的なトリガーを最小限に抑えます。
Ctrl+Alt+S を押して設定を開き、 を選択します。
アクセシビリティ セクションで、 簡素化されたスプラッシュスクリーンを使用する を選択します。
エディターの基本、 WebStorm キーボードショートカット、 ユーザーインターフェース をチェックして、他の便利なショートカットに慣れることができます。