greenpeace / planet4

Built on top of Wordpress tech, Greenpeace Planet 4 powers digital platforms to engage with millions and win campaigns around the world.
https://planet4.greenpeace.org
Creative Commons Attribution Share Alike 4.0 International
66 stars 27 forks source link

PLANET-5249 Submenu Block Accessibility #122

Closed planet-4 closed 9 months ago

planet-4 commented 3 years ago

The Submenu block looks (sounds) quite OK in the 'long' and 'short' styles.  Choosing a numbered list in some of the levels makes it a bit too verbose (it announces the list, then the list number for each element...), but it's correct in terms of a11y.

The 'sidebar' style has a few caveats. It's browsable, but it's read before the content when it's present, not sure this is the behaviour we want. It's not a big deal, but maybe it's worth a UX look into it (frontend file).

Screenshots

Screenshot Screenshot

Reporter: pcuadrad
Sections: Block: Submenu

Potentially affected repositories: planet4-plugin-gutenberg-blocks

Testing

Add a Submenu block to a page (a long one, with several headers) and check the different styles with a screen reader. You can also check out the docs for more details.