メニューを飛ばして本文へ

キー対応





一)トップページ(目次)でのキー対応等

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の場合

※ブラウザが「IE」(Windowsのインターネット・エクスプローラ)の場合は、音声の再生時にタイムラインが表示されません。

三)解説ページでのキー対応等

1)tabキーによるフォーカス移動の対象

ページの冒頭からtabキーを打つたびに次の順番でフォーカス(ハイライト)が移動していきます。フォーカスの合ったボタンやリンクでenterキー、またはreturnキーを打つと実行されます。shiftキーを押しながらtabキーを打つと、逆順にフォーカス移動します。

【ヘッダにあるボタンとリンク】

解説ページのヘッダにあるボタンやリンクを示す画像
「ぱんくずメニュー」
…「絵本ギャラリー」は、「絵本ギャラリー」全体のトップページに移動します。「江戸絵本とジャポニズム」から出て、上位の階層に移ることになります。
…「江戸絵本とジャポニズム」は、このタイトルのトップページ(目次)に戻ります。
「English」
…「江戸絵本とジャポニズム」英語版の同じページにリンクします。
「章メニュー」
…解説内の各章の冒頭にリンクします。

【各章の構成】

解説ページ内の章の内容構成を示す画像
「章の冒頭」→その章の「朗読再生ボタン」→「ページトップへ」
…各章の冒頭の章タイトルにフォーカスし、次にその章の朗読再生ボタンに、そして最後にその章の終端にある「ページトップへ」にフォーカスします。同じことが最終章までくりかえされます。「ページトップへ」でenter(またはreturn)すると、上記ヘッダにある「章メニュー」の「一章」にフォーカス移動します。

【フッタにあるリンク】

解説ページのフッタにあるリンクを示す画像
「国際子ども図書館サイトへのリンク」
「サイトマップ」
「キー対応」

そのあとは、「ぱんくずメニュー」に循環します。

※ブラウザの設定や種類によって、必ずしも上記の循環のすべては網羅されない場合があります。また、ブラウザのURL入力欄など上記以外の部位にもフォーカス移動することがあります。

※ tabキーによる操作とウィンドウスクロール、あるいは後述するキーボードショートカットなどを併用した場合、いま見えている画面ではなく、tabのフォーカスがあたっている別のものが反応することがあります。そのような場合はtabでフォーカスを目的のものに移動するか、直接対象をクリック(タップ)等することで操作してください。

2)章の頭出し

上記のボタンやリンク以外に数字キーで章の頭出しができます。

【キー操作】

「1」キー
…一章の冒頭にフォーカス移動
「2」キー
…二章の冒頭にフォーカス移動
以下同様

3)音声の再生

解説の各章で朗読の再生ボタンを動作させると、音声コントローラが表示されます(下図)。その状態で、以下のキー操作ができます。コントローラが表示されていない状態で以下の操作はすべてできません。朗読が最後まで再生されると、コントローラは自動的にリセットされます。朗読再生の途中で画面をスクロールさせた場合は、コントローラのリセットは行われませんが、別の朗読再生ボタンをタップするとそちらが優先して動作し、前のものは自動的にリセットされます。

【キー操作】

解説のページにある音声コントローラの画像
「スペースキー」
…停止・再生
「右矢印キー」
…10秒進む
「左矢印キー」
…10秒戻す
解説のページにある音声コントローラの画像。IEの場合

※ブラウザが「IE」(Windowsのインターネット・エクスプローラ)の場合は、音声の再生時にタイムラインが表示されません。

四)アンドロイドの場合

1)絵本のページ

「アンドロイド」のスマホやタブレットの場合、絵本ページの操作ボタンやレイアウトが若干変化します。「朗読文表示」と「朗読文非表示」のボタンはなくなり、常に朗読文テキストが表示された状態になります。

【ヘッダにあるボタン類】

絵本のページのヘッダにあるボタン類の画像:アンドロイドの場合
「次のページ」
…次の画像にすすみます。(最後のページでは使用できません)
「前のページ」
…前の画像に戻ります。(1ページ目では使用できません)
「ぱんくずメニュー」
…「絵本ギャラリー」は、「絵本ギャラリー」全体のトップページに移動します。「江戸絵本とジャポニズム」から出て、上位の階層に移ることになります。
…「江戸絵本とジャポニズム」は、このタイトルのトップページ(目次)に戻ります。
「English」
…「江戸絵本とジャポニズム」英語版の同じページにリンクします。

※ページの移動は、画面をスワイプして行うこともできます。

※キーボードを接続して操作する場合は、tab、キーボードショートカットなどの働きは上記一)から三)に準じます。

2)画像の拡大

絵本画像をタップすることにより、拡大したり元のサイズに戻すことができます。なお、「ピンチアウト」や「ピンチイン」ですべての画像のサイズを伸縮させることができます。

3)朗読文表示/非表示

「アンドロイド」の場合、朗読文はつねに表示された状態になります。

4)音声の再生

朗読再生ボタンをタップすると、音声コントローラが表示されて朗読音声の再生が始まり、同時に再生ボタンが停止ボタンに変ります(下図)。停止ボタンをタップすると、朗読再生を一時停止することができます。ページ移動ボタンで前後のページに移動すると、コントローラは自動的にリセットされます。朗読が最後まで再生された場合にも、コントローラは自動的にリセットされます。画面をスワイプしてページ移動した場合は、コントローラのリセットは行われませんが、別の朗読再生ボタンをタップするとそちらが優先して動作し、前のものは自動的にリセットされます。

音声コントローラを示す画像:アンドロイドの場合

五)iOSの場合

1)iPhone、iPadなどiOSデバイスの場合

基本的に上記の一)から三)までに記載したPCの場合の機能や構成と同じになっています。