アクセシビリティのウェビナーでているのに、
自分のブログのチェックをしてないのはダメだろ、
と思い、チェックすることに。
利用したのは総務省が配っている
・みんなのアクセシビリティ評価ツール:miChecker (エムアイチェッカー)Ver.3.0
と
axe DevToolsです。
▼みんなのアクセシビリティ評価ツール
miCheckerをダウンロードして起動しようとするが、
動かない・・・
Javaのせいかなーと思い、
Javaをダウンロードしてインストール、
しかしエラー表示で起動せず、
ここで改めて、導入指示書をよむ。
ふむふむ。
jreファイルをダウンロードして、
指定のフォルダに移動。
miChecker.exeをダブルクリックして無事に起動
![miCheckerの画面](http://hokorin.com/wp-content/uploads/2023/12/001-1024x700.gif)
チェックしてみたところの結果が以下の通り
![miCheckerの概要レポート](http://hokorin.com/wp-content/uploads/2023/12/002.gif)
![miCheckerの詳細レポート](http://hokorin.com/wp-content/uploads/2023/12/003-1024x222.gif)
WordPress使っているから、
どうしようもないかなー
アクセシビリティに強いテーマとかないのだろうか。
▼axe DevTools
axe DevToolsはブラウザの拡張機能らしいので、
色々ググって、freeeさんのサイトに着地。さすがだなー
https://a11y-guidelines.freee.co.jp/explanations/axe.html
いつもはFirefox使っているのですが、
Chromeを起動、
freeeさんのページを参考に、DevToolsを起動
![DevToolsの起動画面](http://hokorin.com/wp-content/uploads/2023/12/004-771x1024.gif)
トップページのISSUESは1らしい。
![トップページのDevToolsでの検証結果、TOTAL ISSUESは1](http://hokorin.com/wp-content/uploads/2023/12/005-775x1024.gif)
次にリリースしたがばっかりの
http://hokorin.com/2023/12/08/20231207/をチェック、
TOTAL ISSUESは8.
どうやらWCAG2.1のAAには該当するみたいです。
![DevToolsのチェック画面。
TOTAL ISSUESは8](http://hokorin.com/wp-content/uploads/2023/12/006-1024x720.gif)
とりあえずすぐに対応できそうなことがないので、
テーマもそのままでいくことにしました。
コメント