Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Perform accessibility enhancements #112

Open
9 of 12 tasks
talitapagani opened this issue Nov 19, 2015 · 7 comments
Open
9 of 12 tasks

Perform accessibility enhancements #112

talitapagani opened this issue Nov 19, 2015 · 7 comments
Assignees
@albertosouza
Labels
accessibility enhancement

Comments

@talitapagani
Copy link

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 for to 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
@albertosouza
Copy link
Member

👍

@albertosouza albertosouza added this to the v1.0.0 milestone Nov 19, 2015
@albertosouza
Copy link
Member

i am working with a new image selector for solve: 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

@albertosouza
Copy link
Member

@talitapagani Accessibility Evaluation Report 1 online and avaible in: http://wejs.org/public/project/aer-1/public-website-of-wejs-framework-and-wejs-events-evaluation-report.html

@talitapagani
Copy link
Author

@albertosouza Thanks! I'm going to work first on the other items related to Level A compliance.

albertosouza added a commit to wejs/we-plugin-file that referenced this issue Nov 20, 2015
@albertosouza
update image selector for upload and use image alt attr wejs/we#112
d930477
albertosouza added a commit to wejs/we-core that referenced this issue Nov 20, 2015
@albertosouza
add img alt attr in html text area wejs/we#112
e17e8c2
talitapagani added a commit to talitapagani/we-core that referenced this issue Nov 30, 2015
@talitapagani
Enhancement in error messages and translating wejs/we#112
df1bf3d
@talitapagani talitapagani mentioned this issue Nov 30, 2015
Merged
albertosouza added a commit to wejs/site that referenced this issue Dec 8, 2015
@albertosouza
fix locales with Accessibility, related to wejs/we#113 and wejs/we#112
d341670
@albertosouza
Copy link
Member

Hi @talitapagani , you can send an example of accessibility menu?
Like this go to content link.

@albertosouza albertosouza self-assigned this Feb 6, 2016
albertosouza added a commit to wejs/we-theme-cluster that referenced this issue Feb 22, 2016
@albertosouza
add skip to content link ref wejs/we#112
65e4304
albertosouza added a commit to wejs/we-theme-default that referenced this issue Feb 22, 2016
@albertosouza
add skip to content link ref wejs/we#112
1ce7629
@albertosouza
Copy link
Member

Skip content on in we.js site for cluster theme:
Skip content link example in wejs.org site

@albertosouza albertosouza modified the milestones: v1.2.0, v1.0.0 Mar 16, 2016
@albertosouza albertosouza modified the milestones: v2.0.0, v1.2.0 Apr 1, 2016
@albertosouza albertosouza mentioned this issue Apr 22, 2016
Closed
12 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@albertosouza albertosouza

Labels
accessibility enhancement
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@albertosouza @talitapagani and others