Skip to content

USWDS - Feature: Aria-hide lock icon and flag in banner #4912

@werdnanoslen

Description

@werdnanoslen

Is your feature request related to a problem? Please describe.

There are some graphical elements in the banner that are purely visual and add unnecessary content for screenreaders.

Describe the solution you'd like

The lock icon and surrounding parentheses can be made aria-hidden, as it only communicates visual information.

<p><strong>{{ https.heading }}</strong><br/>{{ https.pretext | trim | raw }} ({{ lock }}) {{ https.posttext | trim | raw }}</p>

image

Ditto for the flag image, which is purely decorative:

<img class="usa-banner__header-flag" src="./img/us_flag_small.png" alt="U.S. flag">

image

Describe alternatives you've considered

No response

Additional context

No response

Code of Conduct

Metadata

Metadata

Assignees

Type

No type

Projects

Status

Done

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions