一)トップページ(目次)でのキー対応等
1)tabキーによるフォーカス移動の対象
ページの冒頭からtabキーを打つたびに次の順番でフォーカス(ハイライト)が移動していきます。フォーカスの合ったボタンやリンクでenterキー、またはreturnキーを打つと実行されます。shiftキーを押しながらtabキーを打つと、逆順にフォーカス移動します。
【ヘッダにあるリンク】
- 「ぱんくずメニュー」
- …「絵本ギャラリー」は、「絵本ギャラリー」全体のトップページに移動します。「江戸絵本とジャポニズム」から出て、上位の階層に移ることになります。
- 「English」
- …「江戸絵本とジャポニズム」英語版の同じページに移動します。
【目次項目】
- 「目次の各項目」
- …各絵本や解説のページに移動します。
【フッタにあるリンク】
- 「国際子ども図書館サイトへのリンク」
- 「サイトマップ」
- 「キー対応」
そのあとは、「ぱんくずメニュー」に循環します。
※ブラウザの設定や種類によって、必ずしも上記の循環のすべては網羅されない場合があります。また、ブラウザのURL入力欄など上記以外の部位にもフォーカス移動することがあります。
二)各絵本のページでのキー対応等
1)tabキーによるフォーカス移動の対象
ページの冒頭からtabキーを打つたびに次の順番でフォーカス(ハイライト)が移動していきます。フォーカスの合ったボタンやリンクでenterキー、またはreturnキーを打つと実行されます。shiftキーを押しながらtabキーを打つと、逆順にフォーカス移動します。
【ヘッダにあるボタン類】
- 「次のページ」
- …次の画像にすすみます。(最後のページでは使用できません)
- 「前のページ」
- …前の画像に戻ります。(1ページ目では使用できません)
- 「再生」
- …いま見えている画像の朗読を再生します。(朗読のないページもあります)
- 「画像を拡大」
- …いま見えている画像を拡大します
(拡大された画像をクリック、タップ、またはenter(またはreturn)で元に戻ります。) - 「朗読文表示」
- …朗読内容のテキストを表示します。(こちらがデフォルト)
(文字の拡大に適した画面の構成に変化し、ヘッダの「再生」と「画像を拡大」のボタンがなくなります) - 「朗読文非表示」
- …朗読内容のテキストを隠します。
- 「ぱんくずメニュー」
- …「絵本ギャラリー」は、「絵本ギャラリー」全体のトップページに移動します。「江戸絵本とジャポニズム」から出て、上位の階層に移ることになります。
- …「江戸絵本とジャポニズム」は、このタイトルのトップページ(目次)に戻ります。
- 「English」
- …「江戸絵本とジャポニズム」英語版の同じページにリンクします。
※ウィンドウの横幅を狭めたり、文字を拡大したときに、「パンくずメニュー」の全文を表示しきれなくなる場合があります。そのようなときは、語句を省略して表示します。
【絵本の画面】
- 「朗読再生ボタン」
- …その画像の朗読を再生します。(朗読のない画像もあります。その場合このボタンは付きません)
- 「絵本画像」
- …画像を拡大します
(拡大された画像をクリック、タップ、またはenter(またはreturn)で元に戻ります。)
- 「目次」
- …各絵本ページの最後には「目次」が載っています。トップページに戻らずに、ここから別の絵本に移動することができます。
【フッタにあるリンク】
- 「国際子ども図書館サイトへのリンク」
- 「サイトマップ」
- 「キー対応」
そのあとは、ヘッダのボタン類に循環します。
※ブラウザの設定や種類によって、必ずしも上記の循環のすべては網羅されない場合があります。また、ブラウザのURL入力欄など上記以外の部位にもフォーカス移動することがあります。
※ tabキーによる操作とウィンドウスクロール、あるいは後述するキーボードショートカットなどを併用した場合、いま見えている画面の朗読再生や画像拡大が行われず、tabのフォーカスがあたっている別のものが反応することがあります。そのような場合はtabでフォーカスを目的のものに移動するか、直接対象をクリック(タップ)することで操作してください。
2)ページ(画像)の移動
上記のヘッダにあるボタン(次のページ、前のページ)やtabによる移動以外に、上下の矢印キーでページ移動することもできます。
【キー操作】
- 「上矢印キー」
- …前のページ
- 「下矢印キー」
- …次のページ
3)画像の拡大
上記のヘッダにあるボタン(画像を拡大)以外に、Mのキーでいま見えている絵本画像を拡大したり、元のサイズに戻すこともできます。また画像自体をクリック(タップ)することによっても同様のことができます。
【キー操作】
- 「Mキー」
- …画像の拡大/元のサイズに戻す
4)朗読文表示/非表示
上記のヘッダにあるボタン(朗読文表示、朗読文非表示)以外に、RとTのキーで朗読文を表示/非表示させることができます。表示の状態がデフォルトです。
【キー操作】
- 「Tキー」
- …朗読文を表示する。(文字の拡大に適した画面の構成に変化し、ヘッダの「再生」と「画像を拡大」のボタンがなくなります)
- 「Rキー」
- …朗読文を隠す。(画像が元のサイズに戻りテキストが隠される)
5)音声の再生
朗読再生ボタンを動作させると、音声コントローラが表示されます(下図)。コントローラが表示されていない状態でも、スペースキーでいま見えている画像の朗読を再生することができます(再生開始と同時に音声コントローラが現れます)。コントローラが表示されていない状態で左右矢印キーの操作はできません。なお、「次のページ」と「前のページ」ボタン、「上下矢印キー」で前後のページに移動すると、コントローラは自動的にリセットされます。
【キー操作】
- 「スペースキー」
- …停止・再生
- 「右矢印キー」
- …10秒進む
- 「左矢印キー」
- …10秒戻す
※ブラウザが「IE」(Windowsのインターネット・エクスプローラ)の場合は、音声の再生時にタイムラインが表示されません。
三)解説ページでのキー対応等
1)tabキーによるフォーカス移動の対象
ページの冒頭からtabキーを打つたびに次の順番でフォーカス(ハイライト)が移動していきます。フォーカスの合ったボタンやリンクでenterキー、またはreturnキーを打つと実行されます。shiftキーを押しながらtabキーを打つと、逆順にフォーカス移動します。
【ヘッダにあるボタンとリンク】
- 「ぱんくずメニュー」
- …「絵本ギャラリー」は、「絵本ギャラリー」全体のトップページに移動します。「江戸絵本とジャポニズム」から出て、上位の階層に移ることになります。
- …「江戸絵本とジャポニズム」は、このタイトルのトップページ(目次)に戻ります。
- 「English」
- …「江戸絵本とジャポニズム」英語版の同じページにリンクします。
- 「章メニュー」
- …解説内の各章の冒頭にリンクします。
【各章の構成】
- 「章の冒頭」→その章の「朗読再生ボタン」→「ページトップへ」
- …各章の冒頭の章タイトルにフォーカスし、次にその章の朗読再生ボタンに、そして最後にその章の終端にある「ページトップへ」にフォーカスします。同じことが最終章までくりかえされます。「ページトップへ」でenter(またはreturn)すると、上記ヘッダにある「章メニュー」の「一章」にフォーカス移動します。
【フッタにあるリンク】
- 「国際子ども図書館サイトへのリンク」
- 「サイトマップ」
- 「キー対応」
そのあとは、「ぱんくずメニュー」に循環します。
※ブラウザの設定や種類によって、必ずしも上記の循環のすべては網羅されない場合があります。また、ブラウザのURL入力欄など上記以外の部位にもフォーカス移動することがあります。
※ tabキーによる操作とウィンドウスクロール、あるいは後述するキーボードショートカットなどを併用した場合、いま見えている画面ではなく、tabのフォーカスがあたっている別のものが反応することがあります。そのような場合はtabでフォーカスを目的のものに移動するか、直接対象をクリック(タップ)等することで操作してください。
2)章の頭出し
上記のボタンやリンク以外に数字キーで章の頭出しができます。
【キー操作】
- 「1」キー
- …一章の冒頭にフォーカス移動
- 「2」キー
- …二章の冒頭にフォーカス移動
以下同様
3)音声の再生
解説の各章で朗読の再生ボタンを動作させると、音声コントローラが表示されます(下図)。その状態で、以下のキー操作ができます。コントローラが表示されていない状態で以下の操作はすべてできません。朗読が最後まで再生されると、コントローラは自動的にリセットされます。朗読再生の途中で画面をスクロールさせた場合は、コントローラのリセットは行われませんが、別の朗読再生ボタンをタップするとそちらが優先して動作し、前のものは自動的にリセットされます。
【キー操作】
- 「スペースキー」
- …停止・再生
- 「右矢印キー」
- …10秒進む
- 「左矢印キー」
- …10秒戻す
※ブラウザが「IE」(Windowsのインターネット・エクスプローラ)の場合は、音声の再生時にタイムラインが表示されません。
四)アンドロイドの場合
1)絵本のページ
「アンドロイド」のスマホやタブレットの場合、絵本ページの操作ボタンやレイアウトが若干変化します。「朗読文表示」と「朗読文非表示」のボタンはなくなり、常に朗読文テキストが表示された状態になります。
【ヘッダにあるボタン類】
- 「次のページ」
- …次の画像にすすみます。(最後のページでは使用できません)
- 「前のページ」
- …前の画像に戻ります。(1ページ目では使用できません)
- 「ぱんくずメニュー」
- …「絵本ギャラリー」は、「絵本ギャラリー」全体のトップページに移動します。「江戸絵本とジャポニズム」から出て、上位の階層に移ることになります。
- …「江戸絵本とジャポニズム」は、このタイトルのトップページ(目次)に戻ります。
- 「English」
- …「江戸絵本とジャポニズム」英語版の同じページにリンクします。
※ページの移動は、画面をスワイプして行うこともできます。
※キーボードを接続して操作する場合は、tab、キーボードショートカットなどの働きは上記一)から三)に準じます。
2)画像の拡大
絵本画像をタップすることにより、拡大したり元のサイズに戻すことができます。なお、「ピンチアウト」や「ピンチイン」ですべての画像のサイズを伸縮させることができます。
3)朗読文表示/非表示
「アンドロイド」の場合、朗読文はつねに表示された状態になります。
4)音声の再生
朗読再生ボタンをタップすると、音声コントローラが表示されて朗読音声の再生が始まり、同時に再生ボタンが停止ボタンに変ります(下図)。停止ボタンをタップすると、朗読再生を一時停止することができます。ページ移動ボタンで前後のページに移動すると、コントローラは自動的にリセットされます。朗読が最後まで再生された場合にも、コントローラは自動的にリセットされます。画面をスワイプしてページ移動した場合は、コントローラのリセットは行われませんが、別の朗読再生ボタンをタップするとそちらが優先して動作し、前のものは自動的にリセットされます。