miCheckerで「問題あり」と診断されたが問題なかったもの

Webアクセシビリティ
スポンサーリンク

miCheckerとはWebアクセシビリティ試験ツール。

総務省さんが提供している。

総務省|情報バリアフリー環境の整備|みんなのアクセシビリティ評価ツール:miChecker (エムアイチェッカー)Ver.3.0

miCheckerのバージョン

  • 今回試験で試したmiChecker:
    • miChecker (エムアイチェッカー)Ver.3.0

miCheckerで試験したら「問題あり」と出たが、問題なかったやつら。

1個目: <a href=”#” aria-label=”リンク先の説明文” のところ

miChecker で以下のエラーが出た。

種別 知覚可能 操作可能 理解可能 堅ろう(牢) JIS ガイドライン(ヘルプ) 達成方法 達成方法(ヘルプ) 行番号 内容
問題あり -5 -5 0 0 A: 1.1.1, A: 2.4.4 http://waic.jp/docs/UNDERSTANDING-WCAG20/text-equiv-all.html http://waic.jp/docs/UNDERSTANDING-WCAG20/navigation-mechanisms-refs.html H30 http://waic.jp/docs/WCAG-TECHS/H30.html ページ内リンク “#” は、読み上げ可能なテキストを持たないため、音声アクセスできません

リンク先が”#”ではアカンと、「問題あり」判定だった。
aria-labelにおいてリンク先の説明を行っているため、問題なし。

できれば可視できるテキストや、altつきのimgがあれば尚良し。

2個目:table の thでscopeが指定していない(だが、idを指定しており、headersで紐付けられている)

table の thでscopeが指定していない(だが、idを指定しており、headersで紐付けられている)

    <th id="name">名前</th><th id="favorite">好きなもの</th><th id="hate">嫌いなもの</th>

みたいな。

th に socopeが指定してないよと、以下みたいなエラーがmiCheckerから出た。

種別 知覚可能 操作可能 理解可能 堅ろう(牢) JIS ガイドライン(ヘルプ) 達成方法 達成方法(ヘルプ) 行番号 内容
問題あり -5 0 0 0 A: 1.3.1 http://waic.jp/docs/UNDERSTANDING-WCAG20/content-structure-separation-programmatic.html H63 http://waic.jp/docs/WCAG-TECHS/H63.html th要素にscope属性がありません。scope属性を適切に用いて、データテーブルの見出しセルとデータセルを関連付けて下さい。

だが、idをth指定していて、データテーブルからheadersで紐づけしているので問題ない。

※id と headersで指定するのは見出し(th)が複数あったり、複雑なテーブルの場合荷のみ使います。

コメント