機能ガイド(全16機能)
EVN accessibility には、文字やレイアウト、色合いなどを調整できる16の機能があります。ウィジェットの調整パネルの「カスタマイズ」エリアは「メイン」と「サブ」の2つのタブに分かれており、目的に合わせて好きな機能を組み合わせて使えます。
すべての設定はお使いのブラウザ(localStorage)に保存され、次回アクセス時も維持されます。「リセット」ボタンでいつでも初期状態に戻せます。なお、これらの機能はあなたの画面表示を変えるだけで、サイト本体の内容が書き換わることはありません。
ヒント: まずは「ワンタップ設定」の7つのプリセットを試すのがおすすめです。詳しくは ワンタップ設定(プリセット) をご覧ください。
パネルの開き方
画面右下にある丸いトリガーボタンをクリックすると、調整パネルが開きます。パネルの上部には「アクセシビリティボタンのサイズ」ピッカー(大/標準/小の3段階でフローティングボタンの大きさを変更)と言語切り替え(日本語/ベトナム語/英語)、その下に「ワンタップ設定」(プリセット)と「カスタマイズ」エリア(メイン/サブのタブ)があり、最下部にリセットボタンがあります。
メイン機能
よく使う基本的な調整です。文字の大きさと、6種類の色モードがあります。色モードは排他で、1つをオンにすると他の色モードは自動的にオフになります。
| 機能 | できること・使い方 |
|---|---|
| 文字サイズの変更 | ページ全体の文字を大きくします。スライダーを 100%〜128% の範囲で、5段階(100/107/114/121/128)に調整します。 |
| ライトモード | ページ全体の背景を白に、文字を黒に強制して読みやすくします。ボタンをオンにするだけで適用されます。 |
| ダークモード | ページ全体の背景を黒に、文字を白に強制し、目への負担を減らします。ボタンをオンにします。 |
| 色の反転 | ページ上のすべての色を反転させます。明暗をはっきりさせたいときにオンにします。 |
| モノクロ | ページ全体をグレースケール(白黒)で表示します。色の情報を減らしたいときにオンにします。 |
| 低彩度 | 色の鮮やかさを抑え、落ち着いた見た目にします。ボタンをオンにします。 |
| 高彩度 | 色の鮮やかさを強め、くっきりと見やすくします。ボタンをオンにします。 |
サブ機能
文字の間隔や画像の表示、部分読み上げなど、さらに細かく調整できる機能です。「サブ」タブを開いて使います。
| 機能 | できること・使い方 |
|---|---|
| 文字の間隔(縦) | 行と行の間隔を広げて読みやすくします。スライダーを 1.5〜2.7 の範囲で、5段階(0.3刻み)に調整します。 |
| 文字の間隔(横) | 文字どうしの間隔を広げます。スライダーを 0〜0.48em の範囲で、5段階(0.12刻み)に調整します。 |
| 画像の非表示 | ページ内の画像・動画・背景画像を隠し、気が散る要素を減らします(SVGアイコンは隠れません)。ボタンをオンにします。 |
| リンクに下線 | リンク部分に下線を付けて目立たせます。ボタンをオンにします。 |
| カーソルの拡大 | マウスカーソルを大きな矢印カーソルにして見つけやすくします。ページ全体に加えて、ウィジェット内でも大きなカーソルになります。 |
| 部分読み上げ | オンにしてから文章をクリックすると、その箇所を音声で読み上げます。 |
| フォントの変更 | ワンタップで、読みやすいフォント(Lexend + BIZ UDPゴシック)に切り替えます。 |
| ページ構造の表示 | ページ内の「リンク」と「見出し」を2つのタブで一覧表示する幅広いモーダルを開き、全体の構成を把握できます。モーダルは画面の左端に折りたたむこともできます。 |
| 動画の停止 | 自動再生の動画を止め、CSSアニメーション・トランジション・視差効果などの動きも停止します。ボタンをオンにします。 |
設定の保存とリセット
- 変更した設定は自動的にブラウザに保存され、再訪問時もそのまま使えます。
- 元に戻したいときは、パネル下部の「リセット」ボタンを押すと、すべての設定がクリアされます。
- 表示言語は言語切り替えから、日本語・ベトナム語・英語の中から選べます。
次に読む
- 7つのプリセットの内容: ワンタップ設定(プリセット)
- うまく動かないときは: よくある質問