Skip to content

The format list should be an ARIA menu and other a11y improvements #1879

@afercia

Description

@afercia

The format list with paragraph format and headings level should work like the DropDown component:

screen shot 2017-07-13 at 09 23 23

  • should use role="menu" and role="menuitem"
  • should use arrows navigation
  • all the items are <span> elements: with role="menuitem" their semantic would be OK but worth considering to use a natively interactive element (button?) to simplify the JS part
  • not sure why it is using aria-hidden="true" on the items
  • the toggle button needs a focus style, see for example the style used on the similar block switcher toggle button:

screen shot 2017-07-13 at 11 34 17

Todo: consider to re-use the DropdownMenu component

Metadata

Metadata

Assignees

No one assigned

    Labels

    [Focus] Accessibility (a11y)Changes that impact accessibility and need corresponding review (e.g. markup changes).

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions