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.
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
titleattribute from flag; just keepaltfor 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.