Skip to content

[Feature request] [Accessibility]: Meaningful aria-label for search icon #468

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

Closed
signekb opened this issue Jun 13, 2024 · 1 comment
Closed

Comments

@signekb
Copy link

signekb commented Jun 13, 2024

Feature Request/Accessibility: Meaningful aria-label for search icon

Currently, there doesn't seem to be an easy way of adding an aria-label to the search icon of a Quarto website, which makes it difficult for screen readers to locate.

For example, when I use Google Chrome's Lighthouse accessibility check on quarto.org, I get the following reports in relation to the search icon:

image

image

It would be nice if it was possible, like with other navbar icons, to add an aria-label to the search icon, like with other navbar icons like so:

---
website:
  navbar:
    right:
      - icon: github
        href: https://github.com/
        aria-label: GitHub
---

Alternatively, it would be even nicer, if a meaningful aria-label like "Search" was added by default.

@cwickham
Copy link

@signekb, thanks for opening an issue! This repo is for our VS Code Extension, and your issue applies to the CLI. We already have an issue open for this problem: quarto-dev/quarto-cli#678. Feel free to chime in there with additional details.

@cderv cderv closed this as not planned Won't fix, can't repro, duplicate, stale Jun 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants