メインコンテンツへスキップ

アクセシビリティ声明 — WCAG 2.1 AA準拠への取り組み

デジタルインクルージョンへの取り組み

このページの内容 9

アクセシビリティへの取り組み

イソリアは、障害をお持ちの方々にとってのデジタルアクセシビリティを確保することをお約束いたします。すべてのユーザーエクスペリエンスの継続的な改善に努め、関連するアクセシビリティ基準を適用しています。

アクセシビリティ基準

ウェブコンテンツアクセシビリティガイドライン(WCAG)2.1 レベルAAへの準拠を目指しています。これらのガイドラインは、ウェブコンテンツを障害をお持ちの方々により利用しやすく、すべてのユーザーにとってより使いやすくする方法を示しています。

現在の状況

WCAG 2.1 レベルAA準拠 --- 最終監査: 2026年2月18日

当ウェブサイトは2026年2月に包括的なアクセシビリティ監査を実施しました。セマンティックHTML構造、キーボードとフォーカス管理、画像とメディア、モーション感度、レスポンシブデザインの全領域を対象とし、特定されたすべての問題に対処しました。

監査範囲(2026年2月)

監査は以下の4つの領域を対象としました:

  1. セマンティックHTML & ARIA --- ページランドマーク、見出し階層、ARIA属性、モーダルダイアログ
  2. キーボード&フォーカス管理 --- タブ順序、フォーカスインジケーター、スキップナビゲーション、フォーカストラップ
  3. 画像・メディア&フォーム --- 代替テキスト、装飾メディアの処理、フォームバリデーション、エラーフィードバック
  4. モーション・コントラスト&レスポンシブ --- 動作軽減サポート、色のコントラスト、タッチターゲット、ビューポートスケーリング

実施した修正

ナビゲーション&フォーカス

  • キーボードフォーカス時に表示されるバイリンガルの「メインコンテンツへスキップ」リンクを追加
  • ページ遷移後にキーボードユーザーがメインコンテンツに到達するafterNavigateフォーカス管理を実装
  • サイドバーリンク、目次リンク、本文リンクを含むすべてのインタラクティブ要素にfocus-visibleアウトラインスタイルを追加
  • すべてのモーダルダイアログ(検索、モバイルメニュー、サイドバードロワー)が正しくフォーカスをトラップし、Escapeキーで閉じる

タッチターゲット&インタラクション

  • すべてのアイコンボタンのパディングを増加し、44x44pxの最小タッチターゲットガイドラインに準拠
  • ナビゲーションボタン、検索コントロール、テーマ切替、モバイルメニュー閉じるボタン、デモコントロールが対象

モーション感度

  • グローバルなprefers-reduced-motion: reduceルールにより、すべてのCSSアニメーションとトランジションを無効化
  • ヒーロー背景動画は、動作軽減が設定されている場合、再生せず静止画像を表示

フォーム&バリデーション

  • お問い合わせフォームのフィールドと対応するエラーメッセージをaria-describedbyで関連付け
  • バリデーションエラーがスクリーンリーダーで正しく読み上げられるよう、適切な入力フィールドに関連付け
  • フォームラベル、aria-requiredaria-invalidの状態を適切に管理

外部リンク

  • すべての外部リンクにスクリーンリーダー用の「(新しいタブで開く)」テキストを追加
  • フッターのソーシャルメディアリンクに説明的なaria-labelテキストを追加

セマンティック改善

  • 目次で見出しタグ内にリンクを入れ子にする代わりに、<a>要素を直接使用
  • お客様の声に適切な<blockquote><footer><cite>要素を使用
  • 装飾的なモーダルオーバーレイにrole="presentation"を設定
  • ヒーロー動画要素にaria-hidden="true"を設定(装飾目的、ミュート背景)
  • 実績画像に意味のある代替テキストのフォールバックを追加

アクセシビリティ機能

当ウェブサイトには以下のアクセシビリティ機能が含まれています:

ナビゲーション

  • 全ページにメインコンテンツへのスキップリンク(バイリンガル:日本語/英語)
  • 明確で一貫したナビゲーション構造
  • 論理的な見出し階層(h1--h6)
  • 説明的なリンクテキスト
  • ページ遷移後にメインコンテンツへフォーカスが戻る

ビジュアルデザイン

  • ダークモード対応の高コントラストカラースキーム
  • 200%まで拡大可能なスケーラブルテキスト
  • すべてのインタラクティブ要素に明確なfocus-visibleインジケーター
  • 様々なデバイスと向きで動作するレスポンシブデザイン

画像とメディア

  • 情報を含む画像の代替テキスト
  • 装飾画像・メディアにaria-hidden="true"を設定
  • ヒーロー動画はprefers-reduced-motionを尊重(静止画像を表示)
  • 1秒間に3回以上点滅するコンテンツなし

フォーム

  • ARIAサポート付きの明確なフォームラベル
  • aria-describedbyによるエラー関連付け付きのリアルタイムバリデーション
  • 適切なaria-invalid状態管理
  • キーボードナビゲーション付きの論理的なタブ順序
  • 自動入力改善のためのautocomplete属性

キーボードナビゲーション

  • キーボードで操作可能なすべてのインタラクティブ要素
  • 可視のfocus-visibleインジケーター
  • キーボードトラップなし
  • モーダルダイアログはフォーカスをトラップし、閉じる際に解放
  • Escapeキーですべてのオーバーレイを閉じる

テスト手法

手動テスト

  • キーボードのみのナビゲーション全体確認
  • スクリーンリーダーテスト(macOS VoiceOver)
  • 動作軽減設定の検証
  • タッチターゲットサイズの測定
  • ダークモードでのコントラスト検証

自動チェック

  • Google Lighthouseアクセシビリティ監査(100/100スコアを達成)
  • Svelteアクセシビリティコンパイラ警告(svelte-checkに内蔵)
  • カスタムESLintルールにより、すべての{@html}式にsanitizeHtml()を適用
  • TypeScript strictモードによる完全な型チェック
  • 継続的インテグレーションでコミットごとにlint、型チェック、ユニットテストを実行

支援技術

このウェブサイトは以下の支援技術との互換性を考慮して設計されています:

  • スクリーンリーダー(VoiceOver、NVDA、JAWS)
  • キーボードのみのナビゲーション
  • 画面拡大ソフトウェア(レスポンシブデザインが200%までのズームをサポート)
  • モーション感度のあるユーザー(prefers-reduced-motionサポート)
  • ダークモード/高コントラスト設定

法的枠組み

当社のアクセシビリティの取り組みは以下に準拠しています:

  • JIS X 8341(日本のアクセシビリティ基準)
  • ウェブコンテンツアクセシビリティガイドライン(WCAG)2.1 レベルAA
  • 障害者差別解消法
  • 欧州アクセシビリティ法

フィードバックとお問い合わせ

当ウェブサイトのアクセシビリティに関するフィードバックをお待ちしております。アクセシビリティの障壁に遭遇した場合は、お気軽にお問い合わせください:

  • お問い合わせ: 情報リクエストフォームより --- メッセージに「アクセシビリティ」と明記してください
  • 応答時間: 2営業日以内の回答を目指しています

この声明の更新

このアクセシビリティ声明は2026年2月18日に最後に更新されました。

更新履歴

2026年2月18日: リビルド後のSvelteKitサイトで包括的なWCAG 2.1 AA監査を実施

  • Lighthouseアクセシビリティスコア: テスト済み全ページ(日本語ホーム、英語ホーム、英語サービス)で100/100を達成
  • WCAG 2.1 AA 通常テキスト4.5:1比率を満たすよう全カラーコントラスト問題を修正
  • サイト全体のリンクカラーを視認性向上のため調整
  • バイリンガルの「メインコンテンツへスキップ」リンクを追加
  • afterNavigateフォーカス管理を実装
  • すべてのインタラクティブ要素にfocus-visibleスタイルを追加
  • タッチターゲットを44x44pxガイドラインに準拠するよう拡大
  • グローバルなprefers-reduced-motionサポートを追加
  • フォームバリデーションエラーをaria-describedbyで関連付け
  • 外部リンクにスクリーンリーダー用テキストを追加
  • 目次とお客様の声のセマンティックHTMLを改善
  • 装飾的なオーバーレイとメディアをaria-hiddenでマーク

2025年11月: 初回アクセシビリティ声明を公開(旧Lumeベースサイト)

  • Lume静的サイトでWCAG 2.1 AA監査および修正を実施
  • スキップナビゲーション、装飾アイコンのaria-hidden、prefers-reduced-motionサポート
  • ARIAライブリージョンとバリデーション付きアクセシブルなお問い合わせフォーム
  • キーボードナビゲーション対応のニュース検索インターフェース
  • Lighthouse アクセシビリティスコア100/100を達成

この声明は、当社のウェブサイトのすべてのページにわたるアクセシビリティへの公的な約束として機能します。定期的な監査を実施し、アクセシビリティ基準を継続的に改善しています。

お問い合わせ

ご質問やご不明な点がございましたら、お問い合わせフォームよりご連絡ください。

本社

〒105-7105 東京都港区東新橋一丁目5番2号

汐留シティセンター5階 (Work Styling)

FAX
FAX +813-4577-3309