1. 対象範囲と目標とする国際・国内規格
当サイトは、障害のある当事者さま、ご高齢の親御さま・ご家族、相談支援専門員の皆さまが誰ひとり取り残されることなく情報へアクセスできるよう、以下の国際基準およびデザインガイドラインに準拠した設計・自動監査(Accessibility Quality Assurance:AQA 100点満点検査)を全ビルドで実施しています。
- JIS X 8341-3:2016 / W3C WCAG 2.2:等級AA完全準拠をベースとし、文字・ボタンの輝度コントラスト比およびタッチターゲットサイズにおいては最高水準の等級AAA(コントラスト比 7.0:1以上、最小ターゲット 44px以上)を満たすトークン設計を採用。
- あたたかいベース色(
#FFFAF6)と視認性の高い5色相カラーユニバーサルデザイン(CUD):真っ白な画面による光のちらつき(グレア)や単調な同系色だけの淡い配色を避け、温もりのあるミルクアイボリー背景(#FFFAF6)をベースに、日本の自然工芸色に基づく5色相(藍鉄スレート#1B4054:11.01:1、茜柿テラコッタ#A62810:7.16:1、青磁ジェイド#125040:8.14:1、山吹ゴールド#754006:7.42:1、深ベリープラム#7D2044:9.71:1)を目的別に割り当て、迷わず直感的に判別できる設計を採用。 - 視覚障害(ロービジョン)・ご高齢の方にも読みやすいUD角ゴシック統一:画数の多い漢字が潰れやすい丸文字(丸ゴシック)や斜体(イタリック)を一切使用せず、見出しから本文・ボタンまでユニバーサルデザイン角ゴシック(BIZ UDPGothic)で100%統一。黒枠と黄色(
#FFD43D)の二重フォーカスリング、記号(◎・○・―)併用による色覚多様性対応を徹底。
2. ご高齢の方・視覚や体調に不安のある方への配慮機能
- ワンクリック見やすさ調整バー:全ページ最上部から、文字サイズ3段階(標準・大・特大)でもレイアウトが崩れないモバイルファースト設計、行間ゆったり表示、まぶしさを抑える「黒背景・高コントラストモード」を即座に切り替えでき、ページ移動後も保持されます。
- 一覧はシンプル、詳細は網羅的な2段階情報設計:認知負荷を下げるため地域一覧では比較しやすい要点をすっきり表示し、詳細ページで曜日別スケジュール・通所ルート地図・公的指定情報を網羅しています。
- スクリーンリーダー・キーボード完全対応:「本文へ移動する」スキップリンク、固有ラベル付きランドマーク(nav / main / header / footer)、見出し階層(H1→H2→H3)の厳密な順序性を自動監査しています。