【アクセシビリティ】HTML/CSSで突っ込まれた点をメモメモ | バシャログ。

来週遅めの夏休みをいただき、東北へ旅行の予定を立てている kouraku です。おはこんばんちは。 さて今回は、とある案件でアクセシビリティ：AA レベルのサイト制作を行ったとき、専門の方から色々と指摘をいただいて、その対応に苦労したり、そんなことしないといけないのか！と思った内容のいくつかを忘れないようにメモしておこうと思います。 ・・・とその前に、アクセシビリティって何？ 「アクセシビリティ」の意味と混同しがちな言葉が「ユーザビリティ」です。ユーザビリティとは、W3Cでは次の内容で定義されています。 Extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specifie

[namikuguri]

“その１． HTMLの構造は、見出し→内容の順番にしてね”。そっか、Flexbox出る前は面倒だったこいつも簡単にもうできるな

[kuroazuki]

マークアップに正解があるならそれに従うのはキライじゃない。でも2はウェブフォント使えないし面倒だな…と思ったけどリガチャ（http://kudakurage.com/ligature_symbols/）を使う手法を発見したのでそれもなんとかなりそう。

[sho]

誤ったアクセシビリティ警察がはびこるのは良くないなぁ。少なくともその1とその2は指摘そのものが不適切だと思うよ。

[suquiya0]

んー。画像の順序はうーん。

[pmint]

結局はスクリーンリーダー次第。つまり実際にどう読まれるか次第。

[soul_soul_Q]

h要素にimg入れてalt無しでもokだった気がする。

[manabuyasuda]

少し過剰な気もしてしまうなあ。 あと、JSでテキストを切り替えるんじゃなく、aria-expandedを使ったりとかではないのかな？