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

Text situated in a Sidebar component can have screen reader issues #6999

Closed
1 task done
elvis-iacobescu-sage opened this issue Oct 4, 2024 · 2 comments
Closed
1 task done

Text situated in a Sidebar component can have screen reader issues #6999

elvis-iacobescu-sage opened this issue Oct 4, 2024 · 2 comments
Labels
Accessibility Bug On Backlog Squad Nebula

Comments

@elvis-iacobescu-sage
Copy link

Description

I am trying to make content accessible to screen readers by tabbing. the sidebar has no buttons only texts and .

Reproduction

https://stackblitz.com/edit/parsium-carbon-starter-euvanf?file=index.html,src%2FApp.tsx

Steps to reproduce

  • open sidebar
  • Tabb with NVMA started
  • NVMA does not read content

JIRA ticket numbers (Sage only)

No response

Suggested solution

No response

Carbon version

142.9.0

Design tokens version

No response

Relevant browsers

Firefox, Chrome, Safari, Microsoft Edge, Other

Relevant OSs

Windows

Additional context

No response

Confidentiality

  • I confirm there is no confidential or commercially sensitive information included.
@elvis-iacobescu-sage elvis-iacobescu-sage added Bug triage Triage Required labels Oct 4, 2024
@nineteen88
Copy link
Contributor

FE-6839

@nineteen88 nineteen88 changed the title Sidebar component has accesibility proablems. Text situated in a Sidebar component can have screen reader issues Oct 8, 2024
tomdavies73 added a commit that referenced this issue Nov 1, 2024
@tomdavies73
fix(dialog, dialog-full-screen, sidebar): make overflowing content ta…
c2ee628 
…bbable

When any of the components' content containers overflow and contain no interactive
elements, the container will be added to the tabbing order and can be focused via
keyboard navigation to ensure their contents are accessible

fix #6999
@tomdavies73 tomdavies73 mentioned this issue Nov 1, 2024
Closed
14 tasks
tomdavies73 added a commit that referenced this issue Nov 1, 2024
@tomdavies73
fix(dialog, dialog-full-screen, sidebar): make overflowing content ta…
0164a65 
…bbable

When any of the components' content containers overflow and contain no interactive
elements, the container will be added to the tabbing order and can be focused via
keyboard navigation to ensure their contents are accessible

fix #6999
tomdavies73 added a commit that referenced this issue Nov 7, 2024
@tomdavies73
fix(dialog, dialog-full-screen, sidebar): make overflowing content ta…
d6a068e 
…bbable

When any of the components' content containers overflow and contain no interactive
elements, the container will be added to the tabbing order and can be focused via
keyboard navigation to ensure their contents are accessible

fix #6999
tomdavies73 added a commit that referenced this issue Nov 12, 2024
@tomdavies73
fix(dialog, dialog-full-screen, sidebar): make overflowing content ta…
0f088be 
…bbable

When any of the components' content containers overflow and contain no interactive
elements, the container will be added to the tabbing order and can be focused via
keyboard navigation to ensure their contents are accessible

fix #6999
@tomdavies73
Copy link
Contributor

The issue is closed due to the text content still being accessible when navigated using VO keys, opposed to tabbing. With the former being the preferred and recommended form of navigation for screen reader users. Verified by the accessibility team.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Accessibility Bug On Backlog Squad Nebula
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(dialog, dialog-full-screen, sidebar): make overflowing content tabbale Sage/carbon
3 participants
@nineteen88 @tomdavies73 @elvis-iacobescu-sage