Skip to content

Color Theme Picker Dropdown Instructions #618

@aphelionz

Description

@aphelionz

Steps to reproduce (assumes ChromeVox or similar)

image

  1. [Tab] or [Shift+Tab] to the color theme picker at the top left of the page
  2. Press [Enter] to open the dropdown

Actual Result 1
Upon opening the dropdown, the screen reader reads:

Light Dark K6 K6 Dark

Expected Result 1

Light, Combo box one of 4

This gives more context and also provides information about which is the selected theme.

Suggested Fixes

Category: #615: Elastic UI Chrome Accessibility
Relevant WCAG Criteria: 3.3.2 Labels or Instructions

Note: if you're thinking something like "why would a blind user care about a color scheme," consider that blindness is a gradient that starts with mild color blindness and continues to total blindness. An alternative color scheme, especially a high contrast one, might help users access features and content that the default color scheme might not._

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions