アクセシビリティ方針
このサイトは、被災された方や支援したい方が、年齢や障害の有無、使っている機器にかかわらず必要な情報にたどり着けることを目指しています。そのために、日本産業規格 JIS X 8341-3:2016「高齢者・障害者等配慮設計指針−情報通信における機器,ソフトウェア及びサービス−第3部:ウェブコンテンツ」に対応しています。
目標とする適合レベル
JIS X 8341-3:2016 の適合レベル AA に準拠することを目標とし、2026年10月13日の試験で達成を確認しました。
JIS X 8341-3:2016 の適合レベル AA に準拠
対象範囲
https://kumamoto-shien.net/ で公開しているすべてのページ(2ページ)が対象です。リンク先の外部サイト(公的機関や寄付の受付窓口など)は、このサイトの管理外のため対象に含みません。
例外とする事項はありません。
試験結果
- 規格
- JIS X 8341-3:2016
- 試験日
- 2026年10月13日
- 適合レベル
- AA に準拠(レベル A・AA の38項目すべてに適合)
- 依存した技術
- HTML、CSS、JavaScript
- 試験したページ
- 全ページ(トップページ、このページ)
- 試験の方法
- 自動検査(axe-core 4.14.0 による WCAG 2.0 レベル A・AA の検査、html-validate 11.16.2 による HTML の検証)と、手作業での確認(キーボード操作、200% 拡大、コントラスト比の計算、見出し構造と読み上げ順序の確認)を、パソコンとスマートフォンの画面幅で行いました。
JavaScript は運営者名の表示の仕掛けにだけ使っています。JavaScript が動かない環境でも、掲載している情報はすべて利用できます。
達成基準チェックリスト
| 達成基準 | 結果 | 確認した内容 |
|---|---|---|
| 1.1.1 非テキストコンテンツ | 適合 | 画像は使っていない。リンクに添えている装飾の矢印(→)は、読み上げの対象から外している。 |
| 1.2.1 音声のみ及び映像のみ(収録済み) | 適合(該当なし) | 音声・映像を使っていない。 |
| 1.2.2 キャプション(収録済み) | 適合(該当なし) | 音声・映像を使っていない。 |
| 1.2.3 音声解説、又はメディアに対する代替(収録済み) | 適合(該当なし) | 音声・映像を使っていない。 |
| 1.3.1 情報及び関係性 | 適合 | 見出し(h1〜h3)、リスト、表の見出しセル、ランドマーク(header・nav・main・footer)をマークアップしている。各カードの発信元は見出しの一部として読み上げられる。 |
| 1.3.2 意味のある順序 | 適合 | HTML の順序と表示の順序が一致している。CSS で順序を入れ替えていない。 |
| 1.3.3 感覚的な特徴 | 適合 | 「上の」「下記の」など、位置や形だけに頼った説明を使っていない。 |
| 1.4.1 色の使用 | 適合 | 文中のリンクには下線がある。カードの分類は色だけでなく文字のラベルでも示している。 |
| 1.4.2 音声の制御 | 適合(該当なし) | 音声を使っていない。 |
| 2.1.1 キーボード | 適合 | すべてのリンクとボタンに Tab キーで到達し、Enter キーで操作できることを確認した。 |
| 2.1.2 キーボードトラップなし | 適合 | Tab キーでページを一周でき、途中で抜けられなくなる箇所がない。 |
| 2.2.1 タイミング調整可能 | 適合(該当なし) | 時間制限のある操作がない。 |
| 2.2.2 一時停止、停止、非表示 | 適合 | 自動で動く・更新される内容はない。運営者名の解読表示は、押したときだけ約1秒動いて止まる。 |
| 2.3.1 3回の閃光、又は閾値以下 | 適合 | 閃光する内容はない。運営者名の解読表示は小さな文字の切り替えで、「動きを減らす」設定ではアニメーションしない。 |
| 2.4.1 ブロックスキップ | 適合 | ページ先頭に「本文へ移動」のリンクがあり、ランドマークと見出しでも移動できる。 |
| 2.4.2 ページタイトル | 適合 | 各ページに内容を表すタイトルがある。 |
| 2.4.3 フォーカス順序 | 適合 | フォーカスは表示順に移動する。画面上部に固定したナビの下に、フォーカス中の要素が隠れないことを確認した。 |
| 2.4.4 リンクの目的(コンテキスト内) | 適合 | リンクの文言と、そのリンクを含むカードの見出しから行き先がわかる。 |
| 3.1.1 ページの言語 | 適合 | html 要素に lang="ja" を指定している。 |
| 3.2.1 フォーカス時 | 適合 | フォーカスしただけで画面が切り替わったり内容が変わったりしない。 |
| 3.2.2 入力時 | 適合(該当なし) | 入力欄がない。 |
| 3.3.1 エラーの特定 | 適合(該当なし) | 入力欄がない。 |
| 3.3.2 ラベル又は説明 | 適合(該当なし) | 入力欄がない。 |
| 4.1.1 構文解析 | 適合 | HTML の検証ツール(html-validate)でエラーがない。ID の重複もない。 |
| 4.1.2 名前(name)・役割(role)及び値(value) | 適合 | 標準のリンクとボタンを使っている。運営者名のボタンは、押すと解読されることを説明として持ち、解読後は結果を読み上げで知らせる。 |
| 達成基準 | 結果 | 確認した内容 |
|---|---|---|
| 1.2.4 キャプション(ライブ) | 適合(該当なし) | ライブ配信の音声・映像を使っていない。 |
| 1.2.5 音声解説(収録済み) | 適合(該当なし) | 映像を使っていない。 |
| 1.4.3 コントラスト(最低限レベル) | 適合 | すべての文字が背景とのコントラスト比 4.5:1 以上(最も低い箇所で 4.9:1)。 |
| 1.4.4 テキストのサイズ変更 | 適合 | ブラウザで 200% に拡大しても、文字の欠けや重なり、横スクロールが発生しない。文字だけを 200% にした場合も同様。 |
| 1.4.5 文字画像 | 適合(該当なし) | 文字を画像で表示していない。 |
| 2.4.5 複数の手段 | 適合 | 全2ページ。各ページのヘッダーとフッターから、ほかのすべてのページへ移動できる。 |
| 2.4.6 見出し及びラベル | 適合 | 見出しは内容と発信元を表している。 |
| 2.4.7 フォーカスの可視化 | 適合 | フォーカス中のリンクとボタンに 3px の枠線を表示する。 |
| 3.1.2 一部分の言語 | 適合(該当なし) | 日本語以外の文章がない(固有名詞・略語のみ)。 |
| 3.2.3 一貫したナビゲーション | 適合 | ヘッダーとフッターのリンクは、全ページで同じ順序に並んでいる。 |
| 3.2.4 一貫した識別性 | 適合 | 同じ機能のリンクやボタンには、全ページで同じ名前を付けている。 |
| 3.3.3 エラー修正の提案 | 適合(該当なし) | 入力欄がない。 |
| 3.3.4 エラー回避(法的、金融及びデータ) | 適合(該当なし) | 入力欄・取引の機能がない。 |
継続的な取り組み
- 掲載内容を更新するたびに、自動検査を実行しています。問題が見つかった場合は修正します。
- ページの構成を大きく変えたときは、改めて試験を行い、このページの試験結果を更新します。
ご意見・お問い合わせ
見づらい箇所や使いにくい箇所があれば、GitHub の Issue でお知らせください。