Skip to content

Small accessibility issue #2919

Open
Open

Description

@RichCaloggero

Many heading tags include anchors like this:

<h3 id="files-outside-the-web-root"><a class="anchor" href="#files-outside-the-web-root">
<svg class="octicon octicon-link" viewBox="0 0 16 16" aria-hidden="true" width="16" height="16">
<!-- ... -->
</svg></a>Files Outside the Web Root</h3>

Even though the SVG has aria-hidden="true" on it, screen readers still show it, which causes it to speak part of the url, followed by the rest of the text in the heading.

Thus, placing aria-hidden="true" on the enclosing a tag completely mitigates this behavior. Please consider doing this!

Love your site; more people need to leverage the browser and stop relying on bloated frameworks! The browser has come a very long way in the past decade, and we should thank the folks working tirelessly to develop the standards upon which this platform rests.

-- Rich

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions