アクセシビリティ

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

1. お好みのスクリーンリーダーをダウンロードして有効にします。

   • NVDA(英語) : WebStorm などの 64 ビット Java アプリケーションとの互換性のために、NVDA 2019.3 以降のバージョンを使用してください。

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

   • JAWS(英語) : WebStorm などの 64 ビット Java アプリケーションとの互換性のために、JAWS 12.0.1158 64 ビット以降のバージョンを使用してください。

     必要なバージョンをダウンロードし、コンピューターを再起動して 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\WebStorm2026.1

      構文

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

      サンプル

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

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

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

3. WebStorm を起動してください。設定 | 外観 & 振る舞い | 外観にあるスクリーンリーダーのサポートオプションが有効になります。

赤緑色覚多様性の色を調整する

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

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

2. 赤緑色覚多様性の方のために色を調整するを選択し、変更を保存します。

   次の例を確認してください。文字列が緑色でハイライトされ、エラーが赤色でハイライトされている前イメージと、色が調整されている後イメージがあります。

   

   

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

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

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. 開いたダイアログで、ショートカットを指定します。必要に応じて、2 番目のストロークオプションを選択し、ショートカットの追加キーを指定します。変更を保存するには、マウスで 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. アクセシビリティセクションで、簡素化されたスプラッシュスクリーンを使用するを選択します。