Caution
This document is an English translation of the “freee Accessibility Guidelines.” The normative version of this document is in Japanese, and the English version is informational. The English translation is incomplete, and any links with their link texts left in Japanese are untranslated. Please be aware that there may be inaccuracies in the translation or parts that are outdated.
Correspondence Between axe DevTools Rules and These Guidelines
Here, we document the correlation between the information output by axe DevTools, which is used during checks, and our guidelines.
Additionally, please refer to the following for more information on axe DevTools:
The information below is automatically generated based on the content of the develop branch of the axe-core GitHub repository as of the time indicated below. Please note that it may not always match the content of axe DevTools.
- Version
4.9.0
- Updated
2024-04-29 23:47:19+0900
Active <area> elements must have alternate text（アクティブな<area>要素には代替テキストが存在しなければなりません）
Ensures <area> elements of image maps have alternate text
Elements must only use supported ARIA attributes（要素にはサポートされているARIA属性のみを使用しなければなりません）
Ensures an element’s role supports its ARIA attributes
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 4.1.2: Name, Role, Value
Related Guidelines
Markup and Implementation: Make Components Accessible
Input Devices: Support for Mobile Assistive Technologies
aria-braille attributes must have a non-braille equivalent（aria-braille属性には、点字以外の同等のものがなければなりません）
Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalent
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 4.1.2: Name, Role, Value
Related Guidelines
Markup and Implementation: Make Components Accessible
Input Devices: Support for Mobile Assistive Technologies
ARIA commands must have an accessible name（ARIAコマンドにはアクセシブルな名前がなければなりません）
Ensures every ARIA button, link and menuitem has an accessible name
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 4.1.2: Name, Role, Value
Related Guidelines
Markup and Implementation: Make Components Accessible
Input Devices: Support for Mobile Assistive Technologies
ARIA attributes must be used as specified for the element’s role（ARIA属性は要素のロールの仕様に従って使用しなければなりません）
Ensures ARIA attributes are used as described in the specification of the element’s role
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 4.1.2: Name, Role, Value
Related Guidelines
Markup and Implementation: Make Components Accessible
Input Devices: Support for Mobile Assistive Technologies
Deprecated ARIA roles must not be used（非推奨のARIAロールを使用してはなりません）
Ensures elements do not use deprecated roles
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 4.1.2: Name, Role, Value
Related Guidelines
Markup and Implementation: Make Components Accessible
Input Devices: Support for Mobile Assistive Technologies
ARIA input fields must have an accessible name（ARIA入力欄にはアクセシブルな名前がなければなりません）
Ensures every ARIA input field has an accessible name
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 4.1.2: Name, Role, Value
Related Guidelines
Markup and Implementation: Make Components Accessible
Input Devices: Support for Mobile Assistive Technologies
ARIA meter nodes must have an accessible name（ARIA meterノードにはアクセシブルな名前がなければなりません）
Ensures every ARIA meter node has an accessible name
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.1.1: Non-text Content
Related Guidelines
Images of Text: Provide Text Information
Images: Provide Image Descriptions
Images: Ignore Decorative Images
Icons: Provide Text Information
Forms: Use Displayed Text as Label
Audio and Video Content: Explicitly Indicate the Presence of Audio and Video Content
ARIA progressbar nodes must have an accessible name（ARIA progressbarノードにはアクセシブルな名前がなければなりません）
Ensures every ARIA progressbar node has an accessible name
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.1.1: Non-text Content
Related Guidelines
Images of Text: Provide Text Information
Images: Provide Image Descriptions
Images: Ignore Decorative Images
Icons: Provide Text Information
Forms: Use Displayed Text as Label
Audio and Video Content: Explicitly Indicate the Presence of Audio and Video Content
Elements must only use permitted ARIA attributes（要素には禁止されているARIA属性を使用してはなりません）
Ensures ARIA attributes are not prohibited for an element’s role
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 4.1.2: Name, Role, Value
Related Guidelines
Markup and Implementation: Make Components Accessible
Input Devices: Support for Mobile Assistive Technologies
Required ARIA attributes must be provided（必須のARIA属性が提供されていなければなりません）
Ensures elements with ARIA roles have all required ARIA attributes
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 4.1.2: Name, Role, Value
Related Guidelines
Markup and Implementation: Make Components Accessible
Input Devices: Support for Mobile Assistive Technologies
Certain ARIA roles must contain particular children（特定のARIAロールには特定の子が含まれていなければなりません）
Ensures elements with an ARIA role that require child roles contain them
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.3.1: Info and Relationships
Related Guidelines
Markup and Implementation: Implement or Utilize Markup to Accurately Represent Document Structure
Markup and Implementation: Implementation of Interactive UI Components
Pages in General: Indicate Regions That Compose a Page
Forms: Use Displayed Text as Label
Dynamic Content: Maintaining Appropriate Information Provision To Assistive Technology
Certain ARIA roles must be contained by particular parents（特定のARIAロールは特定の親に含まれていなければなりません）
Ensures elements with an ARIA role that require parent roles are contained by them
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.3.1: Info and Relationships
Related Guidelines
Markup and Implementation: Implement or Utilize Markup to Accurately Represent Document Structure
Markup and Implementation: Implementation of Interactive UI Components
Pages in General: Indicate Regions That Compose a Page
Forms: Use Displayed Text as Label
Dynamic Content: Maintaining Appropriate Information Provision To Assistive Technology
aria-roledescription must be on elements with a semantic role（aria-roledescriptionはセマンティックなロールを持った要素に使用しなければなりません）
Ensure aria-roledescription is only used on elements with an implicit or explicit role
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 4.1.2: Name, Role, Value
Related Guidelines
Markup and Implementation: Make Components Accessible
Input Devices: Support for Mobile Assistive Technologies
ARIA roles used must conform to valid values（使用されているARIAロールは有効な値に一致しなければなりません）
Ensures all elements with a role attribute use a valid value
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 4.1.2: Name, Role, Value
Related Guidelines
Markup and Implementation: Make Components Accessible
Input Devices: Support for Mobile Assistive Technologies
ARIA toggle fields must have an accessible name（ARIAトグル欄にはアクセシブルな名前がなければなりません）
Ensures every ARIA toggle field has an accessible name
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 4.1.2: Name, Role, Value
Related Guidelines
Markup and Implementation: Make Components Accessible
Input Devices: Support for Mobile Assistive Technologies
ARIA tooltip nodes must have an accessible name（ARIA tooltipノードにはアクセシブルな名前がなければなりません）
Ensures every ARIA tooltip node has an accessible name
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 4.1.2: Name, Role, Value
Related Guidelines
Markup and Implementation: Make Components Accessible
Input Devices: Support for Mobile Assistive Technologies
ARIA attributes must conform to valid names（ARIA属性は有効な名前に一致しなければなりません）
Ensures attributes that begin with aria- are valid ARIA attributes
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 4.1.2: Name, Role, Value
Related Guidelines
Markup and Implementation: Make Components Accessible
Input Devices: Support for Mobile Assistive Technologies
ARIA attributes must conform to valid values（ARIA属性は有効な値に一致しなければなりません）
Ensures all ARIA attributes have valid values
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 4.1.2: Name, Role, Value
Related Guidelines
Markup and Implementation: Make Components Accessible
Input Devices: Support for Mobile Assistive Technologies
<audio> elements must have a captions track（<audio>要素にはキャプショントラックが存在しなければなりません）
Ensures <audio> elements have captions
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.2.1: Audio-only and Video-only (Prerecorded)
Related Guidelines
Audio and Video Content: Ensure Content Is Equivalent to Text Information
Audio and Video Content: Provide Transcripts
Inline text spacing must be adjustable with custom stylesheets（インラインのテキスト間隔設定はカスタムスタイルシートによって調整可能でなければなりません）
Ensure that text spacing set through style attributes can be adjusted with custom stylesheets
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.4.12: Text Spacing
Related Guidelines
<blink> elements are deprecated and must not be used（<blink>要素の使用は非推奨で、使用するべきではありません）
Ensures <blink> elements are not used
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 2.2.2: Pause, Stop, Hide
Related Guidelines
Dynamic Content: Content That Blinks or Scrolls Automatically
Dynamic Content: Content That Updates Automatically
Audio and Video Content: Content that Moves
Buttons must have discernible text（ボタンには認識可能なテキストが存在しなければなりません）
Ensures buttons have discernible text
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 4.1.2: Name, Role, Value
Related Guidelines
Markup and Implementation: Make Components Accessible
Input Devices: Support for Mobile Assistive Technologies
Page must have means to bypass repeated blocks（ページには繰り返されるブロックをスキップする手段が存在しなければなりません）
Ensures each page has at least one mechanism for a user to bypass navigation and jump straight to the content
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 2.4.1: Bypass Blocks
Related Guidelines
Pages in General: Indicate the Beginning of the Main Content
Elements must meet minimum color contrast ratio thresholds（要素は色のコントラスト比（最低限）の閾値を満たしていなければなりません）
Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.4.3: Contrast (Minimum)
Related Guidelines
Images of Text: Contrast Ratio of Text in Images
Images of Text: Contrast Ratio of Text in Images on Mobile OS
Images: Contrast Ratio of Text in Images
Elements must meet enhanced color contrast ratio thresholds（要素は色のコントラスト比（高度）の閾値を満たしていなければなりません）
Ensures the contrast between foreground and background colors meets WCAG 2 AAA enhanced contrast ratio thresholds
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.4.6: Contrast (Enhanced)
Related Guidelines
Images of Text: Contrast Ratio of Text in Images
Images of Text: Contrast Ratio of Text in Images on Mobile OS
Images: Contrast Ratio of Text in Images
CSS Media queries must not lock display orientation（CSSメディアクエリーはディスプレイの向きを固定するために使用してはなりません）
Ensures content is not locked to any specific display orientation, and the content is operable in all display orientations
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.3.4: Orientation
Related Guidelines
Pages in General: Do Not Lock Screen Orientation
<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements（<dl>要素は、適切な順序で並べられた<dt>および<dd>のグループ、<script>要素、<template>要素またはdiv要素のみを直接含んでいなければなりません）
Ensures <dl> elements are structured correctly
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.3.1: Info and Relationships
Related Guidelines
Markup and Implementation: Implement or Utilize Markup to Accurately Represent Document Structure
Markup and Implementation: Implementation of Interactive UI Components
Pages in General: Indicate Regions That Compose a Page
Forms: Use Displayed Text as Label
Dynamic Content: Maintaining Appropriate Information Provision To Assistive Technology
<dt> and <dd> elements must be contained by a <dl>（<dt>および<dd>要素は<dl>に含まれていなければなりません）
Ensures <dt> and <dd> elements are contained by a <dl>
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.3.1: Info and Relationships
Related Guidelines
Markup and Implementation: Implement or Utilize Markup to Accurately Represent Document Structure
Markup and Implementation: Implementation of Interactive UI Components
Pages in General: Indicate Regions That Compose a Page
Forms: Use Displayed Text as Label
Dynamic Content: Maintaining Appropriate Information Provision To Assistive Technology
id attribute value must be unique（id属性の値は一意でなければなりません）
Ensures every id attribute value is unique
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 4.1.1: Parsing
Related Guidelines
Markup and Implementation: Valid Markup
IDs of active elements must be unique（アクティブな要素のIDは一意でなければなりません）
Ensures every id attribute value of active elements is unique
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 4.1.1: Parsing
Related Guidelines
Markup and Implementation: Valid Markup
IDs used in ARIA and labels must be unique（ARIAおよびラベルに使用されているIDは一意でなければなりません）
Ensures every id attribute value used in ARIA and in labels is unique
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 4.1.2: Name, Role, Value
Related Guidelines
Markup and Implementation: Make Components Accessible
Input Devices: Support for Mobile Assistive Technologies
Form field must not have multiple label elements（フォームフィールドに複数のlabel要素を付与してはなりりません）
Ensures form field does not have multiple label elements
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 3.3.2: Labels or Instructions
Related Guidelines
Frames with focusable content must not have tabindex=-1（フォーカス可能なコンテンツを含むフレームには、tabindex=-1が指定されていてはなりません）
Ensures <frame> and <iframe> elements with focusable content do not have tabindex=-1
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 2.1.1: Keyboard
Related Guidelines
Input Devices: Enable Keyboard Operation
Forms: Enable Keyboard Operation
Frames must have an accessible name（フレームにはアクセシブルな名前がなければなりません）
Ensures <iframe> and <frame> elements have an accessible name
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 4.1.2: Name, Role, Value
Related Guidelines
Markup and Implementation: Make Components Accessible
Input Devices: Support for Mobile Assistive Technologies
Frames must have a unique title attribute（フレームには一意のtitle属性がなければなりません）
Ensures <iframe> and <frame> elements contain a unique title attribute
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 4.1.2: Name, Role, Value
Related Guidelines
Markup and Implementation: Make Components Accessible
Input Devices: Support for Mobile Assistive Technologies
<html> element must have a lang attribute（<html>要素にはlang属性がなければなりません）
Ensures every HTML document has a lang attribute
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 3.1.1: Language of Page
Related Guidelines
<html> element must have a valid value for the lang attribute（<html>要素のlang属性には有効な値がなければなりません）
Ensures the lang attribute of the <html> element has a valid value
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 3.1.1: Language of Page
Related Guidelines
HTML elements with lang and xml:lang must have the same base language（HTML要素に指定されたlangおよびxml:lang属性は同じ基本言語を持たなければなりません）
Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 3.1.1: Language of Page
Related Guidelines
Images must have alternate text（画像には代替テキストがなければなりません）
Ensures <img> elements have alternate text or a role of none or presentation
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.1.1: Non-text Content
Related Guidelines
Images of Text: Provide Text Information
Images: Provide Image Descriptions
Images: Ignore Decorative Images
Icons: Provide Text Information
Forms: Use Displayed Text as Label
Audio and Video Content: Explicitly Indicate the Presence of Audio and Video Content
Input buttons must have discernible text（入力ボタンには認識可能なテキストが存在しなければなりません）
Ensures input buttons have discernible text
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 4.1.2: Name, Role, Value
Related Guidelines
Markup and Implementation: Make Components Accessible
Input Devices: Support for Mobile Assistive Technologies
Image buttons must have alternate text（画像ボタンには代替テキストがなければなりません）
Ensures <input type=”image”> elements have alternate text
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.1.1: Non-text Content
Success Criterion 4.1.2: Name, Role, Value
Related Guidelines
Markup and Implementation: Make Components Accessible
Input Devices: Support for Mobile Assistive Technologies
Images of Text: Provide Text Information
Images: Provide Image Descriptions
Images: Ignore Decorative Images
Icons: Provide Text Information
Forms: Use Displayed Text as Label
Audio and Video Content: Explicitly Indicate the Presence of Audio and Video Content
Form elements must have labels（フォーム要素にはラベルがなければなりません）
Ensures every form element has a label
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 4.1.2: Name, Role, Value
Related Guidelines
Markup and Implementation: Make Components Accessible
Input Devices: Support for Mobile Assistive Technologies
Elements must have their visible text as part of their accessible name（要素の視認できるテキストはそれらのアクセシブルな名前の一部でなければなりません）
Ensures that elements labelled through their content must have their visible text as part of their accessible name
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 2.5.3: Label in Name
Related Guidelines
Forms: Use Displayed Text as Label
Links must be distinguishable without relying on color（リンクは色に依存しない形で区別できなければなりません）
Ensure links are distinguished from surrounding text in a way that does not rely on color
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.4.1: Use of Color
Related Guidelines
Links must have discernible text（リンクには認識可能なテキストがなければなりません）
Ensures links have discernible text
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 2.4.4: Link Purpose (In Context)
Success Criterion 4.1.2: Name, Role, Value
Related Guidelines
Markup and Implementation: Make Components Accessible
Input Devices: Support for Mobile Assistive Technologies
Links: Appropriate Link Text
<ul> and <ol> must only directly contain <li>, <script> or <template> elements（<ul>および<ol>の直下には<li>、<script>または<template>要素のみを含まなければなりません）
Ensures that lists are structured correctly
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.3.1: Info and Relationships
Related Guidelines
Markup and Implementation: Implement or Utilize Markup to Accurately Represent Document Structure
Markup and Implementation: Implementation of Interactive UI Components
Pages in General: Indicate Regions That Compose a Page
Forms: Use Displayed Text as Label
Dynamic Content: Maintaining Appropriate Information Provision To Assistive Technology
<li> elements must be contained in a <ul> or <ol>（<li>要素は<ul>または<ol>内に含まれていなければなりません）
Ensures <li> elements are used semantically
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.3.1: Info and Relationships
Related Guidelines
Markup and Implementation: Implement or Utilize Markup to Accurately Represent Document Structure
Markup and Implementation: Implementation of Interactive UI Components
Pages in General: Indicate Regions That Compose a Page
Forms: Use Displayed Text as Label
Dynamic Content: Maintaining Appropriate Information Provision To Assistive Technology
<marquee> elements are deprecated and must not be used（<marquee>要素は非推奨のため、使用してはなりません）
Ensures <marquee> elements are not used
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 2.2.2: Pause, Stop, Hide
Related Guidelines
Dynamic Content: Content That Blinks or Scrolls Automatically
Dynamic Content: Content That Updates Automatically
Audio and Video Content: Content that Moves
Delayed refresh under 20 hours must not be used（20時間より短い時間経過後のページの自動リロードを使用してはなりません）
Ensures <meta http-equiv=”refresh”> is not used for delayed refresh
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 2.2.1: Timing Adjustable
Related Guidelines
Login Sessions: Expiration of Login Sessions
Forms: Time Limit for Form Input
Delayed refresh must not be used（一定時間経過後のページの自動リロードを使用してはなりません）
Ensures <meta http-equiv=”refresh”> is not used for delayed refresh
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 2.2.4: Interruptions
Success Criterion 3.2.5: Change on Request
Related Guidelines
Dynamic Content: Interrupting Content
Zooming and scaling must not be disabled（ズーム機能やテキストのサイズ変更は無効にしてはなりません）
Ensures <meta name=”viewport”> does not disable text scaling and zooming
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.4.4: Resize text
Related Guidelines
Interactive controls must not be nested（対話的なコントロールはネストされていてはなりません）
Ensures interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 4.1.2: Name, Role, Value
Related Guidelines
Markup and Implementation: Make Components Accessible
Input Devices: Support for Mobile Assistive Technologies
<video> or <audio> elements must not play automatically（<video>または<audio>要素は音声を自動再生してはなりません）
Ensures <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.4.2: Audio Control
Related Guidelines
Audio and Video Content: Autoplay of Sound
<object> elements must have alternate text（<object>要素には代替テキストがなければなりません）
Ensures <object> elements have alternate text
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.1.1: Non-text Content
Related Guidelines
Images of Text: Provide Text Information
Images: Provide Image Descriptions
Images: Ignore Decorative Images
Icons: Provide Text Information
Forms: Use Displayed Text as Label
Audio and Video Content: Explicitly Indicate the Presence of Audio and Video Content
Styled <p> elements must not be used as headings（スタイル付けした<p>要素を見出しとして使用してはなりません）
Ensure bold, italic text and font-size is not used to style <p> elements as a heading
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.3.1: Info and Relationships
Related Guidelines
Markup and Implementation: Implement or Utilize Markup to Accurately Represent Document Structure
Markup and Implementation: Implementation of Interactive UI Components
Pages in General: Indicate Regions That Compose a Page
Forms: Use Displayed Text as Label
Dynamic Content: Maintaining Appropriate Information Provision To Assistive Technology
[role=”img”] elements must have an alternative text（[role=”img”]の要素には代替テキストがなければなりません）
Ensures [role=”img”] elements have alternate text
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.1.1: Non-text Content
Related Guidelines
Images of Text: Provide Text Information
Images: Provide Image Descriptions
Images: Ignore Decorative Images
Icons: Provide Text Information
Forms: Use Displayed Text as Label
Audio and Video Content: Explicitly Indicate the Presence of Audio and Video Content
Scrollable region must have keyboard access（スクロール可能な領域はキーボードでアクセスできなければなりません）
Ensure elements that have scrollable content are accessible by keyboard
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 2.1.1: Keyboard
Success Criterion 2.1.3: Keyboard (No Exception)
Related Guidelines
Input Devices: Enable Keyboard Operation
Forms: Enable Keyboard Operation
Select element must have an accessible name（select要素にはアクセシブルな名前がなければなりません）
Ensures select element has an accessible name
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 4.1.2: Name, Role, Value
Related Guidelines
Markup and Implementation: Make Components Accessible
Input Devices: Support for Mobile Assistive Technologies
Server-side image maps must not be used（サーバーサイドのイメージマップを使用してはなりません）
Ensures that server-side image maps are not used
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 2.1.1: Keyboard
Related Guidelines
Input Devices: Enable Keyboard Operation
Forms: Enable Keyboard Operation
<svg> elements with an img role must have an alternative text（imgロールを持つ<svg>要素には代替テキストが存在しなければなりません）
Ensures <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.1.1: Non-text Content
Related Guidelines
Images of Text: Provide Text Information
Images: Provide Image Descriptions
Images: Ignore Decorative Images
Icons: Provide Text Information
Forms: Use Displayed Text as Label
Audio and Video Content: Explicitly Indicate the Presence of Audio and Video Content
Data or header cells must not be used to give caption to a data table. （データテーブルにキャプションをつけるためにデータまたはヘッダーセルを用いてはなりません）
Ensure that tables with a caption use the <caption> element.
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.3.1: Info and Relationships
Related Guidelines
Markup and Implementation: Implement or Utilize Markup to Accurately Represent Document Structure
Markup and Implementation: Implementation of Interactive UI Components
Pages in General: Indicate Regions That Compose a Page
Forms: Use Displayed Text as Label
Dynamic Content: Maintaining Appropriate Information Provision To Assistive Technology
Non-empty <td> elements in larger <table> must have an associated table header（大きい<table>の空ではない<td>要素は対応するテーブルヘッダーと関連づけられていなければなりません）
Ensure that each non-empty data cell in a <table> larger than 3 by 3 has one or more table headers
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.3.1: Info and Relationships
Related Guidelines
Markup and Implementation: Implement or Utilize Markup to Accurately Represent Document Structure
Markup and Implementation: Implementation of Interactive UI Components
Pages in General: Indicate Regions That Compose a Page
Forms: Use Displayed Text as Label
Dynamic Content: Maintaining Appropriate Information Provision To Assistive Technology
Table cells that use the headers attribute must only refer to cells in the same table（テーブルのheaders属性を使用するすべてのセルは同じ表内の他のセルのみを参照しなければなりません）
Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.3.1: Info and Relationships
Related Guidelines
Markup and Implementation: Implement or Utilize Markup to Accurately Represent Document Structure
Markup and Implementation: Implementation of Interactive UI Components
Pages in General: Indicate Regions That Compose a Page
Forms: Use Displayed Text as Label
Dynamic Content: Maintaining Appropriate Information Provision To Assistive Technology
Table headers in a data table must refer to data cells（データテーブルのテーブルヘッダーはデータセルを参照していなければなりません）
Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.3.1: Info and Relationships
Related Guidelines
Markup and Implementation: Implement or Utilize Markup to Accurately Represent Document Structure
Markup and Implementation: Implementation of Interactive UI Components
Pages in General: Indicate Regions That Compose a Page
Forms: Use Displayed Text as Label
Dynamic Content: Maintaining Appropriate Information Provision To Assistive Technology
lang attribute must have a valid value（lang属性には有効な値がなければなりません）
Ensures lang attributes have valid values
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 3.1.2: Language of Parts
Related Guidelines
<video> elements must have captions（<video>要素にはキャプションがなければなりません）
Ensures <video> elements have captions
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.2.2: Captions (Prerecorded)
Related Guidelines
Audio and Video Content: Ensure Content Is Equivalent to Text Information
Audio and Video Content: Provide Captions
autocomplete attribute must be used correctly（autocomplete属性は正しく使用しなければなりません）
Ensure the autocomplete attribute is correct and suitable for the form field
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 1.3.5: Identify Input Purpose
Links with the same name must have a similar purpose（同じ名前を持つ複数のリンクは類似した目的を持っていなければなりません）
Ensure that links with the same accessible name serve a similar purpose
CF: Explanation on Deque University
Related WCAG 2.1 Success Criteria
Success Criterion 2.4.9: Link Purpose (Link Only)
accesskey attribute value should be unique（accesskey属性の値は一意でなければなりません）
Ensures every accesskey attribute value is unique
ARIA role should be appropriate for the element（ARIAロールは要素に対して適切でなければなりません）
Ensures role attribute has an appropriate value for the element
ARIA dialog and alertdialog nodes should have an accessible name（ARIA dialogとalertdialogノードにはアクセシブルな名前がなければなりません）
Ensures every ARIA dialog and alertdialog node has an accessible name
“role=text” should have no focusable descendants（”role=text”が指定されている要素には、フォーカス可能な子孫が含まれていてはなりません）
Ensures role=”text” is used on elements with no focusable descendants
ARIA treeitem nodes should have an accessible name（ARIA treeitemノードにはアクセシブルな名前がなければなりません）
Ensures every ARIA treeitem node has an accessible name
Headings should not be empty（見出しは空にしてはなりません）
Ensures headings have discernible text
Table header text should not be empty（テーブルのヘッダーは空にしてはなりません）
Ensures table headers have discernible text
Elements in the focus order should have an appropriate role（フォーカス順序に含まれる要素には、適切なロールがなければなりません）
Ensures elements in the focus order have a role appropriate for interactive content
Frames should be tested with axe-core（フレームはaxe-coreでテストしなければなりません）
Ensures <iframe> and <frame> elements contain the axe-core script
Heading levels should only increase by one（見出しのレベルは1つずつ増加させなければなりません）
Ensures the order of headings is semantically correct
Alternative text of images should not be repeated as text（画像の代替テキストはテキストとして繰り返されるべきではありません）
Ensure image alternative is not repeated as text
Form elements should have a visible label（フォーム要素には視認できるラベルがなければなりません）
Ensures that every form element has a visible label and is not solely labeled using hidden labels, or the title or aria-describedby attributes
Banner landmark should not be contained in another landmark（bannerランドマークは他のランドマークに含まれるべきではありません）
Ensures the banner landmark is at top level
Aside should not be contained in another landmark（asideは他の要素に含まれるべきではありません）
Ensures the complementary landmark or aside is at top level
Contentinfo landmark should not be contained in another landmark（contentinfoランドマークは他のランドマークに含まれるべきではありません）
Ensures the contentinfo landmark is at top level
Main landmark should not be contained in another landmark（mainランドマークは他のランドマークに含まれるべきではありません）
Ensures the main landmark is at top level
Document should not have more than one banner landmark（ドキュメントに複数のbannerランドマークが存在してはなりません）
Ensures the document has at most one banner landmark
Document should not have more than one contentinfo landmark（ドキュメントに複数のcontentinfoランドマークが存在してはなりません）
Ensures the document has at most one contentinfo landmark
Document should not have more than one main landmark（ドキュメントに複数のmainランドマークが存在してはなりません）
Ensures the document has at most one main landmark
Document should have one main landmark（ドキュメントにはmainランドマークが1つ含まれていなければなりません）
Ensures the document has a main landmark
Ensures landmarks are unique（ランドマークが一意であることを確認します）
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Users should be able to zoom and scale the text up to 500%（ユーザーがズームをしてテキストを最大500％まで拡大できなければなりません）
Ensures <meta name=”viewport”> can scale a significant amount
Page should contain a level-one heading（ページにはレベル1の見出しが含まれていなければなりません）
Ensure that the page, or at least one of its frames contains a level-one heading
Ensure elements marked as presentational are consistently ignored（プレゼンテーション目的とされている要素が一貫して無視されることを確認します）
Elements marked as presentational should not have global ARIA or tabindex to ensure all screen readers ignore them
All page content should be contained by landmarks（ページのすべてのコンテンツはlandmarkに含まれていなければなりません）
Ensures all page content is contained by landmarks
scope attribute should be used correctly（scope属性は正しく使用されなければなりません）
Ensures the scope attribute is used correctly on tables
The skip-link target should exist and be focusable（スキップリンクのターゲットが存在し、フォーカス可能でなければなりません）
Ensure all skip links have a focusable target
Elements should not have tabindex greater than zero（要素に指定するtabindexは0より大きい値であってはなりません）
Ensures tabindex attribute values are not greater than 0
tables should not have the same summary and caption（テーブルのキャプションとサマリーは同一であってはなりません）
Ensure the <caption> element does not contain the same text as the summary attribute
All touch targets must be 24px large, or leave sufficient space（すべてのタッチターゲットは24pxの大きさか、十分なスペースがなければなりません）
Ensure touch target have sufficient size and space