| 種類
|
行番号
|
JIS
|
内容
|
|
244, 434, 440, 452, 458
|
A: 1.1.1
|
画像の機能や情報がalt属性で十分に伝達できない場合、longdesc属性を用いて詳細な情報を提供してください
|
|
-
|
A: 4.1.1
|
このウェブページをバリデータまたはパーサを使用してバリデートしてください。もし可能であれば、ページを仕様に完全に準拠させることを検討してください。
|
|
|
207, 219, 276, 294
|
A: 1.3.1, AA: 2.4.6
|
各見出し(h1,h2…)はページ中の対応するセクションを表す内容になっており、テキストを太字にするためだけの目的に利用されていないことを確認してください。
|
|
|
2
|
A: 3.1.1
|
(lang=ja)がそのウェブページで主に使われている言語を反映していることを確認して下さい
|
|
|
84
|
A: 2.4.1, A: 4.1.2
|
title属性 "gtm" がこのiframe要素を特定できる適切なものであることを確認して下さい
|
|
|
35
|
A: 1.3.2, A: 1.3.1, AA: 1.4.5
|
HTML文書は、スタイルシートを無効にしても読んだり利用したり出来るようにデザインしてください (スタイルシートを利用するためのlink要素が存在しています)
|
|
|
84
|
A: 2.4.1, A: 1.3.1, AA: 1.4.5
|
HTML文書は、スタイルシートを無効にしても読んだり利用したり出来るようにデザインしてください (style属性を持つ要素が存在しています)
|
|
|
104, 105
|
A: 1.1.1, A: 1.3.1, A: 3.3.2, A: 4.1.2
|
label要素が対応するフォーム・コントロールの目的を表わしていること、および、label要素が画面上に表示されていることを確認して下さい
|
|
|
108, 109
|
A: 1.1.1, A: 1.3.1, A: 3.3.2, A: 4.1.2
|
label要素が対応するフォーム・コントロールの目的を表わしていること、および、label要素が画面上に表示されていることを確認して下さい
|
|
|
117, 118
|
A: 1.1.1, A: 1.3.1, A: 3.3.2, A: 4.1.2
|
label要素が対応するフォーム・コントロールの目的を表わしていること、および、label要素が画面上に表示されていることを確認して下さい
|
|
|
121, 122
|
A: 1.1.1, A: 1.3.1, A: 3.3.2, A: 4.1.2
|
label要素が対応するフォーム・コントロールの目的を表わしていること、および、label要素が画面上に表示されていることを確認して下さい
|
|
|
125, 126
|
A: 1.1.1, A: 1.3.1, A: 3.3.2, A: 4.1.2
|
label要素が対応するフォーム・コントロールの目的を表わしていること、および、label要素が画面上に表示されていることを確認して下さい
|
|
|
129, 130
|
A: 1.1.1, A: 1.3.1, A: 3.3.2, A: 4.1.2
|
label要素が対応するフォーム・コントロールの目的を表わしていること、および、label要素が画面上に表示されていることを確認して下さい
|
|
|
-
|
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/files/css/blog.css?v=2022110491806, セレクタ="html.clr_black .wrapper .con_side .box_widget ul li a", "html.clr_black .wrapper .con_side .box_widget ol li a", ".wrapper #main .con_news .box_detail .btn", "html.clr_blue .wrapper .con_side .box_widget ul li a", "html.clr_blue .wrapper .con_side .box_widget ol li button", "html.clr_black .wrapper .con_side .box_widget ul li button", "html.clr_blue .wrapper .con_side .box_widget ul li button", "html.clr_blue .wrapper .con_side .box_widget ol li a", "html.clr_black .wrapper .con_side .box_widget ol li button")
|
|
|
-
|
AA: 1.4.3, A: 1.4.1
|
背景色のみが指定されている可能性があります。十分なコントラスト比となる文字色を指定するようにして下さい。 また、もし配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/files/css/blog.css?v=2022110491806, セレクタ=".wrapper .con_side .box_widget ul li button", ".wrapper .con_side .box_widget ol li button", ".wrapper .con_side .box_widget ul li a", ".wrapper #main .con_news .box_news_list .box_news_item a .img", ".wrapper .con_side .box_widget ol li a")
|
|
|
-
|
A: 1.4.1
|
もし、配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/files/css/blog.css?v=2022110491806, セレクタ=".wrapper #main .con_news .con_news_title .box_article_info .txt_category [class^='txt_category_']", ".wrapper #main .con_news .box_news_list .box_news_item a .box .box_article_info .txt_category [class^='txt_category_']")
|
|
|
-
|
AA: 1.4.3, A: 1.4.1
|
文字色のみが指定されている可能性があります。十分なコントラスト比となる背景色を指定するようにして下さい。また、もし配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/files/css/components.css?v=2022020304205, セレクタ=".btn_next .ic_arrow_prev::after", "html.clr_yellow .box_pager a", "html.clr_blue .title_small", "html.clr_black .box_pager a", ".title_basic .txt_shopname + [data-text]", "html.clr_blue .box_pager a", ".btn_prev .ic_arrow_prev::after", ".btn_next .ic_arrow_next::after", ".title_small", "html.clr_yellow .btn_basic a", "html.clr_yellow .btn_basic button", ".box_taglist li > span", "html.clr_black .title_small", ".btn_prev .ic_arrow_next::after", ".box_taglist li a")
|
|
|
-
|
AA: 1.4.3, A: 1.4.1
|
背景色のみが指定されている可能性があります。十分なコントラスト比となる文字色を指定するようにして下さい。 また、もし配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/files/css/components.css?v=2022020304205, セレクタ=".title_basic::after", ".btn.beige > span", ".title_section::after", ".btn_basic button:hover", ".slick-dots li button", ".box_pager a:hover", ".btn button", ".btn_pause", ".btn.beige button", ".box_pager ol li a.current", ".btn_next", "dl.box_form dd input", ".btn_prev", ":not(.active).btn_pause::before", ":not(.active).btn_pause::after", ".btn.beige a", ".btn a", ".title_small::before", ".btn > span", ".btn_basic a", ".btn_pdf a:hover", ".btn_basic button", ".slick-dots li.slick-active button", ".btn_basic a:hover")
|
|
|
-
|
A: 1.4.1
|
もし、配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/files/css/components.css?v=2022020304205, セレクタ=".btn a:hover", ".btn.blue button", ".btn.beige button:hover", ".tbl_basic tr th", ".btn button", ".btn > span:hover", ".btn.red button:hover", ".ec-errorMessage", ".btn.red > span", ".btn.red > span:hover", ".btn_next", ".btn.red button", ".btn_prev", ".btn.red a:hover", ".tbl_form tr th", ".btn > span", ".btn button:hover", ".btn.red a", ".btn.blue a", ".btn.blue button:hover", ".btn.blue a:hover", ".btn.blue > span", ".box_pager a", ".box_taglist li a:hover", ".btn_pdf a", ".btn a", ".btn.blue > span:hover", ".btn.beige > span:hover", ".btn_basic a", ".btn.beige a:hover", ".btn_basic button")
|
|
|
-
|
AA: 1.4.3, A: 1.4.1
|
文字色のみが指定されている可能性があります。十分なコントラスト比となる背景色を指定するようにして下さい。また、もし配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/files/css/common.css?v=2022020301734, セレクタ="html.clr_black #contents .topicpath li a", "html.clr_blue body a", "html.clr_yellow #footer .inner .txt_contact a", "html.clr_yellow #contents .topicpath li a", "html.clr_black #header", "html.clr_black #header .inner #menu #gnav ul li a", "#contents .topicpath li > span", "#header .inner .box_sub .btn.mini a:hover", "#footer .inner .txt_contact a", "html.clr_yellow #header", "#footer .inner .box_social li a", "#footer .inner .box_btn .btn a", "#header", "#header .inner .box_sub .btn.mini a", "html.clr_blue #contents .topicpath li a", "#footer .inner .box_btn .btn a:hover", "#header .inner #menu .box_social li a", "#sp_nav ul li:not(:first-child) a", "body a", "#header .box_title .logo a", "html.clr_blue #header .inner #menu #gnav ul li a", "html.clr_yellow body a", "#header .inner #menu .btn a:hover", "#contents .con_title .title", "html.clr_blue #header", "html.clr_blue #footer .inner .txt_contact a", "html.clr_black body a", "html.clr_black #footer .inner .txt_contact a", "#header .inner #menu #gnav ul li a", "#header .inner #menu .btn a", "html.clr_yellow #header .inner #menu #gnav ul li a")
|
|
|
-
|
AA: 1.4.3, A: 1.4.1
|
背景色のみが指定されている可能性があります。十分なコントラスト比となる文字色を指定するようにして下さい。 また、もし配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/files/css/common.css?v=2022020301734, セレクタ="#abi_page::before", "", "html.clr_black #abi_page::before", "#footer .copyright", "html.clr_yellow #abi_page::before", "html.clr_black #header .inner #menu", "#sp_nav ul li:nth-child(5) a", "#sp_nav ul li:nth-child(2) a", "#sp_nav ul li:nth-child(3) a", "html.clr_yellow #header .inner #menu", "#sp_nav ul li:nth-child(4) a", "html.clr_blue #header .inner #menu", "#header .btn_skip a:focus", "html.clr_blue #abi_page::before")
|
|
|
-
|
A: 1.4.1
|
もし、配色に何らかの情報を持たせている場合、テキストや他の視覚的な表現からもその情報を取得できるよう配慮してください。(https://www.akashi-mercato.jp/files/css/common.css?v=2022020301734, セレクタ="html.clr_blue body", "#header .inner .box_sub .box_a11y .box_color dd p label[for='color_black']", "#footer", "html.clr_black #footer", "body", "#header .inner .box_sub .box_a11y .box_color dd p label[for='color_yellow']", "html.clr_blue #footer", "html.clr_yellow body", "#header .inner .box_sub .box_a11y .box_color dd p label[for='color_basic']", "#sp_nav ul li:first-child a", "#header .inner .box_sub .box_a11y .box_fontsize dd p label", "html.clr_yellow #footer", "#footer .btn_pagetop a", "html.clr_black body", "#header .inner .box_sub .box_a11y .box_color dd p label[for='color_blue']", "#header .inner .box_sub .box_a11y .box_fontsize dd p input:checked + label")
|
|
|
-
|
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: 非常に良い