proudcity / wp-proudcity

The ProudCity WordPress platform
https://proudcity.com
Other
21 stars 9 forks source link

text within the gray bar at the top of the page is not contained in a landmark #2515

Open lukefretwell opened 3 months ago

lukefretwell commented 3 months ago

Source

https://airtable.com/appRFUc45sF4yWFut/tbles7VOkfstigeEc/viwtGryH3bawp6hb2?blocks=hide

Describe the bug

A clear and concise description of what the bug is.

The text within the gray bar at the top of the page - The text from "2024 Americans with Disabilities Act...January 8-11 - is not contained in a landmark.

The text within it is further not contained in a semantic element. Semantic markup provides context for screen readers.

All perceivable text content should be included within an aria landmark. This is a best practice only and not currently required for WCAG conformance. WCAG 2.1

Technique ARIA11: Using ARIA landmarks to identify regions of a page

https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA20.html

Recommendations

Example of semantic updates:

1.) Put the text in a

tag. 2.) Add role="region" and aria-label="Important Notifications".

Screenshots

If applicable, add screenshots to help explain your problem.

semantic updates