surea11y スキャンレポート

1. 利用者と同じ方法でフィールドを無効な状態にしてください (フォームを空のまま送信するか、誤った値を入力します)。
2. フィールドが指すエラーメッセージ (aria-errormessage によるもの) を探し、画面上に表示されるか確認してください。
3. 表示されない場合は、ラベル内、フィールドの隣、またはフォーム上部の概要に、何が誤っているかを伝えるテキストがないか探してください。
4. スクリーンリーダーでフィールドに移動し、エラーが読み上げられるか聞いてください。

適合: aria-errormessage が示すメッセージでなくても、フィールドに結び付いたどこかでエラーがテキストで表示され、読み上げられます。

不適合: どのフィールドがなぜ誤っているかを伝えるテキストがないか、スクリーンリーダーの利用者に伝わらないため、WCAG 3.3.1 を満たしません。

1. レポートに示された画像を見つけ、その代替テキストを読んでください (疑わしいと判断された理由があれば、レポートに示されています)。
2. 画像とその文脈を見て、ページにとって重要な何を示しているかを検討してください。
3. テキストによる代替が、グラフや図によくあるように画像の名前を示すだけの場合、詳細は別の場所 (隣のキャプション、テキスト、表、またはすぐ横のリンク) にあるかもしれません。スクリーンリーダーの利用者が画像からそれを見つけられ、画像が示すすべてを伝えている場合にだけ、それを認めます。
4. alt が重要な内容を伝えているか、画像の名前を示し残りをその説明が伝えているかを判断してください。ファイル名、ウェブアドレス、「画像」のような一般的な語はどちらにもなりません。

適合: alt テキストが、画像が示す利用者に必要な内容を伝えているか、画像の名前を示し、スクリーンリーダーの利用者が画像からたどれる説明が残りを伝えています。

不適合: alt テキストも画像からたどれる説明も画像の内容を伝えていない (alt がファイル名、アドレス、一般的な語であるなど) ため、WCAG 1.1.1 を満たしません (F30)。

1. レポートに示された要素を調べ、共有されている id を控えてください。
2. その id を参照しているもの (label の for、aria-labelledby などの aria-* 属性、#the-id へのリンク) があるか確認してください。
3. 参照しているものがあれば、その参照をたどり (ラベルやリンクをクリックするか、アクセシビリティ ペインで名前を読み)、意図された要素に届くことを確認してください。
4. 監査が適用する WCAG のバージョンと規格を確認してください。WCAG 2.2、または 2023 年の正誤表を適用した 2.0/2.1 では、HTML について 4.1.1 は満たされます。

適合: 重複によって壊れるものはなく (参照は意図された要素に届き)、監査は WCAG 2.2 または正誤表を適用した 2.0/2.1 を使っているため、4.1.1 は満たされます。

不適合: ラベル、ARIA の参照、またはリンクが誤った要素に届く (WCAG 1.3.1 または 4.1.2) か、EN 301 549 V3.2.1 のように 4.1.1 の文言を維持する規格に基づく監査であり、その場合 id の重複は 4.1.1 を満たしません (F77)。

1. ブラウザーのアドレスバーをクリックし、Tab キーを繰り返し押してページ上のすべてのリンクとコントロールを移動してください。
2. 各停止位置で、フォーカスの位置が見えること、また順序がページの読み上げ順序に沿っていることを確認してください。
3. 各コントロールをキーボード (Enter、Space、矢印キー) で操作し、メニューやダイアログを開閉してください。
4. キーボードで到達や操作ができないものがある場合は、カルーセルの「前へ」「次へ」ボタンや、ドラッグで並べ替えるリストの「上へ」「下へ」ボタンのように、同じことをキーボードだけで行える別の方法がページにあるか確認してください。マウスでできることをすべて行える場合にだけ、それを認めます。
5. フォーカスがコンポーネント内から出られなくならないこと、Escape や Tab キーで先へ進めることを確認してください。

適合: すべてがキーボードで、直接または同じことができる別の方法で動作し、フォーカスは意味のある順序で移動し、常に見え、閉じ込められることはありません。

不適合: キーボードでどうしても到達や操作ができないものがある、フォーカスが閉じ込められる、順序が分かりにくい、またはフォーカスが見えないため、WCAG 2.1.1、2.1.2、2.4.3、または 2.4.7 を満たしません。

1. レポートに示されたページタイトルを読んでください。ブラウザーのタブにも表示されます。
2. ページの主見出しと内容を見て、ページが何についてのものかを控えてください。
3. タイトルがその主題や目的を伝えているかを判断してください。

適合: タイトルは、ページが何についてのものか、または何のためのものかを伝えています。

不適合: タイトルはページが何についてのものかも何のためのものかも伝えておらず、WCAG 2.4.2 を満たしません。