Skip to content

Some WCAG accessibility improvements #32

Description

@mvdzel

We received some feedback on the accessibility of our IG and found that some issues cannot be fixed in our template, but need changes to the base template.
Most of the following issues have effect on screen readers and some on readability.

Minimum color contrast in footer (WCAG 1.4.3)
Suggest to use white as link color in the footer, just as in the menu. This is fixed in out template, but could benefit others.

Prev, Bottom/Top, and Next Links Use Invalid HTML Structure
The navigation links are now inside header and footer breadcrumb so screen readers "think" it is part of that.
Move it out of the breadcrumb and make it a nav-element.
Also make the text complete instead of 'prev' use 'previous' or add aria-label="Previous page"

Flag announced twice
Remove title attribute from flag; just keep alt for screen readers.

The Main Page Title Is Not Marked as an H1 (WCAG 2.4.6)
Why start at H2?

Decorative Images Have a Period as Alt Text Instead of Being Empty
In generated heirarchy alt="." is read out by screen readers; just make alt empty.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions