sensu-docs icon indicating copy to clipboard operation
sensu-docs copied to clipboard

[Accessibility] Product and version menus are not keyboard-accessible

Open hillaryfraley opened this issue 2 years ago • 1 comments

Description

The selection menus for Sensu product and version are not keyboard-accessible.

I tested with the macOS VoiceOver tool and was able to access the product and version menus.

Category

This is an issue with:

  • [x] bug (bug in site build, layout, or functionality)
  • [ ] enhancement (add new or updated site functionality)

Affected pages

I think the updates would need to be made in https://github.com/sensu/sensu-docs/blob/main/layouts/partials/productVersionDropdown.html

Expected behavior

Users can navigate to and select from the product and version menus using only their keyboard

Current behavior

Keyboard navigation (via tab button and via VoiceOver controls) skips from the Sensu Docs text link straight to the search box

Changes needed

Unsure -- maybe add tabindex="0" to the divs.

hillaryfraley avatar Nov 03 '22 17:11 hillaryfraley

Same behavior described in https://github.com/sensu/sensu-docs/issues/4108#issuecomment-1309261480 observed when I try to add tabindex="0" to the divs for the product and version dropdown menus.

hillaryfraley avatar Nov 09 '22 19:11 hillaryfraley