ブログページのアクセシビリティを改善

以前にブログページのアクセシビリティを計測した時は、
下図のように90点であった。

今回は、その時の問題点を対策したので、以下にメモしておく。

1.問題点
(1)標題がボタンになっているが、そのボタン名前が適切でない。
(2)”その他 0 Comments”の文字コントラストが小さい。
2.対策
(1)ボタンに名前を付ける。
   テーマのheader.phpを編集し、下図枠内のようにserchの文字を追加した。

(2)文字のコントラスト改善
   子テーマのcssを編集し、下図No41から48のように色を変更した。

3.効果
  下図のように100点となる。

<個人的な感想>
ボタンに名前を付ける対策には苦戦した。どこを直せばよいかを見つけるまでに
時間がかかり、直接phpファイルを修正する事になるとは思わなかった・・・。

<リンク>

ブログのトップページは、こちら

バタイユゲーム情報班のホームページは、こちら