| 種類
|
行番号
|
JIS
|
内容
|
|
818, 827
|
A: 1.1.1
|
画像の機能や情報がalt属性で十分に伝達できない場合、longdesc属性を用いて詳細な情報を提供してください
|
|
-
|
A: 4.1.1
|
このウェブページをバリデータまたはパーサを使用してバリデートしてください。もし可能であれば、ページを仕様に完全に準拠させることを検討してください。
|
|
|
66, 143, 190, 223, 317, 343, 381, 459, 471, 502, 554, 566, 597, 628, 681, 693, 713, 754, 762, 773, 783
|
A: 1.3.1, AA: 2.4.6
|
各見出し(h1,h2…)はページ中の対応するセクションを表す内容になっており、テキストを太字にするためだけの目的に利用されていないことを確認してください。
|
|
|
2
|
A: 3.1.1
|
(lang=ja)がそのウェブページで主に使われている言語を反映していることを確認して下さい
|
|
|
230
|
A: 1.3.1
|
必要であれば、optgroup要素を用いてselect要素内のoption要素をグループ化して下さい
|
|
|
222
|
A: 1.3.1, A: 3.3.2
|
もし、関連するフォーム・コントロールのグループが複数存在するなら、fieldsetを用いてグループを明示してください
|
|
|
291
|
A: 2.4.4
|
リンクテキストとtitle属性の値 ("お気に入りに登録") を合わせて、リンクの目的を適切に示していることを確認して下さい
|
|
|
297
|
A: 2.4.4
|
リンクテキストとtitle属性の値 ("商品に関するお問い合わせ") を合わせて、リンクの目的を適切に示していることを確認して下さい
|
|
|
303
|
A: 2.4.4
|
リンクテキストとtitle属性の値 ("メールで送る") を合わせて、リンクの目的を適切に示していることを確認して下さい
|
|
|
370
|
A: 2.4.4
|
リンクテキストとtitle属性の値 ("のし／ギフトについて") を合わせて、リンクの目的を適切に示していることを確認して下さい
|
|
|
545
|
A: 2.4.4
|
リンクテキストとtitle属性の値 ("商品一覧へ") を合わせて、リンクの目的を適切に示していることを確認して下さい
|
|
|
672
|
A: 2.4.4
|
リンクテキストとtitle属性の値 ("商品一覧へ") を合わせて、リンクの目的を適切に示していることを確認して下さい
|
|
|
745
|
A: 2.4.4
|
リンクテキストとtitle属性の値 ("店舗から探す") を合わせて、リンクの目的を適切に示していることを確認して下さい
|
|
|
492, 523, 587, 618, 650
|
A: 2.4.4
|
異なる複数のURLへのリンクに、同一のテキストを用いることはなるべく避けてください。 (linktext="商品詳細へ ")
|
|
|
703, 723
|
A: 2.4.4
|
異なる複数のURLへのリンクに、同一のテキストを用いることはなるべく避けてください。 (linktext="店舗詳細へ ")
|
|
|
36
|
A: 1.3.2, A: 1.3.1, AA: 1.4.5
|
HTML文書は、スタイルシートを無効にしても読んだり利用したり出来るようにデザインしてください (スタイルシートを利用するためのlink要素が存在しています)
|
|
|
230, 229
|
A: 1.1.1, A: 1.3.1, A: 3.3.2, A: 4.1.2
|
label要素が対応するフォーム・コントロールの目的を表わしていること、および、label要素が画面上に表示されていることを確認して下さい
|
|
|
222
|
A: 3.2.2
|
select要素とボタンを併用して、アクションを実行するようにしていることを確認して下さい
|
|
|
222
|
A: 3.2.2, A: 3.3.2
|
状況の変化を引き起こすフォームのコントロールが変化する前に、何が起こるのかを説明していることを確認して下さい
|
|
|
222
|
A: 3.3.1, A: 3.3.2, AA: 3.3.3
|
入力が完了していない必須項目を特定するために、テキストの説明文を提供していることを確認して下さい
|
|
|
222
|
A: 3.3.1, AA: 3.3.3
|
クライアントサイドのバリデーションを提供し、DOMを介してエラーテキストを追加していることを確認して下さい
|
|
|
222
|
AA: 2.4.6, A: 3.3.2
|
目的や内容が分かるラベルを提供していることを確認して下さい
|
|
|
-
|
AA: 1.4.3, A: 1.4.1
|
文字色のみが指定されている可能性があります。十分なコントラスト比となる背景色を指定するようにして下さい。また、もし配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/shop/files/css/goods.css?v=20220113131123, セレクタ=".con_goodsinfo .box_detail .txt_price B", ".con_goodsinfo .box_detail .flex_icon .box_icon .box P", ".box_option .blue.btn A", ".con_goodsinfo .box_detail .flex_icon .box_icon .red.box P", ".con_goodsinfo .box_detail .title .txt_shop")
|
|
|
-
|
AA: 1.4.3, A: 1.4.1
|
背景色のみが指定されている可能性があります。十分なコントラスト比となる文字色を指定するようにして下さい。 また、もし配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/shop/files/css/goods.css?v=20220113131123, セレクタ=".con_goodsinfo .box_detail .box_purchase .modal_dialog .modal_inner", ".box_option .blue.btn", ".con_goodsinfo .box_detail .box_purchase .box_select .select", ".con_point H2:before", ".con_goodsinfo .box_detail .flex_icon .box_icon .red.box", ".con_point", "UNKNOWN", ".con_goodsinfo .box_detail .box_purchase .modal_dialog .modal_inner .btn_close BUTTON:after", ".con_goodsinfo .box_detail .flex_icon .box_icon .box", ".con_goodsinfo .box_detail .box_purchase .modal_dialog .modal_inner .btn_close BUTTON:before")
|
|
|
-
|
A: 1.4.1
|
もし、配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/shop/files/css/goods.css?v=20220113131123, セレクタ=".con_goodsinfo .box_detail .box_purchase .btn_cart A", ".con_goodsinfo .box_detail .box_purchase .btn_cart BUTTON", ".con_point .inner .box_detail section H3")
|
|
|
-
|
AA: 1.4.3, A: 1.4.1
|
文字色のみが指定されている可能性があります。十分なコントラスト比となる背景色を指定するようにして下さい。また、もし配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/shop/files/css/common.css?v=20220112184242, セレクタ="#header #menu #gnav > UL > LI .box_submenu BUTTON", "", ".topicpath LI > SPAN", "TEXTAREA:unknown", "#header .box_title .logo A", "#contents .con_search FORM .inner DL", ".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")
|
|
|
-
|
AA: 1.4.3, A: 1.4.1
|
背景色のみが指定されている可能性があります。十分なコントラスト比となる文字色を指定するようにして下さい。 また、もし配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/shop/files/css/common.css?v=20220112184242, セレクタ=".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", "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:before", "UNKNOWN", "#footer .btn_pagetop A", ".con_mv .box > DIV")
|
|
|
-
|
A: 1.4.1
|
もし、配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/shop/files/css/common.css?v=20220112184242, セレクタ="#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")
|
|
|
-
|
AA: 1.4.3, A: 1.4.1
|
文字色のみが指定されている可能性があります。十分なコントラスト比となる背景色を指定するようにして下さい。また、もし配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/files/css/cms_block.css?v=20211122150514, セレクタ=".cms_box_heading .st_section")
|
|
|
-
|
AA: 1.4.3, 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
|
もし、配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/files/css/cms_block.css?v=20211122150514, セレクタ=".cms_visualintro .inner .box_txt")
|
|
|
-
|
AA: 1.4.3, A: 1.4.1
|
文字色のみが指定されている可能性があります。十分なコントラスト比となる背景色を指定するようにして下さい。また、もし配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/shop/files/css/components.css?v=20220113114417, セレクタ=".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")
|
|
|
-
|
AA: 1.4.3, A: 1.4.1
|
背景色のみが指定されている可能性があります。十分なコントラスト比となる文字色を指定するようにして下さい。 また、もし配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/shop/files/css/components.css?v=20220113114417, セレクタ=".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
|
もし、配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/shop/files/css/components.css?v=20220113114417, セレクタ=".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: 2.1.2
|
ユーザーがコンテンツ内に閉じ込められないこと確認してください。(JavaScript)
|
|
|
-
|
AA: 3.2.3
|
サイト内で統一したナビゲーションを提供していることを確認してください
|
|
|
-
|
AA: 3.2.4
|
情報提示のスタイルが統一されているか確認してください
|
|
|
-
|
AA: 3.3.4
|
ユーザが操作を誤った場合でも、元の状態に戻すことが出来る手段が提供されていることを確認してください
|
|
|
-
|
A: 1.3.3
|
ページの内容を理解・操作するために必要な情報が、コンテンツの形や位置だけに依存していないか確認してください
|
|
|
-
|
A: 4.1.2
|
ウェブコンテンツ技術のアクセシビリティAPIを用いて、名前及び役割をUAに提供し、利用者が設定可能なプロパティを直接設定可能にし、変化を通知していることを確認して下さい
|
|
|
-
|
A: 4.1.2
|
識別名及び役割を取得し、利用者が設定可能なプロパティを直接設定可能にし、変化を通知するためにユーザーエージェントが動作する、プラットフォームのアクセシビリティAPI機能をサポートするウェブコンテンツ技術を用いて、コンポーネントを作成していることを確認して下さい
|
|
|
-
|
A: 4.1.1
|
ウェブページに含まれる、XMLベースのマークアップ言語(XHTML, SVG, SMILなど)で記述されたすべてのコンテンツに対して、それらが整形式のXML文書であることを確認して下さい。
|
|
|
-
|
A: 4.1.1
|
可能であれば、完全に仕様に準じてHTMLを用いることを検討してください。
|
|
|
-
|
AA: 1.4.3
|
テキスト及び画像化された文字の視覚的な表現には、十分なコントラスト比をもたせていることをロービジョンモードを使用して確認して下さい （次の場合を除く： 大きな文字、付随的、ロゴタイプ）
|
|
|
-
|
AA: 1.4.4
|
キャプション及び画像化された文字を除き、コンテンツ又は機能を損なうことなく、テキストを支援技術なしで 200％ までサイズ変更できることを確認して下さい。
|
|
|
-
|
AA: 1.4.5
|
使用しているウェブコンテンツ技術で意図した視覚的な表現が可能である場合は、画像化された文字ではなくテキストを用いて情報を伝えていることを確認して下さい。
|
|
|
-
|
AA: 2.4.5
|
ウェブページがプロセスの結果又はプロセスの中の一つのステップである場合を除き、ウェブページ一式の中からあるウェブページに到達することのできる複数の手段があることを確認して下さい。
|
|
|
-
|
AA: 2.4.7
|
キーボード操作が可能なユーザインタフェースには、キーボード・フォーカスの状態が視覚的に認識できる操作モードがあることを確認して下さい。
|
|
|
-
|
AA: 3.1.2
|
固有名詞、技術用語、どの言語なのか不明な語句、及びすぐ前後にあるテキストの言語の一部になっている単語又は語句を除いて、コンテンツの一節又は語句それぞれの自然言語がどの言語であるかを、プログラムが解釈可能であることを確認して下さい。
|
|
|
-
|
AA: 3.2.3
|
利用者が変更した場合を除き、ウェブページ一式の中にある複数のウェブページ上で繰り返されているナビゲーションのメカニズムが、繰り返されるたびに 相対的に同じ順序で提供されていることを確認して下さい。
|
|
|
-
|
AA: 3.2.4
|
ウェブページ一式の中で同じ機能性を有するコンポーネントは、一貫して識別できることを確認して下さい。
|
|
|
-
|
AA: 3.3.3
|
入力エラーが自動的に発見された場合は、その修正方法が明らかであれば、その方法を利用者に提示していることを確認して下さい。（セキュリティ又はコンテンツの目的を損なう場合を除く。）
|
|
|
-
|
AA: 3.3.4
|
利用者にとって法的な義務もしくは金銭的な取引が生じる、利用者が自分で制御可能なデータ・ストレージ・システム上のデータを変更もしくは削除する、又は利用者が試験の解答を送信するウェブページでは、 取消、チェック、確認のいずれかを実施できることを確認してください。
|
|
|
-
|
A: 1.1.1
|
利用者に提示されるすべての非テキストコンテンツに対して、状況に応じて、同等の目的を果たす代替テキストを提供していることを確認して下さい。
|
|
|
-
|
A: 1.3.1
|
表現を通じて伝達されている情報、 構造、関係性は、プログラムが解釈可能であるか、テキストで提供されていることを確認してください。
|
|
|
-
|
A: 1.3.2
|
コンテンツの提供順序がその意味に影響を及ぼす場合には、正確な読み上げ順序をプログラムが解釈可能であることを確認してください。
|
|
|
-
|
A: 1.4.1
|
色の違いだけで示されているリンク又はコントロールは、その文字色と周囲にあるテキストとのコントラスト比を 3:1 以上にし、フォーカスを受け取ったときには視覚的な手がかりを補足して強調されていることを確認してください。
|
|
|
-
|
A: 2.2.1
|
コンテンツに制限時間が設定されている場合には、利用者が解除・調整・延長することを可能にしてください。（次の例外を除く： リアルタイム，必要不可欠，制限時間が20時間よりも長い）
|
|
|
-
|
A: 2.2.2
|
動きのある、点滅している、スクロールする、又は自動更新する情報に対しては、必要に応じてそれを利用者がそれを一時停止、停止、非表示にする（もしくは、自動更新の頻度を調整する）メカニズムが提供されていることを確認してください。
|
|
|
-
|
A: 2.3.1
|
ウェブページ上に閃光が存在する場合は、どの1秒間においても3回以下である、又は一般閃光閾値及び赤色閃光閾値を下回っていることを確認してください。
|
|
|
-
|
A: 2.4.1
|
繰り返されるブロックが存在する場合は、スキップ可能な方法でグループ化されていることを確認してください。
|
|
|
-
|
A: 2.4.2
|
ページのタイトルがページの内容を表しており、そのタイトルによってウェブページを特定できることを確認してください。
|
|
|
-
|
A: 2.4.3
|
ナビゲーションの順序が意味又は操作に影響を及ぼす場合、フォーカス可能なコンポーネントは意味及び操作性を保持した順序でフォーカスを受け取ることを確認してください。
|
|
|
-
|
A: 2.4.4
|
リンクの目的が、リンクのテキスト、もしくはプログラムが解釈可能なリンクの文脈をリンクのテキストとあわせたものから解釈できることを確認してください。（リンクの目的が一般的にみて利用者にとって曖昧な場合を除く。）
|
|
|
-
|
A: 3.2.1
|
いずれのコンポーネントも、フォーカスを受け取ったときに 状況の変化を引き起こさないことを確認してください。
|
|
|
-
|
A: 4.1.1
|
開始タグ及び終了タグが仕様に準じて用いられており、IDの重複や、同一属性が複数回指定されたタグが存在しないことを確認してください。
|
|
|
-
|
A: 2.1.1, A: 4.1.2
|
マークアップを用いて名前及び役割をユーザーエージェントに提供し、利用者が設定可能なプロパティを直接設定可能にし、変化を通知していることを確認してください。（例： マークアップ言語（HTMLなど）で標準的なユーザーインタフェース・コンポーネント（HTMLのフォームコントロールなど）を使用する。）
|
|
|
-
|
A: 1.4.1
|
情報を伝える画像の中で色を用いている場合、パターンやテキストを用いて色以外の方法でも情報を入手可能にしてください.
|
Page Rating: 非常に良い
