Skip to content

Incorrect semantics used on the skip link #2013

@cyberbaloo

Description

@cyberbaloo

Bug Report

Problematic behavior
There is indeed a skip link but semantically it's a button.

Expected behavior/code
The skip link view content must be structured in an element and not a

Steps to Reproduce

  1. Log in to docs
  2. Tab with the keyboard
  3. And then the bug happens!

Additional context/Screenshots

Image

Critères RGAA

Critère 7.1 : [Chaque script est-il, si nécessaire, compatible avec les technologies d'assistance ?](https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/#7.1)

Impact

A link is used for navigation (navigating between different pages / websites / anchors on the same page or a file to download)

A button is used to trigger an action or event (submit a form / open a modal, show/hide content)

It won't be announced in the same way, and navigation doesn't work the same way either. A link is activated with the enter key, a button with the enter and space keys

And finally, screen readers read pages in a linear fashion but also by list. If some users navigate by "list" of links or buttons on the page. If the wrong element is used, they won't find what they're looking for in that list.

Metadata

Metadata

Assignees

Type

Projects

Status

No status

Status

In review

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions