Changes

Jump to: navigation, search

Accessibility

117 bytes added, 15:02, 26 March 2019
no edit summary
It is estimated that approximately 1 in 5 people have a disability. Disabilities are generally classified into 4 areas.
[[File:a11y-disability.png|thumb|none|500px|The 4 four disability classifications]]
===Visual===
===WCAG===
Web Content Accessibility Guidelines or '''WCAG ''' for short. Is a set of international standards, published by the World Wide Web Consortium (W3C).
These standards contain a set of guidelines with testable success criterion.
Essentially there are 4 four guiding principles in WCAG.
# Is it Perceivable: Can I perceive the Interface and information presented?
===WAI-ARIA===
Web Accessibility Initiative - Accessible Rich Internet Applications or '''ARIA ''' for short.'''Aria ''' is a set of specific recommended standard for developers.ARIA is generally intended to increase accessibility of web pages with dynamic content and newer user interface components. 
Visit https://www.w3.org/WAI/standards-guidelines/aria/ to learn more.
===Section 508 (USA)===
Section 508 of the U.S. Rehabilitation Act generally requires federal agencies to provide information in an accessible way.
 
Visit https://www.section508.gov/ to learn more.
Americans with Disabilities Act (ADA) generally requires US-based organizations to provide access
to information for people with disabilities and prohibits discrimination on the basis of disability.
 
Visit https://www.ada.gov/ to learn more.
Generally states Public sector organisations across the EU must adhere to WCAG.
Websites and apps must comply with EN 301 549 accessibility requirements.
 
Visit http://nda.ie/Publications/Communications/EU-Web-Accessibility-Directive/ to learn more.
===AODA (Ontario, Canada)===
Accessibility for Ontarians with Disabilities Actor '''AODA''' for short.
Visit https://www.aoda.ca/ and https://www.ontario.ca/laws/statute/05a11 to learn more.
==Testing for accessibility==
The SmartSimple platform is tested for accessibility by a 3rd party (a completely blind computer user) and we also test the system internally. Primary testing is done with the '''JAWS ''' screen reader.You can download Download our Voluntary Product Accessibility Template https://www.smartsimple.com/agreements.html
===Automated testing===
There are a number of free and easy to use tools you can use to test your configuration of the SmartSimple system.Here are 3 three popular browser extensions:  '''Wave toolbar''' - annotates possible problems inline and recommended fix. https://wave.webaim.org/extension/[[File:a11y-wave.png|thumb|none|500px|Screenshot of Wave]]  '''Tenon''' - display code snippets, guidelines and recommended fix. https://tenon.io/[[File:a11y-tenon.png|thumb|none|500px|Screenshot of Tenon]]
Wave toolbar: annotates possible problems inline. https://wave.webaim.org/extension/
[[File:a11y-wave.png|thumb|none|500px|Screenshot of wave toolbar]]
Tenon: display code snippets, guidelines '''Google Lighthouse''' - provides an accessibility audit and recommended fix. https://tenondevelopers.google.iocom/web/tools/lighthouse/[[File:a11y-tenonlighthouse.pngjpg|thumb|none|500px|Screenshot of tenonGoogle audit]]
Google Lighthouse: does an accessibility audit. https://developers.google.com/web/tools/lighthouse/
[[File:a11y-lighthouse.jpg|thumb|none|500px|Screenshot of Googles audit]]
==Beyond automated testing==
=Accessibility - Advanced=
If you are a SmartSimple System administrator Administrator you have a role to play in ensuring the configuration of your system is accessible.
Here is a list of important information to note when you setup or modify any SmartSimple system.
===All links and buttons must be descriptive===
If you are adding a link or a button inside your system never say “click here”'''click here'''!
A user with a screen reader tabs from link to link and they will have no idea what will happen when the link is read out of context.
Links must be descriptive (describe destination, state the purpose or what will happen).
Smartstaff, administrator
3,317
edits

Navigation menu