search

quarto-dev / quarto

Quarto open-source scientific and technical publishing system
https://quarto.org
GNU Affero General Public License v3.0
280 stars 19 forks source link

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

Closed signekb closed 1 week ago

signekb commented 1 week ago

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 commented 1 week ago

@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: https://github.com/quarto-dev/quarto-cli/issues/678. Feel free to chime in there with additional details.