accede web, a guide for accessibility web projects, ow2con'16, paris
TRANSCRIPT
AcceDe WebOpen source practical accessibilty guidelines
David MonnehayE-Accessibility consultant
Available guidelines
RGAA
SGQRI 008-02
They are not fitted for project management
Hard to master for most members of a production team (project managers, ux designer, graphic designer, editors & contributors,…)
One of the reasons for the limited amountof accessible websites and applications available
and many more…
Project supported byAgence Entreprises & Handicap, Anysurfer, Association des Paralysés de France (APF),
CIGREF, Design For All Foundation, ESSEC, Handirect, Hanploi, Sciences Po, Télécom ParisTech
First set of web accessibility guidelinessuited for project management
Easily understandable recommendations
Synthetic and operational
An open sourced knowledge base for web professionals
Project oriented
Adapted to project development phasesProvide skip links [Design and UX guideline]
A “Go to content” skip link must be displayed in the same place at the top of every page.
TipIf necessary the skip link can be hidden by default, so that it is only displayed in specific circumstances circumstances (navigation with the keyboard, version for mobile phones, etc.).
Use cases
Guideline for graphic and UX design :Provide different visual states for links
Guideline for graphic and UX design :Provide different visual states for links
Guideline for HTML & CSS :Make sure the focus state is visible
Use cases
Use cases
Guideline for graphic and UX design :Provide a way to stop animations
Use cases
Guideline for rich interfaces and JavaScript :Slideshows
Basic HTML Code, Javascript behavior, keyboard behavior
Guidelines for rich interfaces and JavaScript :Slideshows
Basic HTML Code, Javascript behavior, keyboard behavior
Use cases
Guidelines for rich interfaces and JavaScript :Slideshows
Basic HTML Code, Javascript behavior, keyboard behavior
Guideline for graphic and UX design :Make sure that there is sufficient contrast between the content and the
background or propose an alternative with contrast
Use cases
Guidelines for rich interfaces and JavaScript :Slideshows
Basic HTML Code, Javascript behavior, keyboard behavior
Guideline for graphic and UX design :Make sure that there is sufficient contrast between the content and the
background or propose an alternative with contrast
Fail 2.4:1 Pass 4.7:1 Fail 2.3:1 Fail 2.2:1
Use cases
Use cases
Use cases
Check list for each project steps
An easy way to include every team members in the accessibility optimization effort
The right information when needed
Can be adapted to fit any existing quality process
