Skip to content

Docs: Navbar logo has extra decorative "TypeScript ESLint logo" narration #5213

Closed
@JoshuaKGoldberg

Description

@JoshuaKGoldberg

Before You File a Documentation Request Please Confirm You Have Done The Following...

Suggested Changes

The structure of the TypeScript ESLint logo & title in the navbar is roughly:

<a href="...">
  <img alt="TypeScript ESLint logo" src="..." />
  TypeScript ESLint
</a>

As a result, screenreaders narrate it as roughly like:

TypeScript ESLint logo TypeScript ESLint

Discussed on stream with @BenDMyers on Twitch: https://www.twitch.tv/videos/1498962341. The logo doesn't add any semantic meaning to the page. We should consider it decorative. See https://www.w3.org/WAI/tutorials/images/decorative for more details.

Affected URL(s)

Metadata

Metadata

Assignees

No one assigned

    Labels

    accepting prsGo ahead, send a pull request that resolves this issueaccessibility("a11y"): making the site more accessible to all usersbugSomething isn't workinggood first issueGood for newcomerspackage: websiteIssues related to the @typescript-eslint website

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions