Spaces:
Paused
Paused
File size: 36,251 Bytes
6ab28e5 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 |
<!DOCTYPE html>
<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> |