Reactガイドを読んでいくその28
これは
Reactのガイドを読んでいく記事です。
ガイドのリンク
アクセシビリティ
何回かに分けてやっていきます。
より複雑なウィジェット
複雑なアプリを作っても、アクセシビリティが複雑ではよくない。
JSXではWAI-ARIAのRoles ModelやSupported States and Propertiesの知識を使い
より複雑なReactコンポーネントの構築を可能としている。
ウィジェットはそれぞれ特定のデザインパターンを持っているので、それに合わせた方法で機能することを期待する。
その他に考慮すべきポイント
基本的にはHTMLと同様の点に注意しておくと問題が起こりにくい。
言語設定
読み上げソフトのために言語設定を必ずすること
ドキュメントのtitleの設定
ドキュメントの
ReactではReact Document Title Componentを用いると良い。
色のコントラスト
色弱のユーザーに対しても最大限読めるように配慮した色のコントラストがあることを確認すること。
適切な色の組み合わせを全てのケースについて手作業で行うのは困難なので、以下のColorableで自動計算すると便利。
他には以下のようなツールを使うと良い。
今日はここまで。