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.

Sign up for GitHub

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

Jump to bottom

(Accessibility) Add Integrations - Refactor integration DIVs into list items in unordered list #195029

Open
1Copenut opened this issue Jun 3, 2022 · 3 comments
Open

(Accessibility) Add Integrations - Refactor integration DIVs into list items in unordered list #195029

1Copenut opened this issue Jun 3, 2022 · 3 comments
Labels
defect-level-2 Serious UX disruption with workaround good first issue low hanging fruit obs-accessibilty A11Y issues in the Obs. solution. Project:Accessibility Team:Fleet Team label for Observability Data Collection Fleet team WCAG A

Comments

@1Copenut
Copy link
Contributor

1Copenut commented Jun 3, 2022 •
edited by alexwizp
Loading

[Please add a WCAG level label: WCAG A/AA/AAA]

Steps to reproduce

  1. Log into a Kibana instance
  2. Navigate to /app/integrations/browse
  3. The integrations are all coded as DIVs, that could be more meaningful to assistive technology if it was a list with list items.
<ul role="list">
  <li class="euiFlexItem">
    <div>Card information</div>
</li>
</ul>

Screen Shot 2022-06-03 at 2 51 38 PM

Actual Result

  • Page is a list of divs. Each one is announced as an individual unit by screen readers.

Expected Result

  • The list of integrations announce themselves as a list, with N number of items. List items announce themselves as "Item name, 1 of N"

Kibana Version:
7.16.3

OS:
MacOS Monterey

Browser:
Chrome

Relevant WCAG Criteria: [#.#.# WCAG Criterion - Level A/AA/AAA](link to https://www.w3.org/WAI/WCAG22/quickref/)
https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships.html
@1Copenut 1Copenut added the WCAG A label Jun 3, 2022
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-accessibility (Project:Accessibility)

@alexwizp alexwizp self-assigned this May 9, 2024
@alexwizp alexwizp transferred this issue from elastic/kibana May 13, 2024
@1Copenut 1Copenut transferred this issue from another repository Jul 25, 2024
@alexwizp alexwizp removed their assignment Sep 27, 2024
@alexwizp alexwizp added the defect-level-2 Serious UX disruption with workaround label Sep 27, 2024
@alexwizp alexwizp transferred this issue from another repository Oct 4, 2024
@alexwizp alexwizp added Team:obs-ux-management Observability Management User Experience Team Project:Accessibility labels Oct 4, 2024
@alexwizp alexwizp transferred this issue from elastic/transfer-issues Oct 4, 2024
@smith smith added the obs-accessibilty A11Y issues in the Obs. solution. label Oct 18, 2024
@maryam-saeidi maryam-saeidi added the Team:obs-ux-logs Observability Logs User Experience Team label Nov 14, 2024
@elasticmachine
Copy link
Contributor

Pinging @elastic/obs-ux-logs-team (Team:obs-ux-logs)

@flash1293 flash1293 added Team:Fleet Team label for Observability Data Collection Fleet team and removed Team:obs-ux-logs Observability Logs User Experience Team Team:obs-ux-management Observability Management User Experience Team labels Nov 14, 2024
@elasticmachine
Copy link
Contributor

Pinging @elastic/fleet (Team:Fleet)

@kpollich kpollich added the good first issue low hanging fruit label Nov 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
defect-level-2 Serious UX disruption with workaround good first issue low hanging fruit obs-accessibilty A11Y issues in the Obs. solution. Project:Accessibility Team:Fleet Team label for Observability Data Collection Fleet team WCAG A
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
7 participants
@smith @1Copenut @flash1293 @kpollich @maryam-saeidi @elasticmachine @alexwizp