アクセシビリティ

スクリーンリーダーを有効にする

1. お好みのスクリーンリーダーをダウンロードして有効にしてください：

   • NVDA： NVDA 2019.3 以降のバージョンを、WebStorm などの 64 ビット Java アプリケーションとの互換性のためにご利用ください。

     NVDA をダウンロードしてインストールし、有効にします。

   • JAWS： JAWS 12.0.1158 64 ビット以降のバージョンを、WebStorm などの 64 ビット Java アプリケーションとの互換性のためにご利用ください。

     必要なバージョンをダウンロードし、コンピューターを再起動して JAWS スクリーンリーダーを有効にします。

   VoiceOver(英語) スクリーンリーダーはシステムにすでに組み込まれているため、有効にします。

2. 次のように、 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" となるはずです。

3. WebStorm は、スクリーンリーダーのサポートがインストールされていることが検出された場合、自動的に有効化を提案するプロンプトを表示します。

   WebStorm を初めて起動するとき、開いたダイアログで 有効化 をクリックします。

   スクリーンリーダーのサポートは、既にインストール・構成されている WebStorm のバージョンでも後ほどまたは手動で有効化できます。

WebStorm のインストールとセットアップ

1. ダウンロードしてインストール WebStorm。

2. WebStorm を最初に起動する前にスクリーンリーダーのサポートを有効にするには、次の手順に従ってください：

   1. キーマップ、配色などの個人設定を含む configuration ディレクトリを開きます。

      構文

      %APPDATA%\JetBrains\<product><version>

      サンプル

      C:\Users\JohnS\AppData\Roaming\JetBrains\IntelliJIdea2025.1

      構文

      ~/Library/Application Support/JetBrains/<product><version>

      サンプル

      ~/Library/Application Support/JetBrains/IntelliJIdea2025.1

   2. idea.properties というファイルを作成します。

   3. 作成したファイルに ide.support.screenreaders.enabled=true プロパティを追加します。

3. WebStorm を起動します。 設定 | Appearance & Behavior | Appearance にある スクリーンリーダーに対応する オプションが有効になります。

赤緑色覚障害用に色を調整する

赤緑の色覚多様性がある場合は、IDE とエディターの色を調整できます。 この場合、通常は赤でハイライトされるエラーや通常は緑である文字列などのコード通知は、中間色で表示されます。 テストランナーのプログレスバーの色も調整されるため、簡単に認識できます。

1. Ctrl+Alt+S を押して設定を開き、 外観 & 振る舞い | 外観 を選択します。

2. 赤緑色覚異常用に色を調整する を選択し、変更を保存します。

   次の例をご確認ください。 Before の画像では String が緑色でハイライトされ、 Errors が赤でハイライトされています。色が調整された After の画像もご覧いただけます：

   

   

スクロールバーのコントラスト色を追加する

エディターのスクロールバーをより見やすくできます。

1. Ctrl+Alt+S を押して設定を開き、 外観 & 振る舞い | 外観 を選択します。

2. 右側のオプションから、 アクセシビリティ セクションにある コントラストスクロールバーを使用する を選択します。

   

   

コード要素、エディター、スクロールバー、ハイパーリンクなどの色を構成する

コード要素、エラー、エディターの要素、ツールウィンドウの色を調整できます。 エディターで垂直スクロールバーの色を構成することもできます。

1. Ctrl+Alt+S を押して設定を開き、 エディター | カラースキーム | 一般 を選択します。

2. 右側のリストから、色を調整したい要素を選択します。 例: コード を選択し、挿入された言語フラグメントや一致する中括弧などの色を調整できます。 OK をクリックして変更を保存します。

デバッガー、コンソール、その他の IDE の部分の色も調整できます： 設定 | エディター | カラースキーム にあるオプションのリストから適切なノードを選択します。

デフォルトの UI フォントを変更する

メニュー、サイドバー、ツールウィンドウのフォントとそのサイズを調整して、エディターの外観を変えずにナビゲーションの読みやすさを向上させることができます。

1. Ctrl+Alt+S を押して設定を開き、 外観 & 振る舞い | 外観 を選択します。

2. 右側のオプションから、 カスタムフォントの使用 リストからフォントを選択し、 サイズ フィールドでフォントサイズを指定します。

3. OK をクリックして変更を保存します。

その結果、UI のアイコンやテキストのサイズが調整されます。

ツールウィンドウのサイズを変更する

ショートカットを使って、実際のツールウィンドウの縦横サイズを変更できます。

• 垂直方向または上下方向にサイズを変更するには、 Ctrl+Alt+Shift+Up または Ctrl+Alt+Shift+Down を押します。

• 左右にサイズを変更するには、 Ctrl+Alt+Shift+Left または Ctrl+Alt+Shift+Right を押します。

エディターでフォントサイズを調整する

エディターでテキストのフォントとサイズを変更できます。

1. Ctrl+Alt+S を押して設定を開き、 エディター | 一般 を選択します。

2. 右側のオプションから Ctrl＋マウスホイールでフォントサイズ（ズーム）を変更する。 オプションを選択すると、エディターで作業中にテキストサイズをすばやく変更できます（マウスホイールを回す）。

3. 正確なフォントサイズを指定する必要がある場合は、 エディター | フォント を選択します。

4. 右側のオプションから、フォントやそのサイズ、行間隔、その他のオプションを指定します。 変更を保存するには、 OK をクリックします。

ショートカットをカスタマイズする

よく使うアクションにカスタムショートカットを設定できます。

1. Ctrl+Alt+S を押して設定を開き、 キーマップ を選択します。

2. 右側のメニュー、アクション、ツールなどのオプションのリストから、必要なアクションを選択します。

3. 選択した項目を右クリックしてコンテキストメニューから実行したいアクション、例えば キーボードショートカットの追加、 マウスショートカットを追加 、または 略語を追加 を選択します。

   

4. 開いたダイアログで、ショートカットを指定します。 必要に応じて、 セカンドストローク オプションを選択し、ショートカットの追加キーを指定します。 変更を保存するには、 OK を マウスでクリックします（Enter を押すと WebStorm はそれをショートカットと見なします）。

スマートキーの動作をカスタマイズする

スマートキーの動作を設定できます。

1. Ctrl+Alt+S を押して設定を開き、 エディター | 一般 | スマートキー を選択します。

2. 右側のオプションから、スマートキーオプションを選択またはクリアします。 例: スクリーンリーダーを使用するときには役に立たない可能性があるため、閉じ括弧または引用符を自動的に挿入する ペア角括弧を挿入する または ペアの引用符を挿入する オプションをクリアできます。 変更を保存するには、 OK をクリックします。

自動コード補完を無効にする

スクリーンリーダーでエディター作業時にコード要素が自動挿入されるのを防ぐため、自動コード補完を無効にできます。

1. Ctrl+Alt+S を押して設定を開き、 エディター | 一般 | コード補完 を選択します。

2. 型一致補完 オプションをクリアします。 必要に応じて、 基本補完 もクリアして基本補完を無効にします。

コードの折りたたみをカスタマイズする

コードの折りたたみ動作を制御し、どれを折りたたむか・折りたたまないか指定できます。

1. Ctrl+Alt+S を押して設定を開き、 エディター | 一般 | コードの折りたたみ を選択します。

2. 右側のオプションから、デフォルトで折りたたむ対象を選択します。

コードスタイルをカスタマイズする

スペース、タブ、インデントを設定できます。

1. Ctrl+Alt+S を押して設定を開き、 エディター | コードスタイル | [Language] を選択します。

2. 右側のオプションから、 タブとインデント をクリックしてタブを構成するか、 スペース をクリックしてスペースの使用場所と使用方法を設定します。

3. OK をクリックして変更を保存します。

エディターでガターアイコンや行番号を読み取る

行番号、VCS アノテーション、デバッガー、その他エディターの左ガターにあるアイコンを読み取るようにスクリーンリーダーを設定できます。

1. エディターでファイルを開きます。

2. Alt+Shift+6, F を押してガターにフォーカスします。 WebStorm は、現在キャレットがある行から読み始めます。

3. アップと ダウンの矢印キーを使用して、行間を移動します。 線の次または前のガター要素に移動する必要がある場合は、それぞれ 右および 左の矢印キーを使用します。

   フォーカスがガターにある間、スクリーンリーダーはガターアイコンのツールチップがあればそれを読み上げできます。

   ツールチップにアクセスするには、ダブルショートカット Alt+Shift+6, T を押します。 ツールチップのコンテンツを参照するには（シンボルごとのシンボル）、 右および 左矢印キーを使用します。

4. Escape を押してフォーカスをエディターに戻します。

高コントラストのカラーテーマを設定する

WebStorm で使う高コントラストのインターフェーステーマを設定できます。 インターフェーステーマは、ウィンドウ、ダイアログ、コントロールの外観を定義します。

1. Ctrl+Alt+S を押して設定を開き、 外観 & 振る舞い | 外観 を選択します。

2. テーマ リストから ハイコントラスト を選択し、 OK をクリックして変更を適用します。

コントラストの高い配色を設定する

エディターに高コントラストの配色を設定できます。 WebStorm は、エディターで好みの色やフォントを指定できるようカラースキームを使用します。

1. Ctrl+Alt+S を押して設定を開き、 エディター | カラースキーム | カラースキームフォント を選択します。

2. 色スキームフォント ページで、 スキーム​​⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠, リストから ハイコントラスト を選択します。

3. 変更を適用するには、 OK をクリックします。

簡素化されたスプラッシュ画面に切り替える

簡素化されたスプラッシュスクリーンは、標準の起動イメージの代わりを提供し、光過敏症や感覚嗜好を持つユーザーにとって明るい色や複雑なグラフィックなどの視覚的なトリガーを最小限に抑えます。

1. Ctrl+Alt+S を押して設定を開き、 外観 & 振る舞い | 外観 を選択します。

2. アクセシビリティ セクションで、 簡素化されたスプラッシュスクリーンを使用する を選択します。