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]: Accessibility issues Tracking (Phase 1) #55

Open
3 of 7 tasks
AshleyHenry15 opened this issue Apr 26, 2024 · 0 comments
Open
3 of 7 tasks

[Accessibility]: Accessibility issues Tracking (Phase 1) #55

AshleyHenry15 opened this issue Apr 26, 2024 · 0 comments
Assignees
@AshleyHenry15
Labels
accessibility hold-for-quarto Hold for Quarto to implement a solution/fix/enhancement

Comments

@AshleyHenry15
Copy link
Contributor

AshleyHenry15 commented Apr 26, 2024 •
edited

Describe the accessibility issue
A clear and concise description of what the accessibility is.

Lighthouse report surfaced the following issues:

Can't fix (quarto issue):

Can fix:

  • Footer logos (posit guide and posit logo): Lacking alt text (Accessibility issues #56)
  • Nav bar text: contrast between font color and background (contrast is too low) (Accessibility issues #56)
  • [aria-hidden="true"] elements contain focusable descendants (I think that this is an issue for both the website logo and the menu item drop-down in the nav - I have fixed the menu item issue) (Accessibility issues #56)

    Focusable descendents within an [aria-hidden="true"] element prevent those interactive elements from being available to users of assistive technologies like screen readers. Learn how aria-hidden affects focusable elements.

    image

Uncategorized - unsure if we can fix

  • [aria-hidden="true"] elements contain focusable descendants (Quarto team thinks that this is resolved in v1.5 so I can verify at a later date - however, the Quarto website doesn't have this issue so I am assuming that v1.5 does in fact resolve this issue)

    Focusable descendents within an [aria-hidden="true"] element prevent those interactive elements from being available to users of assistive technologies like screen readers. Learn how aria-hidden affects focusable elements.

    image 
    <body class="nav-fixed quarto-light" data-tabster="{&quot;root&quot;:{}}" data-new-gr-c-s-check-loaded="14.1169.0" 
data-gr-ext-installed="" data-bs-offset="81" style="padding-top: 81px;">

  • [aria-*] attributes do not match their roles
    image
    (Fix?: https://github.com/quarto-dev/quarto-cli/pull/9553/files)

Resolution
If applicable, add the solution to resolve this accessibility issue.

Additional context
Add any other context about the problem here.
@AshleyHenry15 AshleyHenry15 self-assigned this Apr 26, 2024
@AshleyHenry15 AshleyHenry15 mentioned this issue May 2, 2024
Merged
@AshleyHenry15 AshleyHenry15 changed the title [Accessibility]: First round of accessibility issues [Accessibility]: Accessibility issues Tracking (Phase 1) May 7, 2024
@AshleyHenry15 AshleyHenry15 added the hold-for-quarto Hold for Quarto to implement a solution/fix/enhancement label May 7, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@AshleyHenry15 AshleyHenry15

Labels
accessibility hold-for-quarto Hold for Quarto to implement a solution/fix/enhancement
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@AshleyHenry15