Skip to content

Code insights "Start Y axis at 0" menu item state is inaccessible

Created by: felixfbecker

The "Start Y axis at 0" menu item uses an SVG checkmark icon as the only means to represent whether it is currently active or not (and hence what action triggering it will cause).

image

This means a screen reader user has no means to know what state is currently active, and what pressing the button will do (will it switch it to start at 0, or to be dynamic?).

image

The ARIA spec allows three child roles for menus:

  • menuitem
  • menuitemcheckbox
  • menuitemradio

This would naturally be a menuitemcheckbox, which would make this accessible, but it is currently marked up as menuitem.

https://www.w3.org/TR/wai-aria-1.1/#menu https://www.w3.org/TR/wai-aria-1.1/#menuitemcheckbox