Note:

If you want to create a new page for developers, you should create it on the Moodle Developer Resource site.

Accessibility: Difference between revisions

From MoodleDocs
m (updated Mark Pilgram's website link - his work was taken off the web)
(Adding some recommended tools)
Line 31: Line 31:
== Tools ==
== Tools ==


* [http://firefox.cita.uiuc.edu/ Firefox Accessibility Extension] by the Illinois Center for Information Technology and Web Accessibility (iCITA)
=== Firefox extensions ===
* [[Web developer extension]] for [[Firefox]]
** [http://firefox.cita.uiuc.edu/ Firefox Accessibility Extension] by the Illinois Center for Information Technology and Web Accessibility (iCITA)
* [[Blank_Your_Monitor_and_Easy_Reading_extension_for_Firefox|Blank Your Monitor and Easy Reading Extension]] for Firefox
** [[Web developer extension]] for [[Firefox]]
** [[Blank_Your_Monitor_and_Easy_Reading_extension_for_Firefox|Blank Your Monitor and Easy Reading Extension]] for Firefox
** [http://www.deque.com/products/worldspace-fireeyes/download-worldspace-fireeyes|FireEye plugin for Firebug]
** [https://addons.mozilla.org/en-us/firefox/addon/wcag-contrast-checker|Color contrast plugin for Firefox]
 
=== Accessibility validation tools ===
* [[W3C validation]] (for [[HTML in Moodle]], [[CSS]] and [[RSS]])  
* [[W3C validation]] (for [[HTML in Moodle]], [[CSS]] and [[RSS]])  
* [http://wave.webaim.org/ Web accessibility evaluation tool]
* [http://wave.webaim.org/ Web accessibility evaluation tool]
* [http://cynthiasays.com/ Cynthia Says accessibility checker]
* [http://cynthiasays.com/ Cynthia Says accessibility checker]
=== Screen readers ===
* [http://www.standards-schmandards.com/projects/fangs/ Fangs – the screen reader emulator] for Firefox
* [http://www.standards-schmandards.com/projects/fangs/ Fangs – the screen reader emulator] for Firefox
* [http://www.nvda-project.org/ NVDA NonVisual Desktop Access] - open source screen reader for Windows  
* [http://www.nvda-project.org/ NVDA NonVisual Desktop Access] - open source screen reader for Windows  

Revision as of 07:03, 25 September 2012

Websites built with accessibility in mind are flexible in meeting different user needs, preferences and situations. Though these methods can increase usability for everyone who uses the web they are often legally required to be implemented in a specific effort to prevent discrimination against people with disabilities.

See the tracker under Accessibility Compliance in Moodle 1.8 and Compliance with Italian Legislation on Accessibility for more information on what we are doing for Moodle 1.8.


Starting points

These are some readable introductions to accessibility that cover; what accessibility is, why it is important, as well as practical advice.

Standards, guidelines and legislation

International & USA

Other countries

  • UK:
SENDA - Special Educational Needs and Disability Act/Bill
Disability Discrimination Act 1995
  • Germany:
Barrierefreie Informationstechnik-Verordnung - BITV

Tools

Firefox extensions

Accessibility validation tools

Screen readers

see also this long list of accessibility tools.

Resources

Dive Into Accessibility by Mark Pilgrim
Building Accessible Websites by Joe Clark (online version)

Common accessibility coding errors

Using CSS for titles, bold and emphasis
It is generally a good idea to separate a document's content HTML and how it is presented using CSS, however where there are some tags that affect a document's presentation but also contribute to the structure and meaning of the content. These tags should remain in HTML. This includes heading tags <h1>, <h2>, <h3>..., which are used to form the document's hierarchical structure, and <strong> and <em> tags, which are used to add meaning to sections of text.
Avoid using background images for important information
Users of non-visual browsers cannot see images. They can read the alt tags of normal images, but background images are not presented like normal images.

See also