ID 258954: [Screen reader -Simon – Value Mapping]: Heading hierarchy is not defined sequentially in the "Time series graphs / Edit Panel" Screen.

[natydej]

User Experience:

Visual Impaired users will be confused, unable to understand and face difficulty in relating the content while navigating the page in heading mode of the screen reader as the heading structure/order is not logical.
Note: User credentials should NOT be included in the bug.

Repro steps:

Open #Url: https://play.grafana.org/ Sign in with valid credentials. "Home" page appears. Navigate the Feature Showcase pane heading and select it. Navigate the expanded Dropdown and select the "Edit" menu item. Navigate the page "Edit" page which appears. Navigate to the "All" buttons and select it. Navigate to "Value Mapping" button and expand it. Navigate all the controls present under it. Verify the issue using screen reader. Verify the issue

1. Open https://play.grafana.org/. Sign in with valid credentials. "Home" page appears.
2. Navigate the Feature Showcase pane heading and select it.
3. Navigate the expanded Dropdown and select the "Edit" menu item.
4. Navigate the page "Edit" page which appears.
5. Navigate to the "All" buttons and select it. Navigate to "Value Mapping" button and expand it. Navigate all the controls present under it.
6. Verify the issue using a screen reader and verify the issue.

Actual Result:
Issue: Heading hierarchy is not defined sequentially in the "Time series graphs / Edit Panel" Screen

Observation:
Heading hierarchy is not sequential in the "Time series graphs / Edit Panel" screen as 'Panel Options' is defined under <H6> Heading level just after <H2> heading text "Simple graph". Due to which Screen reader announces as "Heading level 6 Panel options ".

Expected result:
The heading hierarchy should be defined sequentially in the "Time series graphs / Edit Panel" Screen as the 'Panel options " should be defined under <H3> heading level which is just after <H2> heading text “Simple graph”.

Note: Same issue exists throughout the "Time series graphs / Edit Panel" Screen. The same issue exists under "1-Time series graph" screen. The same issue exists under "Alerting" screen. (Home page>Alerting>Alert rules tab)

Severity:

SEV2

Area:

Panel Edit (OptionsPaneCategory component)

[Elfo404]

@natellium i think is related to dashboad edit page not having sequentially ordered headings, should this be reassigned to dashboards?

[papidb]

Hi, is this an issue I can pick up?