Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ID 258792: [Programmatic Access -Simon – Value Mapping]: Two <H1> are defined on "Time series graphs /Edit Panel". #66336

Closed
Tracked by #65701
eledobleefe opened this issue Apr 12, 2023 · 2 comments
Assignees
Labels
area/dashboard area/frontend internal for issues made by grafanistas MAS type/accessibility Accessibility problem / enhancement wcag/1.3.1 Info and relationships can be programmatically determined or are available in text.

Comments

@eledobleefe
Copy link
Contributor

eledobleefe commented Apr 12, 2023

User Experience:

Visual impaired users who depend on screen reader will be confused and will be unable to get the title of the page if two H1 headings are defined within the same page.
Note: User credentials should NOT be included in the bug.

Repro Steps:

  1. Open #Url: play.grafana.orgSign 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.
  6. Navigate to "Value Mapping" button and expand it.
  7. Navigate all the controls present under it.
  8. Run AI Tool. Verifybthe issue

Actual Result:
Issue: Two <H1> are defined on "Time series graphs /Edit Panel".
Observation: Screen reader is announcing as heading level 1 "Time series graphs /Edit Panel".

Expected Result:
Only one H1 Heading tag should be defined on "Time series graphs /Edit Panel".
Note: This issue exists throughout the application.

Severity:

SEV2

Area:

Any Dashboard page

@grafanabot
Copy link
Contributor

@eledobleefe please add one or more appropriate labels. Here are some tips:

  • if you are making an issue, TODO, or reminder for yourself or your team, please add one label that best describes the product or feature area. Please also add the issue to your project board. 🚀

  • if you are making an issue for any other reason (docs typo, you found a bug, etc), please add at least one label that best describes the product or feature that you are discussing (e.g. area/alerting, datasource/loki, type/docs, type/bug, etc). Our issue triage doc also provides additional guidance on labeling. 🚀

Thank you! ❤️

@grafanabot grafanabot added the internal for issues made by grafanistas label Apr 12, 2023
@ckbedwell ckbedwell added the wcag/1.3.1 Info and relationships can be programmatically determined or are available in text. label Jun 6, 2023
@evictorero
Copy link
Contributor

This title Time series graphs /Edit Panel does not exist anymore when editing a panel, it is part of the breadcrumb navigation now
image

@evictorero evictorero self-assigned this Jun 9, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/dashboard area/frontend internal for issues made by grafanistas MAS type/accessibility Accessibility problem / enhancement wcag/1.3.1 Info and relationships can be programmatically determined or are available in text.
Projects
Archived in project
Development

No branches or pull requests

4 participants