本文へ移動
easeweb
ご相談

ARIAのスクリーンリーダー対応状況

スクリーンリーダーのテストページ

確認している属性ごとの、小さな例です。スクリーンリーダーを起動し、見出しで例の間を移動しながら手順どおりに操作して、聞こえた内容を、スクリーンリーダー、ブラウザー、年月とともに記録してください。

ライブリージョン

  1. 下のボタンのどれかを押します。5秒後から、4秒おきに3つのメッセージが届きます。
  2. Hキーで見出し「読むための文章」へ移り、下矢印キーでその下の段落を読みます。MacのVoiceOverでは VO + Command + H のあと VO + 下矢印、iPhoneでは右へスワイプします。
  3. メッセージは、段落を読み終えてから読まれるか、読んでいる段落を遮るか、まったく読まれないかを聞き取ります。
  4. 連続読み上げでは、もう一度ボタンを押して見出しへ移り、JAWSとNVDAでは Insert + 下矢印、Macでは VO + A、iPhoneでは2本指で下へスワイプします。

読むための文章

この段落は、メッセージが届く間に読むためのものです。リネンは、冷涼で湿った土地でよく育つ亜麻の繊維から織られます。収穫した茎は数週間畑に置かれ、雨や露によって、繊維が茎の芯からほぐれていきます。その後、繊維をすいて糸に紡ぎ、織機で織ります。リネンのタオルは、最初は硬く、洗うたびに柔らかくなり、綿よりも早く乾きます。繊維が長いため、布は傷みにくく、何年も使えます。

role="alert":

aria-live="assertive":

role="status":

role="timer": 00:15

aria-describedby

  1. Tabキーで入力欄へ移ります。
  2. ヒントが、入力欄の名前の後に読まれるかを聞き取ります。
  3. 次に、下矢印キーで入力欄を読み、もう一度聞き取ります。

領収書の送付にだけ使います。

aria-invalid="true"

  1. Tabキーで入力欄へ移ります。
  2. 入力が無効だと伝えられるかを聞き取ります。
  3. 次に、下矢印キーで入力欄を読み、もう一度聞き取ります。

aria-current="page"

  1. Tabキーで3つのリンクを順に移ります。
  2. 2つ目のリンクが、現在のページだと伝えられるかを聞き取ります。
  3. 次に、下矢印キーでリンクを読み、もう一度聞き取ります。

aria-expanded

  1. Tabキーでボタンへ移り、EnterキーかSpaceキーで押します。
  2. 展開されたと伝えられるかを聞き取ります。
  3. Tabキーで一度離れてから戻り、もう一度聞き取ります。

aria-pressed

  1. Tabキーでボタンへ移り、EnterキーかSpaceキーで押します。
  2. 押された状態になったと伝えられるかを聞き取ります。
  3. Tabキーで一度離れてから戻り、もう一度聞き取ります。

lang

  1. 下矢印キーで下の段落を読みます。
  2. 英語のフレーズが、英語の声で読まれるか、ページと同じ声で読まれるかを聞き取ります。
  3. もう一度、連続読み上げで読み、聞き取ります。

リネンの産地では、店先に Hand-woven linen, washed and ready to use と書かれた札が下がっていることがあります。

<dialog>

  1. Tabキーでボタンへ移って押します。ダイアログが showModal() で開きます。
  2. ほかの操作をする前に、ダイアログの名前と本文が読まれるかを聞き取ります。
  3. 「キャンセル」かEscキーで閉じます。

このリストを削除しますか?

リスト内の12件の項目も削除されます。

ショートカット

属性より前に、スクリーンリーダーそのもののキーを確かめます。各スクリーンリーダーのキーは スクリーンリーダーの操作方法にあります。

連続読み上げ

  1. 下の2つの段落の1つ目へ移り、連続読み上げを始めます。
  2. 2つ目の段落へそのまま読み進むか、段落の間で間を置くかを聞き取ります。

亜麻は、繊維ができるだけ長く残るよう、根ごと手で引き抜きます。

最も長い繊維はタオル用の細い糸に紡がれ、短い繊維は袋用の糸になります。

Tabで入力欄へ

  1. Tabキーで下の入力欄へ移ります。
  2. 「H」と入力します。
  3. 文字が欄に入るか(入力するモード)、スクリーンリーダーが見出しへ移るか(読むモードのまま)を、聞いて確かめます。

次の見出し

  1. この見出しへ移り、次の見出しへ移るキーを2回押します。
  2. 「見出しレベル4」のように、見出しのレベルが読まれるかを聞き取ります。

お手入れ:40度で洗濯

乾燥:陰干し