Perform accessibility enhancements #112
Description
According to the Accessibility Evaluation conducted at We.js website link , taking into account WCAG 2.0 guidelines, the following adjustments need to be performed:
WCAG 2.0 Level A
- Add
lang='en'attribute to the<html>tag. It's needed to inform to screen readers the natural language of the website content;theme - Add and make revision of alternative (ALT) text in images. The ALT text should be relevant, concise and represent the image content or meaning that is relevant to the context;
core - we-plugin-file - Add missing attribute
forto form<label>, specially at Login and Register pages;html - we-plugin-form - Add a unique
<title>for each We.js page, following W3C/WAI guidelines;code - Add a skip to content link at the beginning of pages. This link skip the navigation menu and header, jumping to the main content;
theme - Add ARIA landmark roles for header, search, menu, footer and aside content.
theme
WCAG 2.0 Level AA
- Add heading titles (
<h1>) for pages that are missing them, such as Plugins and Themes; - Make focus visible for form fields;
- Improve error messages, specially on form pages;
code - Add ARIA roles, states and properties to page elements;
html - Improve color contrast between elements background and foreground colors;
html - Provide a high contrast mode.
html and code