Over the years Maine CITE has offered a number of training workshops on Accessible Web Design (AWD) and we built this site as a support to those events. But the materials have become rather popular so we’ve kept them here and invite you to feel free to poke around and use what you find. Please also check out the jebswebs blog for more information about this topic.
- NEW: April 11th Webinar: What You Need to Know To Make Sure Your Website Is Accessible To All
- Resources on Accessible Digital Documents
- Presentation slides from Accessibility and WordPress presentation –
- Speakers Notes – Ensuring Your Web Presence is Accessible to All –
Below are some articles and resources discovered over the past few years related to AWD that are some of the better resources:
Section 508 Refresh
The web accessibility guidelines in Section 508 of the Rehabilitation Act have recently been amended to align with the Web Content Accessibility Guidelines version 2.0 (WCAG-v2.0). The following references may be helpful:
- Section 508 Standards Refresh Toolkit – Section508.gov
- Moving from Old Section 508 to WCAG 2.0 AA – comparison of Old Section 508 with Section 508 Refresh – via Github
- Section 508 Refresh Update: ICT Final Rule Published – Deque
- Key Features of the Section 508 Refresh – SSB Bart Group
- Section 508 Refresh – Understanding the New Requirements – IAAP
The Many Meanings of Headings
Interesting blog post from css-tricks talking about the use of Headings and the debate surrounding. This section, “The Many Meanings of Headings” is part of a larger article called, “The Document Outline Dilemma” which discussed the debate and some of the history. Warning, this is not for newbies! Read “The Many Meanings of Headings”…
Web Accessibility: Tools and Considerations
Nice article by Shaumik Daityai summarizing the “whys” and “whatnots” of Accessible Web Design. Easy to read and full of great screen shots. Check out Web Accessibility: Tools and Considerations…
The 6 Simplest Web Accessibility Tests Anyone Can Do
Blog posting by web accessibility consultant Karl Groves seeks to answer the question: “How does my website perform for people with people with disabilities?” Read what Karl Groves has to say about six accessibility tests that anyone can do without any web development knowledge.
Website accessibility testing: automated testing vs. human evaluation
A research paper that investigates the use of evaluation tools has shown the importance of using a mixture of testing methodologies in order to accurately assess the accessibility of a website. Such methods include the use of automated testing, manual expert evaluation and user testing. Access iQ™ spoke to co-author of the research paper and director of Web Key IT, Vivienne Conway, about the research findings. Read “Website accessibility testing: automated testing vs. human evaluation…”
24 ways to impress your friends
- A11y.me – “a11y” is shorthand for accessibility: starts with an “a,” ends with a “y,” 11 letters in-between.
- Myths About Accessible Web Design (an oldie but goodie).
- AIS Web Accessibility Toolbar (still a nice resource, but I believe it still only works with Internet Explorer).
- W3C – WAI – WCAG v 2.0 Quick Reference.
- Section 508 (US Gov site).
- Section 508 (WebAIM site).
- Maine State WAP.
- WebAIM – Web Accessibility in Mind articles.
- Adobe Accessibility.
- Apple Accessibility.
- Microsoft Accessibility.
- HP Accessibility.
- IBM Accessibility.
- Google Accessibility.
- WordPress Accessibility.
- Facebook Accessibility.
- US Dept of Justice – ADA – Web Access Suggestions.
General Web Design Resources
See also the Links to Accessible Web and Universal Design found here on the Maine CITE web.
- Links to CSS Resources (UMN).
- Links to Dreamweaver Resources (UMN).
- Link to Accessibility Resources (UMN).
- Links on Usability and Liquid Design (UMN).
- WAI Resources for Evaluating Web Accessibility.
- Resources on Using Color and Contrast issues (UMN).
- All Things Web.
- University of Washington – DO-IT.
- Accessible Webpage Design: Resources (The motherload of resources and links).
- Joe Dolson’s AWD Blog.
- The Accessibility Project.
Content Management Systems
- Word Press Accessibility
- Drupal Accessibility
- Joomla Accessibility
Listservs and Groups
- LinkedIn Web Accessibility – Join LinkedIn and search for “Accessibility” groups.
- A11y Weekly – Accessibility Weekly News
Below we have provided a set of websites that provide a full range of free instructional content on web design and related topics. Exploring these sites is a great way to extend the content of this curriculum, particularly for advanced students. Many of these sites are additionally linked throughout the curriculum produced for the AccessIT Web Design and Development Course.
- WDG Guide to Cascading Style Sheets.
- WDG List of CSS Properties.
- CSS Zen Garden.
- Web Design Group (WDG): Linking Style Sheets to HTML.
- Listamatic2 (sample stylized lists).
- WebAIM CSS page.
- Eric Meyer.
- Accessible Dropdown Menus by Terrill Thomas.
- HTML 5 – proposed standards .
- HTML 4.01 Specification.
- CSS 2 Specification.
- XML 1.0 Specification.
- XHTML 1.0 Specification.
Usability and Accessibility
- Usability 101, by Jakob Nielsen.
- Jakob Nielsen: Ten Usability Heuristics.
- AskTOG: First Principles of Interaction Design.
- Web Pages That Suck.
- AccessIT – includes a searchable Knowledge Base of accessible technology questions and answers.
- Videos from DO-IT.
- WebAIM home page – articles and tutorials on all aspects of accessible web design.
- WebAIM Color Contrast Checker.
- Check my Colors.
- Dithering, from Web Style Guide.
- WebAIM on Color Blindness.
- Wellstyled Color Scheme Generator.
- VisiBone Color Chart.
- Visibone Webmaster’s Color Lab.
- Visicheck – Check your website for colorblindess issues.
Graphics & Copyright
- “Graphics and Accessibility,” Yale University Web Style Guide, 2nd edition.
- What is copyright?
- 10 Big Myths about copyright explained.
- Stanford University Copyright and Fair Use Overview.
- United States Copyright Office – Questions and Answers: Copyright and Fair Use.
- “Graphics and Network Bandwidth,” Web Style Guide, 2nd Edition.
Accessibility Validators and Tools
- HTML Codesniffer by SQUIZ.
- W3C HTML Validator – also validates for HTML standards.
- W3C CSS Validator.
- WAVE Web Accessibility Tool.
- WAVE Toolbar Extension for Chrome.
- AIS Web Accessibility Toolbar.
- Cynthia Says.
- AC Checker.
- Web Site Accessibility Testing Tool from PowerMapper – trial issue with scan a whole site up to ten pages.
- A-Tester by Evaluera.
- a11yTools Extension for Safari macOS.
- CKEditor Accessibility Checker – plugin for CKEditor Text Editor used with many CMSs including WordPress.
- Accessibility Developer Tools – Chrome plugin that works with Chrome Developer Tools.
- ARIA Validator – Chrome plugin to assess WAI-ARIA implementation issues.
- Functional Accessibility Evaluator (FAE) – from University of Illinois – requires creating free account.
There are a number of additional on-line tools available on Web Accessibility Evaluation Tools List published by the WAI. Tools include those that specifically evaluate PDFs, code for mobile devices, color contrast, and readability. Visit the Web Accessibility Evaluation Tools List…
- Heading Structure For Accessibility – by Rakesh Paladugula.
- Heading Tags (H1, H2, H3, P) in HTML – from Penn State.
- Semantic Structure – from WebAIM.
- WCAG Success Criteria.
- Accessible HTML Headings.
- WebAIM – Appropriate use of alternative text.
- Wikipedia – Alternative text for images.
- Jim Thatcher – text alternatives for images.
- Webcredible – Writing effective ALT text for images.
- Web Design Group (WDG) – Use of ALT texts in IMGs (Warning: this is long, complicated, and a bit dated).
- WebAIM – Creating Accessible Tables.
- Jim Thatcher – Accessible tables.
- Accessify – Accessible Table Builder (actually builds the code for you).
- WebAIM – Creating Accessible Forms.
- Web Standards Project – Accessible HTML/XHTML Forms: Beginner Level.
- Jim Thatcher – Accessible Forms.
- HTML Dog – Accessible Forms.
- A List Apart – Prettier Accessible Forms (lots of CSS if you are interested).
last updated: 04/11/2017