問題をあらかじめ設定(プリセット)した駒瑠市サイトです。カスタマイズ版にのみ存在する障壁もあります。
駒瑠市のロゴ、COOL CHOICEのロゴ、情報が不足したalt(「温暖化の状況」ページのグラフ)、altと重複したキャプションの提供(トップページ「あなたにもできる取り組み」)、文字画像にする必要がない上にaltが不適当な画像(トップページ「駒瑠市の本日のCO₂排出量」)、市長の署名画像、「駒瑠市環境イベント エこ・まるシェ」の代替テキスト
リストであるべきp(「温暖化の状況」ページ「教材の貸し出し」)、tableであるべき画像(「温暖化の状況」ページ)、role="presentation"のデータテーブル(トップページ「あなたにもできる取り組み」)、見た目のみの見出し(「温暖化の状況」ページ)
必須項目を色のみで示すフォーム、下線のないリンクテキスト、色の違いに依存した円グラフ
最近のブラウザは音声を自動再生しないものが一般的です。ブラウザの設定を確認してください
見えにくいリンクテキスト、カルーセル上の文字、CO₂カウント、円グラフ、「駒瑠市環境イベント エこ・まるシェ」のチラシ画像
トップページの下の方のテキスト
予期できないフォーカス順序、フォーカスインジケータなし、フォーカスしただけで移動するリンク、入力するとフォーカスが移動する、labelによる関連づけのないフォーム、hキーを打鍵するとトップページに戻ってしまう実装
予期できないフォーカス順序、フォーカスしただけで移動するリンク、入力するとフォーカスが移動する、labelによる関連づけのないフォーム、hキーを打鍵するとトップページに戻ってしまう実装、キーボードフォーカスを受け付けないボタン(アンケートフォーム)
ページ先頭のサイト内検索フィールドと、「温暖化の状況」ページ末尾のフィードバックフォームにキーボードトラップあり
止めることのできないCO₂自動更新、marquee、カルーセル
すべてのページのタイトルがありません
設定されていないページの言語、一部分の言語(言語選択)
一貫していないメニュー順序(グローバルナビゲーション)、一貫していないラベル(プライバシーポリシー、グローバルナビゲーションの中)、placeholderによるラベルの提供(トップページ)、フォームの必須項目を説明していない(トップページ)
「会員登録」ページにおいて、エラーの特定が難しく、エラー修正の提案がなく、個人情報をデータベースに登録する処理であるにもかかわらずフォーム利用者に確認を促さない
miChekerでよく指摘される不具合を実装しています(alt属性の不具合、alt属性の欠落(カルーセル)、alt属性と重複した画像のキャプション、name属性が同じでfieldsetのないフォーム、idの重複、フォントサイズのピクセル固定(h2の見出し)、lang属性の設定漏れ、labelによる関連付けのないラベル(トップページ問い合わせ)、iframeのtitle属性設定漏れ、トップページでの「本文へ」の欠落(単体で不適合ではありません)、scopeのないtable)
一部の非干渉以外の複数の不具合のある設定です
AAの障壁のみ
障壁設定なし。こまらない市。
パターンコードからサイトを生成します
※設定した障壁を使いまわしたい時には、この障壁パターンコードを保存しておいてください。ふたたびこのページのtextareaに貼付することで、おなじ障壁を再現できます
※開発中のサービスですので、障壁の種類や箇所は随時変更があります。障壁パターンコードがうまく機能しなくなった場合は、障壁パターンコードを再生成してください
?criteria=
の形式のURLを使うことで、個別に障壁や達成事例を設定できます。criteria
が受け付けるのは、以下のような形式です。カンマ区切りで複数指定も可能です(?criteria=2.1.1,2.4.1)
駒瑠市地球温暖化防止課の過去4年を振り返り、改善されていく様子をみてみましょう。
また、それぞれの年に存在するバリアに対応した試験結果を用意しているので、あわせて参考にしてください。
Google Analyticsをつかってアクセス解析を行っています。