ondemand icon indicating copy to clipboard operation
ondemand copied to clipboard

investigate navbar accessibility

Open johrstrom opened this issue 4 years ago • 1 comments

In the bootstrap 4 upgrade it became apparent that we don't really use roles in the navbar, though a lot of WCAG documentation seems to indicate there are several.

This ticket is to investigate if our navbar currently exhibits expected navigation patterns and announcements and propose (or supply) fixes if required.

Here are some docs on expected behaviour and an example.

https://www.w3.org/WAI/GL/wiki/Using_ARIA_menus https://www.w3.org/TR/wai-aria-practices/examples/menu-button/menu-button-links.html

┆Issue is synchronized with this Asana task by Unito

johrstrom avatar Mar 12 '21 17:03 johrstrom

The landmark seems funny. How it is read in a screen reader is below. The ERB line being correct, but it seems like there are 1-2 extra things being read here.

banner landmark
navigation
naviation landmark
<%= title %> link

johrstrom avatar Jun 03 '22 19:06 johrstrom