Heroku: The Cloud Application Platform | Build. Deploy. Scale.

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

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

Landmarks should have a unique role or role/label/title (i.e. accessible name) combination

Ensure landmarks are unique

All page content should be contained by landmarks

Ensure all page content is contained by landmarks