DEV Community

ARIA attributes must conform to valid values

Ensure all ARIA attributes have valid values

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Images must have alternative text

Ensure <img> elements have alternative text or a role of none or presentation

Elements must meet minimum color contrast ratio thresholds

Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds

Elements must meet minimum color contrast ratio thresholds

Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds

Elements must meet minimum color contrast ratio thresholds

Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds

Links must be distinguishable without relying on color

Ensure links are distinguished from surrounding text in a way that does not rely on color

Links must have discernible text

Ensure links have discernible text

Links must have discernible text

Ensure links have discernible text

Interactive controls must not be nested

Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies

Interactive controls must not be nested

Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

All touch targets must be 24px large, or leave sufficient space

Ensure touch targets have sufficient size and space

Heading levels should only increase by one

Ensure the order of headings is semantically correct