目次
アクセシビリティは、視覚や聴覚の特性、操作する環境、年齢やその時の状況にかかわらず、すべての人に同じ価値を届けるための設計基準です。クリップでは、クリエイティブな表現とアクセシビリティを両立させ、企業のブランド価値を損なうことなく、誰にとってもやさしいWeb 体験を提供します。
このページでは、アクセシビリティの考え方・改善の流れや目指すべき基準についてご紹介します。
アクセシビリティとは
「アクセシビリティ」という言葉は「Access（アクセスする）」+「Ability（〜できる）」を組み合わせた言葉で、一般的には「利用者が製品やサービスを円滑に利用できること」という事を指す場合に使われています。
ウェブサイトでは、ウェブアクセシビリティという呼び方をされており、ホームページがあらゆるユーザーにとってアクセスしやすい状態を指しています。高齢者・視覚、聴覚など障がいのある方でも不自由なく利用できることが理想とされています。
2024年4月1日に施行された「障害者差別解消法」の改正により、民間企業は以下の内容が義務化されました。
- 障害のある個人から申し出があった場合
- 過重な負担にならない範囲で対応すること（合理的配慮）
しかし、アクセシビリティを整備していない場合、申し出に対する 個別対応が必要となり、その負担が増えるという状況が生まれます。
アクセシビリティの整備は、直接的に義務化されたわけではありませんが、合理的配慮義務化により、事業者として避けて通れない実質的な必須事項になりつつあります。
よくある課題
アクセシビリティは「最近よく耳にするので重要だと感じているが、どう対応するべきかわからない」という状態になりやすい項目です。よく見られる課題として、以下が挙げられます。
- デザイン重視により、読み上げ・操作性が疎かになる
- アクセシビリティに傾倒するあまりブランドの世界観が崩れてしまう
- 画像読み上げなどの基礎対応がバラバラになってしまう
- キーボード操作やスクリーンリーダーの挙動が想定されていない
- 文量、ボタンの意味、アイコンのみ表示などが考慮されていない
- 「義務化」との関係が曖昧で、どこまで対応が必要かわからない
結果として、見えにくい情報格差や検索評価への影響につながることがあります。
クリップが目指す基準
アクセシビリティには、適合レベルと対応度というものが存在します。
レベルA：最低限
レベルAA：一般的
レベルAAA：最高水準
クリップでは、品質とデザインの双方を大切にし、以下の方針でアクセシビリティを導入しています。
- 適合レベル A を確約
- 主要ページや要件に応じて、AA基準も積極的に取り入れる
- 対応度は、準拠相当を前提とした設計
レベルAは、基本的なアクセシビリティを確保した上で、表現やデザインの自由度も守りやすい基準です。
さらに、内容・利用者層・サイトの目的に応じて、より高い基準（AA相当）を適用することで、品質と体験価値を最適化していきます。
クリップができること
具体的な対応例を一部紹介します。
クリップではブランドの世界観を守りながらも、以下の対応などを行いアクセシビリティ改善していくことができます。
- 正しい文書構造化（HTML最適化）
サイトを評価するGoogleなどのシステム（クローラー）に正しく情報を理解してもらえるように構造を整えます。
- 画像の言語化（alt属性の設定）
画像データに代替テキスト（alt属性）を設定します。意味を持たない装飾画像の場合は、読み上げをスキップさせる設定を行います。
- 音声読み上げへの最適化（role属性の付与)
Webページにタグの役割を認識してもらう為に付与します。
- 音声読み上げへの最適化（aria-label属性の付与）
スクリーンリーダーに正しく読み上げてもらえるように、適切に付与します。
- 音声読み上げへの最適化（aria-hidden属性の付与）
読み上げが不要な内容をに対して付与します。
アクセシビリティ改善の流れ
1.現状調査
運用中のウェブサイトのアクセシビリティ対応状況を調査
2.要件整理
サイト特性に応じ、目指す基準（A/AA/AAA）を設定
3.設計
HTML/デザイン段階でアクセシビリティを設計
4.実装
社内統一ルールに沿ってコーディング
5.検証
JIS X 8341-3 早見表を用いてテスト実施
6.調整
問題箇所の修正、再検証
7.公開/運用
必要に応じ、適合状況を開示・更新
※初回検証は 1〜4の全項目を網羅的に検証
2回目以降は 4の検証から効率よく実施します。
まとめ
今回ご紹介した内容をまとめます。
- アクセシビリティは全ての人が情報にアクセスできる状態をつくる取り組み
- 企業にとっては 品質・信頼性・SEO・法対応の観点で重要
- クリップでは、ブランドの世界観を守ったままデザイン性とアクセシビリティ向上の両立を実現
- 公的機関や大規模サイトなどは より高い基準に柔軟対応
アクセシビリティ改善に関するご相談も承っております。サイトの規模や目的に合わせて、最適な基準をご提案いたします。具体的なご相談をご希望の方は、まずはお気軽にお問い合わせください。
Case Studies 制作実績
これまでに手がけたブランディングやWebサイトの制作実績をご紹介しています。
業種を問わず、コーポレートサイトからブランドサイトまで対応してきました。
※制作実績ページは絶賛構築中!コーポレートサイトの実績へリンクします
世界のWebデザイン3大アワードを複数の案件で受賞しています。
