Spaces:
Paused
Paused
| <html class="writer-html5" lang="ja" > | |
| <head> | |
| <meta charset="utf-8" /><meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>3. Webブラウザを使う — NVDA 日本語版 ドキュメント</title> | |
| <link rel="stylesheet" href="_static/pygments.css" type="text/css" /> | |
| <link rel="stylesheet" href="_static/css/theme.css" type="text/css" /> | |
| <link rel="canonical" href="https://nvdajp-book.readthedocs.io/ja/latest/webbrowser.html" /> | |
| <!--[if lt IE 9]> | |
| <script src="_static/js/html5shiv.min.js"></script> | |
| <![endif]--> | |
| <script data-url_root="./" id="documentation_options" src="_static/documentation_options.js"></script> | |
| <script src="_static/jquery.js"></script> | |
| <script src="_static/underscore.js"></script> | |
| <script src="_static/doctools.js"></script> | |
| <script src="_static/translations.js"></script> | |
| <script async="async" src="https://assets.readthedocs.org/static/javascript/readthedocs-doc-embed.js"></script> | |
| <script src="_static/js/theme.js"></script> | |
| <link rel="index" title="索引" href="genindex.html" /> | |
| <link rel="search" title="検索" href="search.html" /> | |
| <link rel="next" title="4. NVDA で Gmail を使う" href="gmail.html" /> | |
| <link rel="prev" title="2. ブラウズモード" href="browsemode.html" /> | |
| <!-- RTD Extra Head --> | |
| <link rel="stylesheet" href="https://assets.readthedocs.org/static/css/readthedocs-doc-embed.css" type="text/css" /> | |
| <script type="application/json" id="READTHEDOCS_DATA">{"ad_free": false, "api_host": "https://readthedocs.org", "build_date": "2022-05-19T07:40:50Z", "builder": "sphinx", "canonical_url": null, "commit": "cf23bd40", "docroot": "/", "features": {"docsearch_disabled": false}, "global_analytics_code": "UA-17997319-1", "language": "ja", "page": "webbrowser", "programming_language": "py", "project": "nvdajp-book", "proxied_api_host": "/_", "source_suffix": ".rst", "subprojects": {}, "theme": "sphinx_rtd_theme", "user_analytics_code": "", "version": "latest"}</script> | |
| <!-- | |
| Using this variable directly instead of using `JSON.parse` is deprecated. | |
| The READTHEDOCS_DATA global variable will be removed in the future. | |
| --> | |
| <script type="text/javascript"> | |
| READTHEDOCS_DATA = JSON.parse(document.getElementById('READTHEDOCS_DATA').innerHTML); | |
| </script> | |
| <script type="text/javascript" src="https://assets.readthedocs.org/static/javascript/readthedocs-analytics.js" async="async"></script> | |
| <!-- end RTD <extrahead> --> | |
| </head> | |
| <body class="wy-body-for-nav"> | |
| <div class="wy-grid-for-nav"> | |
| <nav data-toggle="wy-nav-shift" class="wy-nav-side"> | |
| <div class="wy-side-scroll"> | |
| <div class="wy-side-nav-search" > | |
| <a href="index.html" class="icon icon-home"> NVDA 日本語版 | |
| </a> | |
| <div class="version"> | |
| latest | |
| </div> | |
| <div role="search"> | |
| <form id="rtd-search-form" class="wy-form" action="search.html" method="get"> | |
| <input type="text" name="q" placeholder="Search docs" /> | |
| <input type="hidden" name="check_keywords" value="yes" /> | |
| <input type="hidden" name="area" value="default" /> | |
| </form> | |
| </div> | |
| </div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu"> | |
| <ul class="current"> | |
| <li class="toctree-l1"><a class="reference internal" href="basic.html">1. NVDA の基本</a></li> | |
| <li class="toctree-l1"><a class="reference internal" href="browsemode.html">2. ブラウズモード</a></li> | |
| <li class="toctree-l1 current"><a class="current reference internal" href="#">3. Webブラウザを使う</a><ul> | |
| <li class="toctree-l2"><a class="reference internal" href="#microsoft-edge">3.1. Microsoft Edge</a></li> | |
| <li class="toctree-l2"><a class="reference internal" href="#mozilla-firefox">3.2. Mozilla Firefox</a><ul> | |
| <li class="toctree-l3"><a class="reference internal" href="#firefox">3.2.1. Firefox の概要</a></li> | |
| <li class="toctree-l3"><a class="reference internal" href="#id1">3.2.2. Firefox のインストール</a></li> | |
| <li class="toctree-l3"><a class="reference internal" href="#id2">3.2.3. スタートメニューから Firefox を起動する</a></li> | |
| </ul> | |
| </li> | |
| <li class="toctree-l2"><a class="reference internal" href="#id3">3.3. Web ブラウザにアドレスを入力する</a></li> | |
| <li class="toctree-l2"><a class="reference internal" href="#id4">3.4. Web ブラウザでドキュメントを読む</a></li> | |
| <li class="toctree-l2"><a class="reference internal" href="#id5">3.5. ドキュメントの中でリンクを探す</a></li> | |
| <li class="toctree-l2"><a class="reference internal" href="#id6">3.6. フォーカスモードとブラウズモード</a></li> | |
| <li class="toctree-l2"><a class="reference internal" href="#id7">3.7. Webブラウザのページ内検索とアクセシビリティ機能</a></li> | |
| <li class="toctree-l2"><a class="reference internal" href="#id8">3.8. ページの先頭に移動する</a></li> | |
| <li class="toctree-l2"><a class="reference internal" href="#id9">3.9. Webブラウザのタブを活用する</a></li> | |
| <li class="toctree-l2"><a class="reference internal" href="#id10">3.10. Webブラウザのキーボードショートカット</a><ul> | |
| <li class="toctree-l3"><a class="reference internal" href="#id11">3.10.1. Microsoft Edge のキーボードショートカット</a></li> | |
| <li class="toctree-l3"><a class="reference internal" href="#id12">3.10.2. Firefox のキーボードショートカット一覧</a></li> | |
| </ul> | |
| </li> | |
| </ul> | |
| </li> | |
| <li class="toctree-l1"><a class="reference internal" href="gmail.html">4. NVDA で Gmail を使う</a></li> | |
| <li class="toctree-l1"><a class="reference internal" href="objectnavigation.html">5. オブジェクトナビゲーション</a></li> | |
| <li class="toctree-l1"><a class="reference internal" href="windows.html">6. Windows の操作と設定の基本</a></li> | |
| <li class="toctree-l1"><a class="reference internal" href="advanced.html">7. NVDA の便利な機能</a></li> | |
| <li class="toctree-l1"><a class="reference internal" href="links.html">8. 関連情報</a></li> | |
| <li class="toctree-l1"><a class="reference internal" href="thanks.html">9. 最後に</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </nav> | |
| <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"><nav class="wy-nav-top" aria-label="Mobile navigation menu" > | |
| <i data-toggle="wy-nav-top" class="fa fa-bars"></i> | |
| <a href="index.html">NVDA 日本語版</a> | |
| </nav> | |
| <div class="wy-nav-content"> | |
| <div class="rst-content"> | |
| <div role="navigation" aria-label="Page navigation"> | |
| <ul class="wy-breadcrumbs"> | |
| <li><a href="index.html" class="icon icon-home"></a> »</li> | |
| <li><span class="section-number">3. </span>Webブラウザを使う</li> | |
| <li class="wy-breadcrumbs-aside"> | |
| <a href="https://github.com/nishimotz/nvdajp-book/blob/gh-pages/webbrowser.rst" class="fa fa-github"> Edit on GitHub</a> | |
| </li> | |
| </ul> | |
| <hr/> | |
| </div> | |
| <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article"> | |
| <div itemprop="articleBody"> | |
| <section id="web"> | |
| <h1><span class="section-number">3. </span>Webブラウザを使う<a class="headerlink" href="#web" title="このヘッドラインへのパーマリンク"></a></h1> | |
| <section id="microsoft-edge"> | |
| <h2><span class="section-number">3.1. </span>Microsoft Edge<a class="headerlink" href="#microsoft-edge" title="このヘッドラインへのパーマリンク"></a></h2> | |
| <p>ブラウズモードの基本の説明を踏まえて、Webブラウザの使い方を紹介します。</p> | |
| <p>このセクションは Windows 11 と <a class="reference external" href="https://support.microsoft.com/ja-jp/microsoft-edge">Microsoft Edge</a> で確認した操作をご紹介しています。</p> | |
| <p>紹介している操作は <a class="reference external" href="https://ja.nishimotz.com/chrome">Google Chrome</a> でもだいたい同じです。</p> | |
| <p>このセクションは Mozilla Firefox の解説から改訂を行っている途中です。 | |
| ブラウザ名などの表記が実際と異なる場合があります。</p> | |
| <p>Microsoft Edge は Microsoft が推奨する現在の Windows の既定のブラウザです。</p> | |
| <p>Microsoft Edge を起動するには、 Windows キーを押して、 | |
| 半角全角キーを押して日本語入力を「変換停止」の状態にして、 | |
| アルファベットで edge と入力して Enter キーを押します。</p> | |
| </section> | |
| <section id="mozilla-firefox"> | |
| <h2><span class="section-number">3.2. </span>Mozilla Firefox<a class="headerlink" href="#mozilla-firefox" title="このヘッドラインへのパーマリンク"></a></h2> | |
| <p>Firefox を使わない場合は次の節に進んでください。</p> | |
| <section id="firefox"> | |
| <h3><span class="section-number">3.2.1. </span>Firefox の概要<a class="headerlink" href="#firefox" title="このヘッドラインへのパーマリンク"></a></h3> | |
| <p>Mozilla Firefox | |
| （ファイヤーフォックス）は | |
| Mozilla | |
| （モジラ）という非営利法人によって開発され、無料で公開されています。</p> | |
| <ul class="simple"> | |
| <li><p><a class="reference external" href="https://www.mozilla.org/ja/firefox/">Mozilla Firefox の Web | |
| サイト</a></p></li> | |
| </ul> | |
| <p>ここに「Firefox をダウンロード」というリンクがあり、 | |
| セットアップのためのファイルをダウンロードできます。</p> | |
| <p>Firefox そのものは非常にバージョンアップの早いブラウザで、 | |
| 6週間ごとにバージョンがひとつずつ増えています。 | |
| これは、インターネットの新しい技術を開発したり、不具合を修正したりすることを、 | |
| できるだけ頻繁に行うためです。</p> | |
| <p>Firefox のバージョンアップはほとんど自動的に行われますし、 | |
| 使い方が大きく変わることも滅多にありません。 使っているあいだに Firefox | |
| のバージョンを意識する必要はほとんどありません。</p> | |
| <p>NVDA と Firefox はいろいろな意味で似ているだけでなく、 | |
| お互いに協力し合いながら開発されているので、 Web | |
| のアクセシビリティについての最新の技術が、 NVDA と Firefox | |
| の組み合わせにだけ対応している、ということも少なくありません。</p> | |
| <p>2017年から2018年にかけて Firefox は大きなバージョンアップを行い、 | |
| 一時的に NVDA で使いにくい状況が起きていました。 現在は最新の Firefox と | |
| NVDA の組み合わせが問題なく使えます。</p> | |
| </section> | |
| <section id="id1"> | |
| <h3><span class="section-number">3.2.2. </span>Firefox のインストール<a class="headerlink" href="#id1" title="このヘッドラインへのパーマリンク"></a></h3> | |
| <p>お使いの Windows に Firefox をインストールする方法をご紹介します。</p> | |
| <p>「セットアップの種類」は「標準インストール」で大丈夫です。</p> | |
| <p>「Firefox をインストールする準備ができました」という画面で 「Firefox | |
| を既定のブラウザとして使用する」 という項目があります。</p> | |
| <p>ここでは、コンピューターの設定をなるべく変更しないで、 ただ Firefox | |
| のインストールだけをしたいと思います。 | |
| この項目が有効になっていたら、いったん「チェックなし」に変更して、 | |
| それから「インストール」のボタンを押しましょう。</p> | |
| <p>インストールにはすこし時間がかかりますが、やがて 「Mozilla Firefox | |
| のセットアップを完了します」という画面になり、 「今すぐ Firefox | |
| を起動」という項目が有効になった状態で、 | |
| フォーカスが「完了」のボタンにあります。</p> | |
| <p>初めてインストールしたときには、 この「完了」を押すとすぐに Firefox | |
| の「設定移行ウィザード」が開始します。 Internet Explorer | |
| から「お気に入り」やパスワードなどの情報を移行することができます。</p> | |
| <p>続いて Firefox が起動して、 | |
| 「既定のブラウザの設定」というダイアログが表示されます。</p> | |
| <div class="highlight-default notranslate"><div class="highlight"><pre><span></span>「Firefox は現在既定のブラウザに設定されていません。 | |
| 既定のブラウザに設定しますか？」 | |
| </pre></div> | |
| </div> | |
| <p>という質問です。 | |
| このコンピューターのブラウザの設定を変更したくなければ、 | |
| 「Firefoxを起動するとき毎回既定のブラウザを確認する」 | |
| のチェックを外して、このダイアログの「いいえ」のボタンを押すとよいでしょう。</p> | |
| <p>起動の方法をちゃんと確認したいので、いったん Firefox を終了しましょう。 | |
| Alt+F4 | |
| を押すとすぐに終了せず、次のようなダイアログが出ることもあります。</p> | |
| <div class="highlight-default notranslate"><div class="highlight"><pre><span></span>「タブを閉じる確認 | |
| 複数 (2) のタブを閉じようとしています。 | |
| すべてのタブを閉じてよろしいですか？」 | |
| </pre></div> | |
| </div> | |
| <p>ここで「OK」を押せば Firefox は無事に終了します。 | |
| 「タブ」の使い方は後でじっくり練習しましょう。</p> | |
| </section> | |
| <section id="id2"> | |
| <h3><span class="section-number">3.2.3. </span>スタートメニューから Firefox を起動する<a class="headerlink" href="#id2" title="このヘッドラインへのパーマリンク"></a></h3> | |
| <p>スタートメニューやスタート画面で Firefox を起動するには、 Windows | |
| キーを押して、 | |
| 半角全角キーを押して日本語入力を「変換停止」の状態にして、 | |
| アルファベットで firefox と入力します。 もしかすると途中まで入力すると</p> | |
| <p>「モジラ・ファイヤフォックス・アプリ」 または 「プログラム グループ 展開 | |
| モジラ・ファイヤフォックス」</p> | |
| <p>と読み上げられるかも知れませんが、その場合は、そこで入力を中断してもかまいません。 | |
| Enter キーを押すと Firefox が起動します。</p> | |
| <p>「Mozilla Firefox スタートページ ドキュメント エディット | |
| オートコンプリート 空行」</p> | |
| <p>のように読み上げられます。</p> | |
| <p>これは「Mozilla Firefox スタートページ」というドキュメント（文書）で、 | |
| ネットにつながなくても Firefox に最初から入っている内容です。</p> | |
| <p>ここから Google の検索がすぐにできるように、 | |
| キーワードを入力するエディットボックスと、 | |
| 検索を実行するボタンが用意されています。</p> | |
| <p>Tabキーでどんどんフォーカスを移動していくと、 | |
| ページの内容ではない（画面の一番上に表示されている） | |
| 要素にもフォーカスが移動します。次のようなものです：</p> | |
| <p>「ブラウザタブ ツールバー タブコントロール モジラ・ファイヤフォックス | |
| スタートページ タブ 選択」</p> | |
| <p>「ナビゲーションツールバー ツールバー URLまたは検索語句を入力します | |
| コンボボックス 折りたたみ エディット オートコンプリート 空行」</p> | |
| <p>「Google で検索します コンボボックス 折りたたみ エディット | |
| オートコンプリート 空行」</p> | |
| </section> | |
| </section> | |
| <section id="id3"> | |
| <h2><span class="section-number">3.3. </span>Web ブラウザにアドレスを入力する<a class="headerlink" href="#id3" title="このヘッドラインへのパーマリンク"></a></h2> | |
| <p>ここから Microsoft Edge と Mozilla Firefox で共通の説明となります。</p> | |
| <p>Web ブラウザにアドレスを入力するために、Web ブラウザのショートカットをひとつ覚えましょう：</p> | |
| <ul class="simple"> | |
| <li><p>Alt+D：ナビゲーションツールバーに移動 （または Ctrl+L も使えます）</p></li> | |
| </ul> | |
| <p>それから一般的な Windows アプリケーションの作法ですが、 | |
| 以下も確認しておくとよいでしょう。</p> | |
| <ul class="simple"> | |
| <li><p>Alt+F：アプリケーションのメニューが開く。 | |
| 上下の矢印キーでメニュー項目の選択ができる。 | |
| Firefox の場合は「ファイル」メニューが選択され、左右キーで他のグループを選択できる。</p></li> | |
| <li><p>Alt+スペース：システムメニュー（「元のサイズに戻す」「最小化」など）が開く</p></li> | |
| <li><p>Alt+F4：アプリケーションの終了</p></li> | |
| </ul> | |
| <p>Alt+D でナビゲーションツールバーに移動したあとで、 | |
| 開きたいサイトのアドレスを入力して Enter キーを押すと | |
| 入力したアドレスのサイトを開くことができます。</p> | |
| <p>日本語入力は「変換停止」の状態なので、ここで</p> | |
| <div class="highlight-default notranslate"><div class="highlight"><pre><span></span><span class="n">www</span><span class="o">.</span><span class="n">nvda</span><span class="o">.</span><span class="n">jp</span> | |
| </pre></div> | |
| </div> | |
| <p>と入力してください。 | |
| 入力の途中で「オートコンプリート」という機能がはたらいて、 | |
| まだ入れていない文字をどんどん読み上げるかも知れませんが、 | |
| あえてそれは聞かないようにして、自分が入力したい文字を確実に | |
| 打ち込むように心がけてください。</p> | |
| <p>NVDA+Tabキーを押すと以下のように確認できるはずです。</p> | |
| <p>「エディット フォーカス オートコンプリート www.nvda.jp」</p> | |
| <p>間違えたので最初から入力をしなおしたい、というときには、 | |
| まず入力した文字をすべて選択して削除しておくとよいでしょう。 例えば | |
| wwe.nvda.jp と入れてしまったとすると、</p> | |
| <ul class="simple"> | |
| <li><p>Ctrl+A を押す： 「wwe.nvda.jp 選択」</p></li> | |
| <li><p>Delete を押す： 「選択項目削除」</p></li> | |
| </ul> | |
| <p>このほかに、左右の矢印キーで1文字ずつ移動して、バックスペースや | |
| デリートの操作を行って、間違えた文字を直すこともできます。</p> | |
| </section> | |
| <section id="id4"> | |
| <h2><span class="section-number">3.4. </span>Web ブラウザでドキュメントを読む<a class="headerlink" href="#id4" title="このヘッドラインへのパーマリンク"></a></h2> | |
| <p>ナビゲーションツールバーに入れたアドレスが正しいようなら Enter | |
| を押してください。</p> | |
| <p>「NVDA日本語版 ダウンロードと説明」 | |
| というページが開いて、読み上げが始まります。 | |
| 最後まで聞かなくてよいので、 Shift | |
| キーを押して、読み上げを止めてください。</p> | |
| <p>NVDA | |
| メニューの設定「ブラウズモード」「ページ読み込み時に自動的に読み上げる」 | |
| をチェックなしにすると、ページを読み込んだときに自動的に読み上げなくなります。</p> | |
| <p>なお、ナビゲーションツールバーに入れるアドレスの先頭には 本当は <a class="reference external" href="http://">http://</a> | |
| をつける必要がありますが、 | |
| 最近のブラウザはこれを省略できるようになっています。</p> | |
| <p>テキストを確認する操作がこの状態で使えます。 いくつか復習しましょう。</p> | |
| <p>ラップトップ配列：</p> | |
| <ul class="simple"> | |
| <li><p>NVDA+上矢印：前の行に移動</p></li> | |
| <li><p>NVDA+Shift+ピリオド：現在の行を読み上げ</p></li> | |
| <li><p>NVDA+下矢印：次の行に移動</p></li> | |
| </ul> | |
| <p>デスクトップ配列：</p> | |
| <ul class="simple"> | |
| <li><p>テンキー7：前の行に移動</p></li> | |
| <li><p>テンキー8：現在の行を読み上げ</p></li> | |
| <li><p>テンキー9：次の行に移動</p></li> | |
| </ul> | |
| <p>一文字ナビゲーションも使えます。</p> | |
| <p>Web ブラウザでは上下の矢印キーはフォーカスやテキストカーソルを移動しながら | |
| 「前の行」「次の行」に移動する操作として使えます。</p> | |
| <p>ドキュメントを連続して読む操作を紹介します：</p> | |
| <p>ラップトップ配列：</p> | |
| <ul class="simple"> | |
| <li><p>NVDA+A：すべて読み上げ</p></li> | |
| <li><p>NVDA+L：現在テキストカーソルのある行の読み上げ</p></li> | |
| </ul> | |
| <p>デスクトップ配列：</p> | |
| <ul class="simple"> | |
| <li><p>NVDA+下矢印：すべて読み上げ</p></li> | |
| <li><p>NVDA+上矢印：現在テキストカーソルのある行の読み上げ</p></li> | |
| </ul> | |
| <p>キーボード設定「すべて読み上げで流し読みを許可」をチェック（有効に）しておくと、 | |
| 「すべて読み上げ」の途中で一文字ナビゲーションの操作をしても、 | |
| ジャンプして読み上げを止めるのではなく、ジャンプしたところから | |
| 自動的に読み上げを再開します。</p> | |
| </section> | |
| <section id="id5"> | |
| <h2><span class="section-number">3.5. </span>ドキュメントの中でリンクを探す<a class="headerlink" href="#id5" title="このヘッドラインへのパーマリンク"></a></h2> | |
| <p>このページの中で「チュートリアル」という見出しの中にある | |
| <a class="reference external" href="https://nvdajp.osdn.jp/howto/manual/">「Web閲覧の操作」</a> というリンクを探しましょう。</p> | |
| <p>その方法はいろいろありますが、 | |
| 使うのはどれも「ブラウズモード」の説明で紹介した機能です。</p> | |
| <p>まず、1文字ナビゲーションで K を押し続けていけば、 「Web閲覧の操作 未読 | |
| リンク」 という項目になんとかたどり着くことができます。 行きすぎたら | |
| Shift+K で戻ってください。 まだリンクを開かないでください。</p> | |
| <p>なお、もし過去にこのリンク先のドキュメントを開いたことがあれば | |
| 「未読」ではなく「既読」と通知されます。</p> | |
| <p>リンクを探す2番目の方法です。 | |
| 見出し「チュートリアル」を探せば、ちょっと近道ができます。</p> | |
| <p>具体的には H を押し続けて「チュートリアル 見出し レベル2」を見つけて、 | |
| そこから下矢印キーを3回押せば 「未読 リンク Web閲覧の操作」 | |
| が見つかります。</p> | |
| <p>リンクの探し方の3番目は「要素リスト」を使う方法です。 NVDA+F7 | |
| を押して、要素リストのダイアログを開きます。</p> | |
| <p>種別「リンク」になっているので、そのままツリービューを | |
| 下矢印キーでたどっていくと 「Web閲覧の操作 21の44 レベル0」 | |
| のような項目が見つかります。</p> | |
| <p>Tabキーを3回押して「移動(M)ボタン」でスペースを押すと、 「Web閲覧の操作 | |
| 未読 リンク」 に移動できています。</p> | |
| <p>4番目は「NVDAのページ内検索」を使う方法です。</p> | |
| <ul class="simple"> | |
| <li><p>NVDA+Ctrl+F：ブラウズモードのドキュメントを検索</p></li> | |
| </ul> | |
| <p>エディットボックスに 「Web閲覧」 と入力</p> | |
| <p>Tabキーを押す 「OK(O)ボタン」</p> | |
| <p>スペースを押す</p> | |
| <p>文字を入力するところを丁寧に書くと：</p> | |
| <ul class="simple"> | |
| <li><p>半角全角キー</p></li> | |
| <li><p>「変換停止」</p></li> | |
| <li><p>Shift+W e b</p></li> | |
| <li><p>Enter</p></li> | |
| <li><p>「ウェブ」</p></li> | |
| <li><p>半角全角キー</p></li> | |
| <li><p>「文字変換」</p></li> | |
| <li><p>e t u r a n n スペース</p></li> | |
| <li><p>「エツランスルノエツ カンランノラン」</p></li> | |
| <li><p>Enter</p></li> | |
| <li><p>「閲覧」</p></li> | |
| <li><p>半角全角キー</p></li> | |
| <li><p>「変換停止」</p></li> | |
| </ul> | |
| <p>スペースを押すと「検索」ダイアログが閉じて、 「未読 リンク | |
| Web閲覧の操作」 | |
| と読み上げます。これでフォーカスはこの要素に移動した状態になっています。 | |
| （NVDA+Tabキーで確認できます）</p> | |
| <p>ドキュメントにこのキーワードが2回以上出てくるときのために、 | |
| 文字列を入れ直さずに検索を繰り返すことができます。</p> | |
| <ul class="simple"> | |
| <li><p>NVDA+F3：現在の場所から同じ検索を繰り返す</p></li> | |
| <li><p>NVDA+Shift+F3：現在の場所から逆方向に同じ検索を繰り返す</p></li> | |
| </ul> | |
| <p>今回のドキュメントでは1回しか文字列が出てこないので 「検索エラー | |
| ダイアログ テキスト Web閲覧 は見つかりません」 | |
| というメッセージが出てしまいます。 | |
| これは、見つかった場所からさらにもう1回探そうとしたのですが、 | |
| 2回目は見つかりませんよ、という意味です。</p> | |
| </section> | |
| <section id="id6"> | |
| <h2><span class="section-number">3.6. </span>フォーカスモードとブラウズモード<a class="headerlink" href="#id6" title="このヘッドラインへのパーマリンク"></a></h2> | |
| <p>いままでの操作で NVDA のフォーカスモードが重要なので、補足しておきます。 | |
| NVDA+スペース を押すたびに「ガシャ」「ポン」「ガシャ」「ポン」と | |
| モードが切り替わる、という説明は覚えていますか？</p> | |
| <p>「ポン」の状態（ブラウズモード）にしないと1文字ナビゲーション、 例えば K | |
| を押して「次のリンクに移動」する機能は使えません。</p> | |
| <p>「ガシャ」の状態（フォーカスモード）では、NVDA ではなく Webブラウザ | |
| がキー入力を受け取って動作します。 Webブラウザ | |
| がキー入力を特別な機能に割り当てている場合もあります。</p> | |
| <p>例えばフォーカスモードで上下矢印キーを押すと画面は上下にスクロールします。 | |
| このときに読み上げはありません。 | |
| 上下矢印キーで項目を移動して読み上げるのは NVDA | |
| のブラウズモードの機能なので、 「ポン」の状態に戻す必要があるのです。</p> | |
| </section> | |
| <section id="id7"> | |
| <h2><span class="section-number">3.7. </span>Webブラウザのページ内検索とアクセシビリティ機能<a class="headerlink" href="#id7" title="このヘッドラインへのパーマリンク"></a></h2> | |
| <p>実はリンクを探す5番目の方法としてWebブラウザの「ページ内検索」があります。</p> | |
| <p>Microsoft Edge では Ctrl+F を押すと「ページで（ページタイトル）を検索します。ダイアログ」と読み上げて、 | |
| ページ内検索にフォーカスが移動します。 | |
| ページ内検索ダイアログを閉じるには Esc キーを押します。 | |
| 落ち着いて操作してください。</p> | |
| <p>また Firefox の場合は、 | |
| NVDA のフォーカスモードで、 シングルクオート ‘ | |
| やスラッシュ / を押すと Firefox の「クイック検索」のバーが表示されてしまいます。 | |
| Esc キーを押すとクイック検索バーは閉じます。</p> | |
| <p>Edge や Firefox のアクセシビリティ機能として F7 | |
| キーを押すと「キャレットブラウズ」のモードを切り替えることができます。 | |
| キャレットブラウズモード（ページ中の移動にカーソルを使用する）ではテキストカーソルは常に表示され、 | |
| 矢印キーでテキストカーソルを上下左右に移動できます。 | |
| ちょうどテキストエディタやワードプロセッサーで、 | |
| 読み取り専用のドキュメントを操作しているような感じになります。</p> | |
| <p>また Firefox にはアクセシビリティ機能として | |
| 「キー入力時に検索を開始する」というオプションもあります。 | |
| このオプションが有効で、さらに NVDA がフォーカスモードだと、 | |
| シングルクオートやスラッシュを押さなくても、 | |
| なにかキー入力をするだけで「クイック検索」が始まって、 Firefox | |
| のページ内検索が動きだします。</p> | |
| <p>Webブラウザのアクセシビリティ機能は、いちおう知っておくと、 NVDA | |
| との組み合わせでのトラブルを解決しやすくなると思います。 しかし NVDA | |
| のフォーカスモードでWebブラウザ | |
| のキャレットブラウズやクイック検索を使うよりも、 まずは NVDA | |
| のブラウズモードの操作に慣れることをお勧めします。</p> | |
| </section> | |
| <section id="id8"> | |
| <h2><span class="section-number">3.8. </span>ページの先頭に移動する<a class="headerlink" href="#id8" title="このヘッドラインへのパーマリンク"></a></h2> | |
| <p>今回のリンクを探す操作を、何度もやり直して練習したい人のために | |
| Webブラウザの以下のショートカットもご紹介しておきます：</p> | |
| <ul class="simple"> | |
| <li><p>Ctrl+Home：ページの先頭に移動</p></li> | |
| </ul> | |
| <p>この操作は、フォーカスモードではただ一番上にスクロールするだけですが、 | |
| ブラウズモードで実行すればページ先頭要素の読み上げをしてくれます。</p> | |
| </section> | |
| <section id="id9"> | |
| <h2><span class="section-number">3.9. </span>Webブラウザのタブを活用する<a class="headerlink" href="#id9" title="このヘッドラインへのパーマリンク"></a></h2> | |
| <p>Webブラウザには「タブ」という機能があり、ひとつのウインドウに複数のドキュメントを読み込ませて、 | |
| 画面の上にある押しボタンのような切り替えのしくみで簡単に切り替えることができます。</p> | |
| <p>このガイドブックでは、キーボードのTabキーはアルファベットで、ブラウザのタブはカタカナで表記しています。</p> | |
| <p>さきほどの操作でたどり着いた「Web閲覧の操作」のリンクは、 Enter | |
| を押すと普通に開いてしまい、新しいページに移動するのですが、 | |
| ここでは「新しいタブ」で開いてみましょう。</p> | |
| <p>アプリケーションキーを押して「コンテクストメニュー」を開いてください。 | |
| Shift+f10 キーもアプリケーションキーの代わりに利用できます。</p> | |
| <p>下矢印を押すと 「リンクを新しいタブで開く」 が最初に出てくるので Enter | |
| を押してください。</p> | |
| <p>リンクを「新しいタブ」で開いたのですが、 | |
| 現在のウィンドウは何も変化なくそのまま操作できます。</p> | |
| <ul class="simple"> | |
| <li><p>NVDA+T：現在のウィンドウのタイトルを報告</p></li> | |
| </ul> | |
| <p>「NVDA 日本語版 ダウンロードと説明 Mozilla Firefox」</p> | |
| <p>しかし「タブ」を切り替えると、先ほど開いた 「NVDA日本語版 操作ガイド」 | |
| に移動できます。タブを切り替えるWebブラウザの操作を試してください。</p> | |
| <ul class="simple"> | |
| <li><p>Ctrl+Tabキー：次のタブに移動 （Ctrl+Page Down でも同じ）</p></li> | |
| </ul> | |
| <p>「NVDA日本語版 操作ガイド ドキュメント」</p> | |
| <p>ドキュメントが丸ごと別の内容に入れ替わったように感じると思います。</p> | |
| <p>ここで紹介した「NVDA 日本語版 操作ガイド」（Web閲覧の操作）は、ブラウズモードの操作の | |
| 練習に使っていただける内容がたくさん含まれています。 | |
| ぜひご活用ください。</p> | |
| <p>なお、開くアドレスが最初からわかっている場合は、 | |
| ナビゲーションツールバーから「新しいタブで開く」ことができます。 Alt+D | |
| で移動して www.nvda.jp と入力して Alt+Enter を押してください。</p> | |
| </section> | |
| <section id="id10"> | |
| <h2><span class="section-number">3.10. </span>Webブラウザのキーボードショートカット<a class="headerlink" href="#id10" title="このヘッドラインへのパーマリンク"></a></h2> | |
| <section id="id11"> | |
| <h3><span class="section-number">3.10.1. </span>Microsoft Edge のキーボードショートカット<a class="headerlink" href="#id11" title="このヘッドラインへのパーマリンク"></a></h3> | |
| <p>Microsoft Edge のキーボードショートカットは下記で確認できます。</p> | |
| <ul class="simple"> | |
| <li><p><a class="reference external" href="https://support.microsoft.com/ja-jp/microsoft-edge/microsoft-edge-%E3%81%AE%E3%82%AD%E3%83%BC%E3%83%9C%E3%83%BC%E3%83%89-%E3%82%B7%E3%83%A7%E3%83%BC%E3%83%88%E3%82%AB%E3%83%83%E3%83%88-50d3edab-30d9-c7e4-21ce-37fe2713cfad">Microsoft Edge のキーボード ショートカット</a></p></li> | |
| </ul> | |
| </section> | |
| <section id="id12"> | |
| <h3><span class="section-number">3.10.2. </span>Firefox のキーボードショートカット一覧<a class="headerlink" href="#id12" title="このヘッドラインへのパーマリンク"></a></h3> | |
| <p>Firefox のキーボードショートカット一覧を開く方法を紹介します。 Alt | |
| をポンと1回押して離して、左矢印キーを1回押すと、 | |
| ぐるっと回って一番右端の「ヘルプ」のグループに移動するので、 | |
| 下矢印キーを3回押して「キーボードショートカット」で Enter | |
| を押してください。 新しいタブで「キーボードショートカット」という | |
| Mozilla サポートのドキュメントが開きます。</p> | |
| <p>以上でWebブラウザの操作の基本の説明は終わりです。</p> | |
| </section> | |
| </section> | |
| </section> | |
| </div> | |
| </div> | |
| <footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer"> | |
| <a href="browsemode.html" class="btn btn-neutral float-left" title="2. ブラウズモード" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a> | |
| <a href="gmail.html" class="btn btn-neutral float-right" title="4. NVDA で Gmail を使う" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a> | |
| </div> | |
| <hr/> | |
| <div role="contentinfo"> | |
| <p>© Copyright 2013-2022, Takuya Nishimoto. | |
| <span class="commit">Revision <code>cf23bd40</code>. | |
| </span></p> | |
| </div> | |
| Built with <a href="https://www.sphinx-doc.org/">Sphinx</a> using a | |
| <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> | |
| provided by <a href="https://readthedocs.org">Read the Docs</a>. | |
| </footer> | |
| </div> | |
| </div> | |
| </section> | |
| </div> | |
| <div class="rst-versions" data-toggle="rst-versions" role="note" aria-label="Versions"> | |
| <span class="rst-current-version" data-toggle="rst-current-version"> | |
| <span class="fa fa-book"> Read the Docs</span> | |
| v: latest | |
| <span class="fa fa-caret-down"></span> | |
| </span> | |
| <div class="rst-other-versions"> | |
| <dl> | |
| <dt>Versions</dt> | |
| <dd><a href="/ja/latest/">latest</a></dd> | |
| </dl> | |
| <dl> | |
| <dt>Downloads</dt> | |
| <dd><a href="//nvdajp-book.readthedocs.io/_/downloads/ja/latest/pdf/">pdf</a></dd> | |
| <dd><a href="//nvdajp-book.readthedocs.io/_/downloads/ja/latest/htmlzip/">html</a></dd> | |
| <dd><a href="//nvdajp-book.readthedocs.io/_/downloads/ja/latest/epub/">epub</a></dd> | |
| </dl> | |
| <dl> | |
| <dt>On Read the Docs</dt> | |
| <dd> | |
| <a href="//readthedocs.org/projects/nvdajp-book/?fromdocs=nvdajp-book">Project Home</a> | |
| </dd> | |
| <dd> | |
| <a href="//readthedocs.org/builds/nvdajp-book/?fromdocs=nvdajp-book">Builds</a> | |
| </dd> | |
| </dl> | |
| </div> | |
| </div> | |
| <script> | |
| jQuery(function () { | |
| SphinxRtdTheme.Navigation.enable(true); | |
| }); | |
| </script> | |
| </body> | |
| </html> |