方針
highwaybus は、できるだけ多くの方にとって読みやすい情報サイトであることを目指しています。
当サイトは、ウェブコンテンツのアクセシビリティに関する国際的なガイドラインである WCAG 2.2 のレベル AA を参考に、設計と実装を行っています。ただし、完全な適合を保証するものではなく、継続的に改善を進めている段階です。
実装している配慮
当サイトでは、次の点に配慮しています。
構造と読み上げ
- ページの言語を
lang="ja"で明示しています。 - 見出しは H1 から H3 まで、内容の階層に沿って配置しています。
- ページの主要な領域(ヘッダー、ナビゲーション、本文、フッター)を、ランドマークとして識別できるようにしています。
- 本文へ直接移動できるスキップリンクを、各ページの先頭に配置しています。
- ナビゲーションや目次には、適切なラベルを付与しています。
キーボード操作
- すべてのリンクとボタンは、キーボードで操作できます。
- フォーカス可能な要素には、視認できるフォーカス表示を設けています。
- モバイルメニューは、Escape キーで閉じることができます。
- Cookie の設定画面は、キーボードで操作でき、状態が読み上げられます。
色とコントラスト
- 本文の文字色と背景色は、読みやすさを優先して設定しています。
- 色だけで情報を伝えることを避け、文字や形を併用しています。
- リンクには下線を付し、周囲の文章と区別できるようにしています。
画像
- 内容のある画像には、代替テキストを設定しています。
- 装飾目的の画像には、空の代替テキストを設定し、読み上げの対象から外しています。
- 画像には幅と高さを指定し、読み込み時のレイアウトのずれを抑えています。
動き
- スクロールに応じた表示のアニメーションは、控えめな動きに留めています。
- OS の設定で動きの抑制が指定されている場合(prefers-reduced-motion)、アニメーションを停止します。
- 自動的に動き続ける要素は、一時停止できるようにしています。
既知の課題
当サイトには、現時点で次の課題があります。
- 比較表の一部は、画面幅が狭い場合に横スクロールが必要になります。
- 地図や路線図を図として表現している箇所は、文章による説明を併記していますが、図の内容を完全に代替できていない場合があります。
- 写真に写る文字看板などの情報は、代替テキストで網羅できていません。
- 英語など他言語への対応は行っていません。
これらの項目は、順次改善を検討しています。
確認の方法
当サイトは、次の方法で表示と操作を確認しています。
- キーボードのみでの操作確認。
- ブラウザのズーム機能を用いた、200% までの拡大表示の確認。
- 画面幅を変更した際の、レイアウトの崩れの確認。
- 見出し構造とランドマークの確認。
- 画像の代替テキストの確認。
支援技術を用いた実際の利用環境すべてを再現できているわけではありません。改善のご提案は歓迎します。
ご意見のお寄せ
当サイトの利用において、読みにくい箇所、操作しにくい箇所、情報が得られない箇所がありましたら、下記までご連絡ください。
その際、次の情報をお知らせいただけると、確認がスムーズになります。
- 該当するページの URL。
- 利用しているブラウザ、OS、支援技術。
- 困っている内容(読み上げられない、操作できない、など)。
いただいたご意見は、内容を確認のうえ、可能な範囲で改善に反映します。個別の回答をお約束するものではありません。
参照している基準
当サイトが参考にしている主な基準は、次のとおりです。
- WCAG 2.2(Web Content Accessibility Guidelines)レベル AA。
- WAI-ARIA のランドマークと状態の考え方。
- HTML5 のセマンティックな要素の用法。
これらの基準への適合状況を、第三者機関による評価を受けて証明しているものではありません。当サイトの自己点検に基づく記述です。