Update "footer actions" markup

[lukefretwell]

Builds

• staging
• prod

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.

[curtismchale]

deployed

Composer: https://github.com/proudcity/wp-proudcity/releases/tag/2024.09.03.1549
Builds: https://github.com/proudcity/proud-recipes/releases/tag/2024.09.03.1549