インサイト

デザインシステムにアクセシビリティを組み込みましょう

適切な判断をより容易にする、再利用可能なコンポーネントから始めましょう。アクセシビリティは最終レビューだけでなく、基盤に組み込むべきものです。

· 1 分の読書

必須事項に合意しましょう

読みやすいタイポグラフィ、十分なコントラスト、意味のあるラベル、キーボード操作、視覚的なフォーカスを定義しましょう。コンポーネントがエラー、読み込み、展開されたコンテンツ、無効化された状態をどのように処理するかを文書化しましょう。セマンティックHTMLを好み、人々が実際に使用する組み合わせでコンポーネントをテストしましょう。

レビューをルーティンの一部にしましょう

コンポーネントの変更に、自動チェック、キーボードテスト、および適切な支援技術によるレビューを含めましょう。デザイナーや開発者と事例を共有しましょう。テスト済みのコンポーネントは良い出発点ですが、そのコンテンツや配置は、完成したページのアクセシビリティに影響を与えます。

自動ツールはアクセシビリティ作業をサポートします。しかし、手動テストに取って代わるものではなく、法的遵守を確立するものでもありません。

ウェブサイトをチェック

公開ウェブサイトのアドレスを入力してください。チェッカーが対応するテストを実行し、レポートを作成します。

さらに探す

このサイトは分析ツールやサポートチャットを読み込みません。許可いただいた場合、どの広告が効果的かを知るため、Meta(Facebook・Instagram)がCookieで訪問を計測します。広告やパートナーリンクから来られた場合は、登録時にパートナー割引が適用されるよう、キャンペーンタグとパートナーコードもこの訪問中のみ記憶します。ここでいつでもオフにできます。