Skip to content

USWDS - Bug: Update identifier component markup for improved accessibility #4952

@nick-mon1

Description

@nick-mon1

Describe the bug

Identifier component has a child div with aria-label without an aria-role. We should replace the div with a section element to improve accessibility.

This issue was identified in the wheelhouse accessibility report.

ARIA Labels don’t always work well on certain elements like DIVs where there is no role

Suggest adding aria-role=”complementary” to this div

Steps to reproduce the bug

  1. Go to digital.gov

Expected Behavior

Should be a section element instead of div

Related code

See this PR https://github.com/GSA/digitalgov.gov/pull/5368/files

Screenshots

Screen Shot 2022-09-16 at 3 59 07 PM

System setup

  • USWDS 3.0.1

Additional context

No response

Code of Conduct

Metadata

Metadata

Assignees

Labels

Needs: ConfirmationWe need to confirm that this is an issue

Type

No type

Projects

Status

Done

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions