Skip to content

a11y: jump to main content doesn't work without JS #6411

@iacore

Description

@iacore

Have you read the Contributing Guidelines on issues?

Prerequisites

  • I'm using the latest version of Docusaurus.
  • I have tried the npm run clear or yarn clear command.
  • I have tried rm -rf node_modules yarn.lock package-lock.json and re-installing packages.
  • I have tried creating a repro with https://new.docusaurus.io.
  • I have read the console error message carefully (if applicable).

Description

  1. "Jump to main content" has href of #, which isn't doing anything when Javascript isn't available.
  2. Default link color too bright. Poor contrast with white background.
  3. Links don't change appearance when focused. No idea which link is focused because of this. I don't need a screen reader.

Steps to reproduce

  1. Go to https://docusaurus.io/docs in Firefox Desktop
  2. Disable Javascript & refresh
  3. Press Tab, and try to use link "Skip to main content" with Enter

Expected behavior

Implied in Description

Actual behavior

Implied in Description

Your environment

No response

Reproducible demo

https://docusaurus.io/docs

Self-service

  • I'd be willing to fix this bug myself.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugAn error in the Docusaurus core causing instability or issues with its executiondomain: a11yRelated to accessibility concerns of the default theme

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions