proudcity / wp-proudcity

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

Update "footer actions" markup #2523

Open lukefretwell opened 3 months ago

lukefretwell commented 3 months ago

Source

https://airtable.com/appRFUc45sF4yWFut/tbl51inE74gEWlB0x/viwG9G4vAjsjQEh4g/recd14Upjqv9m58Co?blocks=hide

Describe the bug

A clear and concise description of what the bug is.

The "footer actions": Helpful, Share, Size, Translate are contained in a NAV region. A screen reader user hears "Navigation region". However, the four actions are not navigation related.

Recommendations

One option is to leave the "nav" element, but give an aria-label to name the nav region so that it is clear what the four elements are for. For example, aria-label="Page customization options"

2.) One can simply present them as a list with a name for the list that identifies the purpose.

3.) See other implementations of similar tools:

https://www.whitehouse.gov/

https://developer.mozilla.org/en-

4.) Other possible ways to address: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/toolbar_role

Screenshots

If applicable, add screenshots to help explain your problem.

navigation region