
Web開発のヒント
Webアクセシビリティを考えた開発
すべての入力フォームにラベルを設置 要素のfor属性をform要素のid属性にリンクさせるか、 WAI-ARIA 属性を使用してください。特定の状況下では、要素を視覚的に隠しても問題ありませんが、一般的にはすべてのユーザ
Webアクセシビリティ・デザイン
このページではWebインタフェス・デザインやビジュアル・デザインを、障害のある人が利用しやすいものにするための基本的な仕様を紹介しています。
Webアクセシビリティ・ガイドライン (WCAG/Web Content Accessibility Guidelines)の要件を満たすための基本ガイドです。
記事元は以下ですが、わかりやすい文章にするために、大幅に意訳しています。
自分の理解で学びたい方は、直接以下のリンクをご覧ください。
すべての入力フォームにラベルを設置 要素のfor属性をform要素のid属性にリンクさせるか、 WAI-ARIA 属性を使用してください。特定の状況下では、要素を視覚的に隠しても問題ありませんが、一般的にはすべてのユーザ
前景と背景の十分なコントラスト 前景のテキストは背景色と十分なコントラストが必要です。 画像上のテキスト 背景のグラデーション ボタンなどの要素 ただし、ロゴや写真にたまたま写っていた文字など、画像に付随する文字は対象外
ページタイトルはページ内容のタイトルであり、他と被らないタイトルをつける Webページごとに、ページ内容のタイトルを決定し、他のページと区別する短いタイトルをつけます ページタイトルは、コンテンツの見出しと同じです。固有