年齢・障害の有無に関わらず、すべての人がWebサイトを支障なく利用できること。
Webアクセシビリティとは、高齢者や障害者を含む すべての人 が、心身の条件や利用する環境に関係なく、Webサイトで提供されている情報や機能に支障なくアクセスし、利用できることを指します。
視覚障害、聴覚障害、運動機能障害、認知・学習障害、色覚多様性、てんかんなど、さまざまな特性を持つユーザーがWebを利用しています。アクセシビリティ対応は、こうしたユーザーの「情報へのアクセス権」を守る取り組みです。
文字サイズの拡大、ハイコントラスト表示、スクリーンリーダー対応など、見えにくさを補助する機能
キーボード操作対応、大きなクリック領域、カーソル拡大など、操作のしやすさを向上
読みやすいフォント、シンプルなレイアウト、アニメーション停止など、理解しやすさを支援
彩度調整、色反転、色覚多様性プロファイルで、色に依存しない情報伝達を実現
改正障害者差別解消法の施行により、すべての事業者にWebアクセシビリティ対応が求められています。
障害のある人から「社会的障壁の除去」を求められた場合、過重な負担でない限り対応が義務となりました。Webサイトの閲覧・操作に関する配慮も含まれます。
日本のWebアクセシビリティ規格。WCAG 2.0と整合性を持ち、適合レベルA・AA・AAAの達成基準があります。多くの自治体・企業がAA準拠を目指しています。
W3Cが策定する国際的なWebアクセシビリティガイドライン。知覚可能・操作可能・理解可能・堅牢性の4原則に基づく達成基準を定めています。
視覚・認知・運動機能のさまざまなニーズに対応。6つのプロファイルと16の個別機能を搭載。
WCAG基準でコントラスト比を自動調整
3種のコントラストモードを切替
3段階で文字サイズを拡大
読みやすさのための間隔調整
読字障害に配慮したフォント
動きのある要素を停止
リンクをハイライト表示
ページ内の画像を非表示
マウスカーソルを大きく表示
要素の説明をホバーで表示
見出しナビゲーションを表示
配置の切替と彩度調整
コーディング知識は不要。管理画面からすべて設定できます。
管理画面にログインし、対象サイトのドメインを登録。
カラー、位置、有効にする機能をお好みに合わせて設定。
発行されたコードをサイトに貼るだけ。すぐに動作します。
<!-- たった1行で導入完了 -->
<script src="https://a11y-widget-demo.pages.dev/widget/a11y-widget.js"
data-account="your-account-id"></script>
導入前に知っておきたいポイントをまとめました。