種類
|
行番号
|
WCAG 2.0
|
Section508
|
JIS
|
内容
|
|
217, 394, 403
|
A: 1.1.1
|
a
|
A: 1.1.1
|
画像の機能や情報がalt属性で十分に伝達できない場合、longdesc属性を用いて詳細な情報を提供してください
|
|
-
|
A: 4.1.1
|
-
|
A: 4.1.1
|
このウェブページをバリデータまたはパーサを使用してバリデートしてください。もし可能であれば、ページを仕様に完全に準拠させることを検討してください。
|
|
64, 141, 185, 194, 199, 209, 245, 304, 330, 338, 349, 359
|
A: 1.3.1, AA: 2.4.6
|
-
|
A: 1.3.1, AA: 2.4.6
|
各見出し(h1,h2…)はページ中の対応するセクションを表す内容になっており、テキストを太字にするためだけの目的に利用されていないことを確認してください。
|
|
2
|
A: 3.1.1
|
-
|
A: 3.1.1
|
(lang=ja)がそのウェブページで主に使われている言語を反映していることを確認して下さい
|
|
-
|
-
|
l
|
-
|
重要な情報や機能を持つスクリプトに対しては、代替となるコンテンツを用意してください
|
|
-
|
-
|
n
|
-
|
form内のコントロールやリンクなどに、必要に応じてタブ・オーダーを設定することを検討してください
|
|
100, 107, 117, 123, 129, 307, 313, 319, 391, 394, 397, 400, 403, 412, 417, 423, 429
|
AAA: 3.2.5
|
-
|
AAA: 3.2.5
|
ユーザが、新しいウィンドウの出現や、アクティブなウィンドウの変更に気付くことが可能な仕組みを提供しているか確認してください
|
|
-
|
-
|
k
|
-
|
もし、このページをアクセシブルにすることが不可能であれば、代替となるアクセシブルなページを提供してください
|
|
-
|
-
|
p
|
-
|
もしユーザに制限時間内で何らかの反応を要求する場合、ユーザに制限時間があることを警告し、時間延長をするための十分な時間が与えられているか確認してください
|
|
37
|
A: 1.3.2, A: 1.3.1, AA: 1.4.5, AAA: 1.4.9
|
d
|
A: 1.3.2, A: 1.3.1, AA: 1.4.5, AAA: 1.4.9
|
HTML文書は、スタイルシートを無効にしても読んだり利用したり出来るようにデザインしてください (スタイルシートを利用するためのlink要素が存在しています)
|
|
-
|
A: 1.4.1, AA: 1.4.3, AAA: 1.4.6
|
-
|
AA: 1.4.3, AAA: 1.4.6, A: 1.4.1
|
文字色のみが指定されている可能性があります。十分なコントラスト比となる背景色を指定するようにして下さい。また、もし配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/files/css/cms_block.css?v=20211122150514, セレクタ=".cms_box_heading .st_section")
|
|
-
|
A: 1.4.1, AA: 1.4.3, AAA: 1.4.6
|
-
|
AA: 1.4.3, AAA: 1.4.6, A: 1.4.1
|
背景色のみが指定されている可能性があります。十分なコントラスト比となる文字色を指定するようにして下さい。 また、もし配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/files/css/cms_block.css?v=20211122150514, セレクタ=".cms_visualintro", ".cms_box_heading .st_m")
|
|
-
|
A: 1.4.1
|
c
|
A: 1.4.1
|
もし、配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/files/css/cms_block.css?v=20211122150514, セレクタ=".cms_visualintro .inner .box_txt")
|
|
-
|
A: 1.4.1, AA: 1.4.3, AAA: 1.4.6
|
-
|
AA: 1.4.3, AAA: 1.4.6, A: 1.4.1
|
文字色のみが指定されている可能性があります。十分なコントラスト比となる背景色を指定するようにして下さい。また、もし配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/shop/files/css/components.css?v=20220113185025, セレクタ=".box_taglist LI A", "", ".btn_next .ic_arrow_prev:after", ".btn_next .ic_arrow_next:after", ".title_basic .txt_shopname + [data-text]", ".box_share UL LI A .ic_line", ".btn_prev .ic_arrow_prev:after", ".box_share UL LI A .ic_facebook", ".btn_prev .ic_arrow_next:after", ".box_share UL LI A", ".box_taglist LI > SPAN", ".box_share UL LI A .ic_twitter", ".title_small", ".box_share UL LI A:hover", ".box_result section .title_item .txt_shop A")
|
|
-
|
A: 1.4.1, AA: 1.4.3, AAA: 1.4.6
|
-
|
AA: 1.4.3, AAA: 1.4.6, A: 1.4.1
|
背景色のみが指定されている可能性があります。十分なコントラスト比となる文字色を指定するようにして下さい。 また、もし配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/shop/files/css/components.css?v=20220113185025, セレクタ=".beige.btn > SPAN", ".beige.btn BUTTON", ".tbl_form TR TD", ".beige.btn A", ".btn_pause", ".tbl_basic TR TH", ".tbl_form TR TH", ".box_pager A", ".box_pager OL LI A.current", ".box_result section .img IMG", ".btn_basic BUTTON:hover", ".btn_pdf A:hover", ".title_small:before", ".btn_basic A:hover", ".tbl_form TR TD .select", ".title_section:after", "UNKNOWN", ".title_basic:after", ".box_pager A:hover", ".slick-dots LI BUTTON", ".slick-dots LI.slick-active BUTTON")
|
|
-
|
A: 1.4.1
|
c
|
A: 1.4.1
|
もし、配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/shop/files/css/components.css?v=20220113185025, セレクタ=".box_result section", ".beige.btn > SPAN:hover", ".beige.btn BUTTON:hover", ".ec-errorMessage", ".blue.btn BUTTON:hover", ".btn BUTTON", ".btn_next", ".box_taglist LI A:hover", ".btn_pdf A", ".btn_prev", ".btn A", ".beige.btn A:hover", ".btn_basic A", ".red.btn BUTTON", ".red.btn > SPAN:hover", ".btn > SPAN:hover", ".blue.btn > SPAN:hover", ".blue.btn > SPAN", ".red.btn > SPAN", ".btn > SPAN", "I.required", ".btn_basic BUTTON", ".btn BUTTON:hover", ".red.btn BUTTON:hover", ".blue.btn BUTTON", ".red.btn A:hover", ".btn A:hover", ".red.btn A", ".blue.btn A", ".blue.btn A:hover")
|
|
-
|
A: 1.4.1, AA: 1.4.3, AAA: 1.4.6
|
-
|
AA: 1.4.3, AAA: 1.4.6, A: 1.4.1
|
文字色のみが指定されている可能性があります。十分なコントラスト比となる背景色を指定するようにして下さい。また、もし配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/shop/files/css/common.css?v=20220113211009, セレクタ="#header #menu #gnav > UL > LI .box_submenu BUTTON", "", ".topicpath LI > SPAN", "TEXTAREA:unknown", "#header .box_title .logo A", "#contents .con_search FORM .inner DL", "#header #menu #gnav > UL > LI .box_submenu UL LI BUTTON", ".topicpath LI .ic_arrow", "INPUT:unknown", "#footer .inner .box_social LI A", "#footer .inner .txt_contact A", "BODY A", "UNKNOWN", "#header", "#header #menu #gnav > UL > LI > A", "#header #menu #gnav > UL > LI .box_submenu UL LI A", "#header #menu .box_social LI A")
|
|
-
|
A: 1.4.1, AA: 1.4.3, AAA: 1.4.6
|
-
|
AA: 1.4.3, AAA: 1.4.6, A: 1.4.1
|
背景色のみが指定されている可能性があります。十分なコントラスト比となる文字色を指定するようにして下さい。 また、もし配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/shop/files/css/common.css?v=20220113211009, セレクタ=".con_mv .box_title", ".gnav_fixed #header #menu #gnav", ".con_mv .box_title .title", "#header .btn_skip A:focus", "#header #menu #gnav > UL > LI .box_submenu UL LI A:focus:after", "#contents .con_shopinfo", "#header #menu #gnav > UL > LI .box_submenu UL LI A:hover:after", "#contents .con_category .box_categorylist LI A", "OL.box_step LI DL DT:after", "#sp_nav UL LI:first-child A", "#contents .con_category .box_categorylist LI A:hover", "#header #menu #gnav > UL > LI:before", "#contents .con_search FORM .inner DL DD P INPUT", "#header #menu #gnav > UL > LI .box_submenu", "#contents .con_flow .box_flow LI", "#header #menu #gnav > UL > LI:after", "#header #menu #gnav > UL > LI .box_submenu UL LI BUTTON:focus:after", "OL.box_step LI DL DT:before", "OL.box_step LI[aria-current='step']:unknown DL DT:after", "TEXTAREA", "#header #menu", "#footer .copyright", "#contents .con_search FORM .inner DL DD P .select", "#header #menu #gnav > UL > LI .box_submenu UL LI BUTTON:hover:after", "#header:before", "UNKNOWN", "#footer .btn_pagetop A", ".con_mv .box > DIV")
|
|
-
|
A: 1.4.1
|
c
|
A: 1.4.1
|
もし、配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/shop/files/css/common.css?v=20220113211009, セレクタ="#footer", "OL.box_step LI[aria-current='step'] ~ LI DL DT SPAN", "OL.box_step LI DL DT SPAN", "OL.box_step LI[aria-current='step'] DL DT SPAN", "BODY", "#contents .con_shopinfo .inner .box_detail .btn_furusato A", ".con_mv .box > DIV .box_banner A:hover .red.btn SPAN")
|
|
-
|
AAA: 3.1.4
|
-
|
AAA: 3.1.4
|
文書中の略語および頭字語は、abbrを用いて本来の形式を表記してください(HTML5では acronymは廃止されました)
|
|
-
|
AAA: 2.4.8
|
-
|
AAA: 2.4.8
|
サイトマップや、サイトの目次、キーボードショートカット(accesskey)の使い方など、サイト全体のレイアウトに関する情報を提供してください
|
|
-
|
AA: 3.2.3
|
-
|
AA: 3.2.3
|
サイト内で統一したナビゲーションを提供していることを確認してください
|
|
-
|
AAA: 3.1.5
|
-
|
AAA: 3.1.5
|
テキストを読みやすくしてください。
|
|
-
|
AAA: 3.1.5
|
-
|
AAA: 3.1.5
|
もし、ページ内容の理解を容易にするのであれば、アイコンや画像などを利用してください。ただし、必ずアクセシブルな代替テキストを提供してください
|
|
-
|
AA: 3.2.4
|
-
|
AA: 3.2.4
|
情報提示のスタイルが統一されているか確認してください
|
|
-
|
AA: 3.3.4, AAA: 3.3.6
|
-
|
AA: 3.3.4, AAA: 3.3.6
|
ユーザが操作を誤った場合でも、元の状態に戻すことが出来る手段が提供されていることを確認してください
|
|
-
|
A: 1.3.3
|
-
|
A: 1.3.3
|
ページの内容を理解・操作するために必要な情報が、コンテンツの形や位置だけに依存していないか確認してください
|
|
-
|
A: 4.1.2
|
-
|
A: 4.1.2
|
ウェブコンテンツ技術のアクセシビリティAPIを用いて、名前及び役割をUAに提供し、利用者が設定可能なプロパティを直接設定可能にし、変化を通知していることを確認して下さい
|
|
-
|
A: 4.1.2
|
-
|
A: 4.1.2
|
識別名及び役割を取得し、利用者が設定可能なプロパティを直接設定可能にし、変化を通知するためにユーザーエージェントが動作する、プラットフォームのアクセシビリティAPI機能をサポートするウェブコンテンツ技術を用いて、コンポーネントを作成していることを確認して下さい
|
|
-
|
A: 4.1.1
|
-
|
A: 4.1.1
|
ウェブページに含まれる、XMLベースのマークアップ言語(XHTML, SVG, SMILなど)で記述されたすべてのコンテンツに対して、それらが整形式のXML文書であることを確認して下さい。
|
|
-
|
A: 4.1.1
|
-
|
A: 4.1.1
|
可能であれば、完全に仕様に準じてHTMLを用いることを検討してください。
|
|
-
|
AA: 1.4.3
|
-
|
AA: 1.4.3
|
テキスト及び画像化された文字の視覚的な表現には、十分なコントラスト比をもたせていることをロービジョンモードを使用して確認して下さい (次の場合を除く: 大きな文字、付随的、ロゴタイプ)
|
|
-
|
AA: 1.4.4
|
-
|
AA: 1.4.4
|
キャプション及び画像化された文字を除き、コンテンツ又は機能を損なうことなく、テキストを支援技術なしで 200% までサイズ変更できることを確認して下さい。
|
|
-
|
AA: 1.4.5
|
-
|
AA: 1.4.5
|
使用しているウェブコンテンツ技術で意図した視覚的な表現が可能である場合は、画像化された文字ではなくテキストを用いて情報を伝えていることを確認して下さい。
|
|
-
|
AA: 2.4.5
|
-
|
AA: 2.4.5
|
ウェブページがプロセスの結果又はプロセスの中の一つのステップである場合を除き、ウェブページ一式の中からあるウェブページに到達することのできる複数の手段があることを確認して下さい。
|
|
-
|
AA: 2.4.7
|
-
|
AA: 2.4.7
|
キーボード操作が可能なユーザインタフェースには、キーボード・フォーカスの状態が視覚的に認識できる操作モードがあることを確認して下さい。
|
|
-
|
AA: 3.1.2
|
-
|
AA: 3.1.2
|
固有名詞、技術用語、どの言語なのか不明な語句、及びすぐ前後にあるテキストの言語の一部になっている単語又は語句を除いて、コンテンツの一節又は語句それぞれの自然言語がどの言語であるかを、プログラムが解釈可能であることを確認して下さい。
|
|
-
|
AA: 3.2.3
|
-
|
AA: 3.2.3
|
利用者が変更した場合を除き、ウェブページ一式の中にある複数のウェブページ上で繰り返されているナビゲーションのメカニズムが、繰り返されるたびに 相対的に同じ順序で提供されていることを確認して下さい。
|
|
-
|
AA: 3.2.4
|
-
|
AA: 3.2.4
|
ウェブページ一式の中で同じ機能性を有するコンポーネントは、一貫して識別できることを確認して下さい。
|
|
-
|
AA: 3.3.3
|
-
|
AA: 3.3.3
|
入力エラーが自動的に発見された場合は、その修正方法が明らかであれば、その方法を利用者に提示していることを確認して下さい。(セキュリティ又はコンテンツの目的を損なう場合を除く。)
|
|
-
|
AA: 3.3.4
|
-
|
AA: 3.3.4
|
利用者にとって法的な義務もしくは金銭的な取引が生じる、利用者が自分で制御可能なデータ・ストレージ・システム上のデータを変更もしくは削除する、又は利用者が試験の解答を送信するウェブページでは、 取消、チェック、確認のいずれかを実施できることを確認してください。
|
|
-
|
A: 1.1.1
|
-
|
A: 1.1.1
|
利用者に提示されるすべての非テキストコンテンツに対して、状況に応じて、同等の目的を果たす代替テキストを提供していることを確認して下さい。
|
|
-
|
A: 1.3.1
|
-
|
A: 1.3.1
|
表現を通じて伝達されている情報、 構造、関係性は、プログラムが解釈可能であるか、テキストで提供されていることを確認してください。
|
|
-
|
A: 1.3.2
|
-
|
A: 1.3.2
|
コンテンツの提供順序がその意味に影響を及ぼす場合には、正確な読み上げ順序をプログラムが解釈可能であることを確認してください。
|
|
-
|
A: 1.4.1
|
-
|
A: 1.4.1
|
色の違いだけで示されているリンク又はコントロールは、その文字色と周囲にあるテキストとのコントラスト比を 3:1 以上にし、フォーカスを受け取ったときには視覚的な手がかりを補足して強調されていることを確認してください。
|
|
-
|
A: 2.2.1
|
-
|
A: 2.2.1
|
コンテンツに制限時間が設定されている場合には、利用者が解除・調整・延長することを可能にしてください。(次の例外を除く: リアルタイム,必要不可欠,制限時間が20時間よりも長い)
|
|
-
|
A: 2.2.2
|
-
|
A: 2.2.2
|
動きのある、点滅している、スクロールする、又は自動更新する情報に対しては、必要に応じてそれを利用者がそれを一時停止、停止、非表示にする(もしくは、自動更新の頻度を調整する)メカニズムが提供されていることを確認してください。
|
|
-
|
A: 2.3.1
|
-
|
A: 2.3.1
|
ウェブページ上に閃光が存在する場合は、どの1秒間においても3回以下である、又は一般閃光閾値及び赤色閃光閾値を下回っていることを確認してください。
|
|
-
|
A: 2.4.1
|
-
|
A: 2.4.1
|
繰り返されるブロックが存在する場合は、スキップ可能な方法でグループ化されていることを確認してください。
|
|
-
|
A: 2.4.2
|
-
|
A: 2.4.2
|
ページのタイトルがページの内容を表しており、そのタイトルによってウェブページを特定できることを確認してください。
|
|
-
|
A: 2.4.3
|
-
|
A: 2.4.3
|
ナビゲーションの順序が意味又は操作に影響を及ぼす場合、フォーカス可能なコンポーネントは意味及び操作性を保持した順序でフォーカスを受け取ることを確認してください。
|
|
-
|
A: 2.4.4
|
-
|
A: 2.4.4
|
リンクの目的が、リンクのテキスト、もしくはプログラムが解釈可能なリンクの文脈をリンクのテキストとあわせたものから解釈できることを確認してください。(リンクの目的が一般的にみて利用者にとって曖昧な場合を除く。)
|
|
-
|
A: 3.2.1
|
-
|
A: 3.2.1
|
いずれのコンポーネントも、フォーカスを受け取ったときに 状況の変化を引き起こさないことを確認してください。
|
|
-
|
A: 4.1.1
|
-
|
A: 4.1.1
|
開始タグ及び終了タグが仕様に準じて用いられており、IDの重複や、同一属性が複数回指定されたタグが存在しないことを確認してください。
|
|
-
|
A: 2.1.1, A: 4.1.2
|
-
|
A: 2.1.1, A: 4.1.2
|
マークアップを用いて名前及び役割をユーザーエージェントに提供し、利用者が設定可能なプロパティを直接設定可能にし、変化を通知していることを確認してください。(例: マークアップ言語(HTMLなど)で標準的なユーザーインタフェース・コンポーネント(HTMLのフォームコントロールなど)を使用する。)
|
|
-
|
A: 1.4.1
|
-
|
A: 1.4.1
|
情報を伝える画像の中で色を用いている場合、パターンやテキストを用いて色以外の方法でも情報を入手可能にしてください.
|