A-Formのアクセシビリティ対応について、以下のページで簡単にしか紹介していないことに気づきました。A-Formのアクセシビリティー対応についてこれらを対応したのは2010年前後なのですっかり定着していますが、基本的な内容ですので、ここでいくつか具体例を紹介したいと思います。フォーム要素のidを使用して項目名と入力欄を関連付けるようにしました。こんな感じです(実際のコードから省略しています)。</dd></dl>ラベル付けを行うことで、スクリーンリーダーを利用していても現在何の入力項目なのかを適切に伝えることができます。ラジオボタンやチェックボックスを選択する際にも小さなフォーム要素だけではなくテキストをクリックすることでも選択できるので、選択操作がしやすくなります。氏名フリガナ(カタカナ)(カタカナ)の表記を消せないか?冗長なので。いったお問い合わせをときどきいただきます。これが音声でしか情報を得られない状況だったらどうでしょうか?ひらがなで「ふりがな」なのか、カタカナで「フリガナ」なのか、どちらなのかを理解する手段がありません。アクセシビリティ対応としてこのようにしているので必要なテキストなんですよ、とお伝えしています。入力例これも入力欄の下に配置できないか?とのお問い合わせをときどきいただきます。スクリーンリーダーなど音声だけで情報を取得することを想像するとわかりやすいですが、必須情報や補助情報は入力欄より先に登場して事前に知らせるほうが適切です。いった理由でA-Formでは入力欄より先に配置しています。必須表記は目立たせるために赤で表現することが多いと思います。A-FormのCSSでも、最初はよくある明るい赤「#ff0000」を指定していました。これではWCAG2.0のコントラスト比の基準を満たせません。視覚的に目立ちながらもAAの基準を満たせる範囲を狙って、少し濃い赤色(#d92b00)に見直しました。(AAAを満たすのであればさらに調整が必要ですが、A-FormではAAの範囲と判断しました)以上です。ほかにもアクセシビリティの向上にはWAI-ARIAやfieldset要素とlegend要素を使うなど有効な施策がありますが、CMSの関係上いまでも実現できていないものもあります。定期的に見直しをして、より使いやすいフォームにしていきたいと思います。Cart公式本(v1.3対応)がついに発表です。アークウェブのスタッフをはじめZen-Cart.JPの中心メンバーが共著で執筆しました。プロフェッショナル・スタイルビジネスサイト構築におけるCMSとしてのMTの活用方法について、豪華執筆陣による実践的MT本です。八木が共著で執筆しました。(技術評論社)を、中野・安藤が執筆しました。