アクセシビリティを考慮してサイトを設計するためのベスト プラクティスを探しています。このサイトには、年配の方や体の不自由な方がたくさん訪れることになるので、できるだけ彼らにとって使いやすいサイトにしたいと考えています。使用する適切なタグと属性をすべて説明するリソースはありますか?
14 に答える
目的に応じて多くのリソースがあります。
次から始めることを強くお勧めします。
セクション 508 (米国の法律、明らかに米国中心ですが)
W3C のWeb Accessibility InitiativeとWeb Content Accessibility Guidelines
編集:
WCAG がかなりの批判を受けていることを忘れていたので、この男の努力は非常に役に立ちました。
また、個人的な経験から、WA は「スクリーン リーダーを使用する視覚障害者」を意味するものではないことを覚えておきたいと思います。同様に考えなければならないあらゆる種類のアクセス制限があります。たとえば、筋肉の制御、珍しい入力デバイス、単純な画面拡大に関連する器用さの問題などがあります。
幸運を!
ウィキペディアのWeb Accessibilityに関する記事を参照してください。さまざまな国のさまざまな情報源へのリンクが多数含まれており、ターゲット ユーザーによっては役立つ場合があります。W3C はオリジナルの標準の 1 つですが、多くの批判があります。
別の視点については、オランダ政府の Web ガイドラインを参照してください。
とりわけ..すべての「img」タグに「alt」および「title」属性を提供します。
lynx のようなテキストのみのブラウザーを入手してください。サイトが lynx で動作する場合、スクリーン リーダーが必要な人やその他のハンディキャップを持っている人に適している可能性があります。規制を調べる代わりにはなりませんが、すばやく簡単に確認できます。
このトピックに関する多くのリソースがあります。実際、危険は十分な情報ではなく、情報過多です。
ただし、別のアプローチは、Webブラウザーに表示される視覚的な出力ではなく、一般的な用語でHTMLページについて考えることです。あなたがウェブサイトを解釈するソフトウェアを書いたとしたら、何が役に立ちますか?これは、適切なセマンティクスを使用するというラウンドアバウトの言い方です。私の一番の秘訣は、コンテンツに標準のXHTMLを使用し、デザインにCSSを使用することです。「プログレッシブエンハンスメント」や「動作Javascript」などのトピックも検索してください。
しかし、リソースについては:
- W3CのWebAccessibilityInitiative:www.w3.org/wai
- www.WebAIM.org
- www.Accessify.com
- www.CSSZenGarden.comで、セマンティックマークアップを非常に異なって見えるようにスタイル設定する方法についてのインスピレーションを得てください。
政府は、セクション 508と呼ばれる基準を設けており、サイトの互換性を規定しています。
W3C サイトWeb Content Accessibility Guidelinesに適切なリソースがあります。
次の点に注意してください。
各ページに CSS リンクがあり、フォント サイズを簡単に変更できます。
視覚的には、逆向きの S 字型で読みやすい適切なプレゼンテーションを作成するようにしてください。左から右、下に戻るなど..
他の回答で言及されているように、すべての alt タグなどが重要であることを確認してください。
あなたのサイトのテストに特化した障害のある Web サイトがあるかどうかを確認してください。彼らが何をすることが重要であると彼らがリストするかを見ることに害はありません。
物事が読みやすく、見つけやすいことを確認してください。これだけで、作業がはるかに簡単になります。
まだ言及されていないので、私はそれについて言及すると思います。目の不自由なユーザーがサイトを使用できるようにする場合は、フラッシュを避けてください。インターネットで見つけたフラッシュのうち、アクセスできるのはせいぜい 1% です。
Jeffery Zeldman の「Designing with Web Standards」は必読です。
Dreamweaver を使用しているかどうかはわかりませんが、彼はサイトのアクセシビリティを検証するためのツールキットもリリースしました。