Difference between revisions of "Accessibility Guide"
Line 1: | Line 1: | ||
− | = Accessibility Project = |
||
+ | |||
+ | === Status of the WeBWorK Accessibility Project === |
||
+ | |||
+ | Thanks to the help of the [http://actcenter.missouri.edu/ Adaptive Computing Technology Center (ACT)] at the University of Missouri, we have access to the [http://www.hisoftware.com/ HiSoftware Compliance Sheriff] scanning software, and have begun using this software to assess the extent to which WeBWorK meets both Section 508 accessibility regulations, and also more broad recommendations for enhancing the usability of WeBWorK for users accessing the application with assistive technology. This began with an initial consultation with the ACT on February 11, 2011, and our notes from that meeting are below. We have followed up by performing additional, deeper accessibility scans on WeBWorK, and enabled support for screen readers in all mathematics displayed in WeBWorK via the MathJax display mode. To summarize, currently, |
||
+ | |||
+ | * WeBWorK is not fully Section 508 compliant, but just barely. We plan to bring WeBWorK into full Section 508 compliance during Summer 2011. |
||
+ | * The core content of WeBWorK, the mathematics, can be made fully accessible to screen readers by enabling the MathJax display mode. |
||
+ | |||
+ | Instructions for using screen readers in WeBWorK with MathJax are given below, as well as our notes from the initial Feb. 11 consultation with the ACT. |
||
+ | |||
+ | === How you can help === |
||
+ | |||
+ | This is a high priority project for WeBWorK, and we would welcome help! We are looking for |
||
+ | * people who have expertise in this area and can offer advice or programming skills, |
||
+ | * people who use or are familiar with using assistive devices on the web and can report to us on the experience of using those tools with WeBWorK, |
||
+ | * people who have access to additional scanning tools, |
||
+ | * people who are just interested in moving this project forward! |
||
+ | |||
+ | Interested parties can contact us at webwork@maa.org. |
||
+ | |||
+ | === Enabling accessible mathematics with MathJax === |
||
+ | |||
+ | === Report === |
||
We have received excellent advice from the folks at the University of Missouri who do accessibility testing. (Contact through Jason Aubrey [[User:aubreyja]]) They are willing to continue consultation/collaboration. |
We have received excellent advice from the folks at the University of Missouri who do accessibility testing. (Contact through Jason Aubrey [[User:aubreyja]]) They are willing to continue consultation/collaboration. |
Revision as of 12:02, 3 May 2011
Contents
Status of the WeBWorK Accessibility Project
Thanks to the help of the Adaptive Computing Technology Center (ACT) at the University of Missouri, we have access to the HiSoftware Compliance Sheriff scanning software, and have begun using this software to assess the extent to which WeBWorK meets both Section 508 accessibility regulations, and also more broad recommendations for enhancing the usability of WeBWorK for users accessing the application with assistive technology. This began with an initial consultation with the ACT on February 11, 2011, and our notes from that meeting are below. We have followed up by performing additional, deeper accessibility scans on WeBWorK, and enabled support for screen readers in all mathematics displayed in WeBWorK via the MathJax display mode. To summarize, currently,
- WeBWorK is not fully Section 508 compliant, but just barely. We plan to bring WeBWorK into full Section 508 compliance during Summer 2011.
- The core content of WeBWorK, the mathematics, can be made fully accessible to screen readers by enabling the MathJax display mode.
Instructions for using screen readers in WeBWorK with MathJax are given below, as well as our notes from the initial Feb. 11 consultation with the ACT.
How you can help
This is a high priority project for WeBWorK, and we would welcome help! We are looking for
- people who have expertise in this area and can offer advice or programming skills,
- people who use or are familiar with using assistive devices on the web and can report to us on the experience of using those tools with WeBWorK,
- people who have access to additional scanning tools,
- people who are just interested in moving this project forward!
Interested parties can contact us at webwork@maa.org.
Enabling accessible mathematics with MathJax
Report
We have received excellent advice from the folks at the University of Missouri who do accessibility testing. (Contact through Jason Aubrey User:aubreyja) They are willing to continue consultation/collaboration.
- One can make significant progress quickly in meeting 508 requirements, but really improving usability is a sizable project. Student manpower would be helpful.
- Establishing a good protocol for AltText in images would be a good start
- Implementing <label> tags for attaching labels to input entities would be useful.
- It's somewhat preferable to adding label attributes to HTML entities.
- One would think that the equations and problems would be the chief barrier, but in fact there are substantial (and perhaps more important) barriers on the first pages. For example:
- The front page which lists the courses
- The every underscore is "pronounced" by the JAWS reader -- this makes many course names difficult to recognize.
- The bullets are read (and they are not really necessary) -- there is some means to suppress this?
- Fix?: Replace all underscores with spaces when printing to HTML pages. (John Jones has already done this in some locations.)
- The masthead and links in the picture have too much prominence. The "not logged in" logo in the upper right hand corner is confusing (it is read before the login input)
- The login page doesn't identify what to do with the User: and Password: input boxes. Should have a <label>?
- The Course home page has "Sel." for select -- what does that mean? The download Hardcopy button comes after the selection of radio buttons -- so no clue why one would select anything until one "scans" down to there.
- In general the Login, Course home pages were written using HTML for styling
- This should be replaced by using HTML for hierarchical organization and CSS for styling.
- For example the top "Main page" is an H3 because that gives the right size -- but it should be H1?
- Practicing navigating the page using VoiceOver or JAWS gives some idea of what one is up against.
- This should be replaced by using HTML for hierarchical organization and CSS for styling.
- The front page which lists the courses
Web Accessibility Tools and Resources
Introduction to Web Accessibility
- WebAIM’s Introduction to Web Accessibility - http://webaim.org/intro
- W3C Web Accessibility Initiative - http://www.w3.org/WAI/gettingstarted/Overview.html
- Mediawiki_and_Accessibility
Laws, Standards and Guidelines
- MU Web Policies and Guidelines -
- Missouri Information Technology Accessibility Standards (MITAS) - http://oa.mo.gov/itsd/cio/standards/ittechnology.htm
- Section 508 -
- WebAIM Section 508 Checklist - http://www.webaim.org/standards/508/checklist
- Web Content Accessibility Guidelines (WCAG) 2.0 – http://www.w3.org/TR/WCAG20
- WebAIM's WCAG 2.0 Checklist - http://webaim.org/standards/wcag/checklist
Free Online Web Accessibility Checkers
- Functional Accessibility Evaluator (FAE) - http://fae.cita.uiuc.edu
- W3C validator - http://validator.w3.org
- Cynthia Says - http://www.cynthiasays.com
- WebAIM’s Wave Web Accessibility Evaluation Tool - http://wave.webaim.org
Firefox Add-ons
- Fangs Screen Reader Emulator - http://www.standards-schmandards.com/projects/fangs
- HTML Validator - https://addons.mozilla.org/en-US/firefox/addon/249
- WebAIM’s WAVE Toolbar - http://wave.webaim.org/toolbar
- Accessibility Extension Firefox toolbar - https://addons.mozilla.org/en-US/firefox/addon/5809
- Web Developer - http://chrispederick.com/work/web-developer
Colorblind Checkers
- WebAIM Color Contrast Checker - http://webaim.org/resources/contrastchecker
- Colorblind Web Page Filter - http://colorfilter.wickline.org
- Color Oracle - http://colororacle.cartography.ch
- Is your site color blind accessible? http://interface.missouri.edu/2008/07/is-your-site-color-blind-acces.php
Manual Web Accessibility Testing Guides
- Using JAWS to Evaluate Web Accessibility - http://webaim.org/articles/jaws
- Using NVDA to Evaluate Web Accessibility - http://webaim.org/articles/nvda
- Using VoiceOver to Evaluate Web Accessibility - http://webaim.org/articles/voiceover/
- Evaluating Cognitive Web Accessibility - http://webaim.org/articles/evaluatingcognitive
Webinars/Online Trainings
- EASI: Equal Access to Software and Information - http://easi.cc/clinic.htm
- WebAIM - http://www.webaim.org/articles
- High Tech Center Training Unit - http://htctu.net/trainings/manuals/tutmain.htm
- CATEA accesselearning - http://www.accesselearning.net
Mobile Devices
- mobiForge - http://mobiforge.com/Testing
WebAIM Articles
- Skip Navigation - http://webaim.org/techniques/skipnav
- Appropriate Use of Alternative Text - http://webaim.org/techniques/alttext
- Creating Accessible Forms - http://webaim.org/techniques/forms/controls
- Creating Accessible Tables - http://webaim.org/techniques/tables