スクリーンリーダーのテストページ
確認している属性ごとの、小さな例です。スクリーンリーダーを起動し、見出しで例の間を移動しながら手順どおりに操作して、聞こえた内容を、スクリーンリーダー、ブラウザー、年月とともに記録してください。
ライブリージョン
- 下のボタンのどれかを押します。5秒後から、4秒おきに3つのメッセージが届きます。
- Hキーで見出し「読むための文章」へ移り、下矢印キーでその下の段落を読みます。MacのVoiceOverでは VO + Command + H のあと VO + 下矢印、iPhoneでは右へスワイプします。
- メッセージは、段落を読み終えてから読まれるか、読んでいる段落を遮るか、まったく読まれないかを聞き取ります。
- 連続読み上げでは、もう一度ボタンを押して見出しへ移り、JAWSとNVDAでは Insert + 下矢印、Macでは VO + A、iPhoneでは2本指で下へスワイプします。
読むための文章
この段落は、メッセージが届く間に読むためのものです。リネンは、冷涼で湿った土地でよく育つ亜麻の繊維から織られます。収穫した茎は数週間畑に置かれ、雨や露によって、繊維が茎の芯からほぐれていきます。その後、繊維をすいて糸に紡ぎ、織機で織ります。リネンのタオルは、最初は硬く、洗うたびに柔らかくなり、綿よりも早く乾きます。繊維が長いため、布は傷みにくく、何年も使えます。
role="alert":
aria-live="assertive":
role="status":
role="timer": 00:15
aria-describedby
- Tabキーで入力欄へ移ります。
- ヒントが、入力欄の名前の後に読まれるかを聞き取ります。
- 次に、下矢印キーで入力欄を読み、もう一度聞き取ります。
領収書の送付にだけ使います。
aria-invalid="true"
- Tabキーで入力欄へ移ります。
- 入力が無効だと伝えられるかを聞き取ります。
- 次に、下矢印キーで入力欄を読み、もう一度聞き取ります。
aria-current="page"
- Tabキーで3つのリンクを順に移ります。
- 2つ目のリンクが、現在のページだと伝えられるかを聞き取ります。
- 次に、下矢印キーでリンクを読み、もう一度聞き取ります。
aria-expanded
- Tabキーでボタンへ移り、EnterキーかSpaceキーで押します。
- 展開されたと伝えられるかを聞き取ります。
- Tabキーで一度離れてから戻り、もう一度聞き取ります。
正午までのご注文は、当日に発送します。
aria-pressed
- Tabキーでボタンへ移り、EnterキーかSpaceキーで押します。
- 押された状態になったと伝えられるかを聞き取ります。
- Tabキーで一度離れてから戻り、もう一度聞き取ります。
lang
- 下矢印キーで下の段落を読みます。
- 英語のフレーズが、英語の声で読まれるか、ページと同じ声で読まれるかを聞き取ります。
- もう一度、連続読み上げで読み、聞き取ります。
リネンの産地では、店先に Hand-woven linen, washed and ready to use と書かれた札が下がっていることがあります。
<dialog>
- Tabキーでボタンへ移って押します。ダイアログが showModal() で開きます。
- ほかの操作をする前に、ダイアログの名前と本文が読まれるかを聞き取ります。
- 「キャンセル」かEscキーで閉じます。
ショートカット
属性より前に、スクリーンリーダーそのもののキーを確かめます。各スクリーンリーダーのキーは スクリーンリーダーの操作方法にあります。
連続読み上げ
- 下の2つの段落の1つ目へ移り、連続読み上げを始めます。
- 2つ目の段落へそのまま読み進むか、段落の間で間を置くかを聞き取ります。
亜麻は、繊維ができるだけ長く残るよう、根ごと手で引き抜きます。
最も長い繊維はタオル用の細い糸に紡がれ、短い繊維は袋用の糸になります。
Tabで入力欄へ
- Tabキーで下の入力欄へ移ります。
- 「H」と入力します。
- 文字が欄に入るか(入力するモード)、スクリーンリーダーが見出しへ移るか(読むモードのまま)を、聞いて確かめます。
次の見出し
- この見出しへ移り、次の見出しへ移るキーを2回押します。
- 「見出しレベル4」のように、見出しのレベルが読まれるかを聞き取ります。