Skip to content

Learner Dashboard has a broken skip link #510

@deborahgu

Description

@deborahgu

description

frontend-component-header has, correctly, a Skip to main content link that goes to href=main. However, Learner dashboard has a main element with no ID, so the skip link fails. This is an accessibility issue; it's a violation of WCAG 2.4.1 (and is also just a broken link). This can almost certainly be easily fixed by adding id=main to the main element.

acceptance criteria

a keyboard or screen reader user who loads the page will have the first link be "Skip to main content", and activating that link should take the keyboard or screen reader focus to the primary block (for keyboard users it will be the "my courses" first reachable element, which I believe is the "refine" button; for screen reader users I believe there is the invisible announcement "learner home" followed by the rest of the "my courses" component).

Metadata

Metadata

Assignees

No one assigned

    Labels

    a11yRelates to platform accessibilitybugReport of or fix for something that isn't working as intendedgood first issueA good task for a newcomer to start withhelp wantedReady to be picked up by anyone in the community

    Type

    No type

    Projects

    Status

    Done

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions