Skip to content

Small accessibility issue #2919

Open
Open
@RichCaloggero

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

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