Skip to content

USWDS - a11y: Fix color and scrollable region issues on Grid page. #1111

Closed
@mejiaj

Description

@mejiaj

Description

Related to #1104.

id: 'color-contrast',
impact: 'serious',
tags: [ 'cat.color', 'wcag2aa', 'wcag143' ],
description: 'Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds',
help: 'Elements must have sufficient color contrast',
helpUrl: 'https://dequeuniversity.com/rules/axe/3.5/color-contrast?application=axeAPI',

id: 'scrollable-region-focusable',
impact: 'moderate',
tags: [ 'wcag2a', 'wcag211' ],
description: 'Elements that have scrollable content should be accessible by keyboard',
help: 'Ensure that scrollable region has keyboard access',
helpUrl: 'https://dequeuniversity.com/rules/axe/3.5/scrollable-region-focusable?application=axeAPI',

Pages to fix

  • Grid

Steps to reproduce the issue

  1. Open run-axe.js
  2. Add component URLs from Check accessibility on all component pages on site #1104 to const PAGES array
  3. npm run axe

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions