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.
- 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.
- Google Developers: Web Essentials: 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).
PDF CONVERSION TOOLS/SERVICES
Below we have pulled together list of some “tools and services” that can assist in the process of converting PDFs into accessible digital documents. Thanks to Jiatyan Chen of Stanford University, Damian Sian of Princeton University and Tristan Price of Mt. Hood Community College who generated the initial list.
SensusAccess – SensusAccess is a self-service, alternate media solution for educational institutions. SensusAccess allows students, faculty, staff and alumni to automatically convert documents into a range of alternate media including audio books (MP3 and DAISY), e-books (EPUB, EPUB3 and Mobi) and digital Braille. The service can also be used to convert inaccessible documents such as image-only PDF files, JPG pictures and Microsoft PowerPoint presentations into more accessible and less tricky formats.
CommonLook – NetCentric Technologies, a global leader in document accessibility, provides software products and professional services enabling faster, more cost-efficient, and more reliable processes for achieving compliance with the leading PDF and document accessibility standards, including WCAG, PDF/UA, and Section 508. CommonLook software makes the creation, remediation, and management of accessible PDF and Microsoft Office documents easier than ever before.
247 Accessible Documents – On-demand Accessible Documents – Upload a Document and receive an Accessible PDF, Accessible Word Document or an Accessible PowerPoint that meets Accessibility Standards & Guidelines 2.0 in 5 days.
inclüd – Accessible content conversion, creation, and consulting services, inclüd provides institutions with a path to accessible information, ensuring that those with exceptional needs can access content tailor made for them.
Equidox – Equidox is an automated solution that simplifies the process of discovering, converting, and publishing PDF documents to WCAG 2.0 compliant HTML. Manual PDF to HTML conversion requires a significant amount of time and extensive HTML knowledge. Not only is manual HTML conversion less efficient, but it can also introduce errors.
Equidox automates the conversion process, and saves organizations time and money.
BrailleWorks – Braille Works is a solution for repair or remediation of your documents so organizations can meet WCAG and 508 compliance standards. WCAG and Section 508 document compliance can be difficult and navigating these waters is not a job for the inexperienced. Elements of a document such as paragraph structure, tables, charts, lists etc, need to be properly organized and tagged to provide true accessibility.
Adobe Acrobat Pro DC – The defacto PDF conversion tool. Includes an Accessibilty Checker to assess your PDF files.
axaio MadeToTag – axaio MadeToTag is an Adobe InDesign CS6 to CC plug-in to properly prepare InDesign documents for export as accessible, tagged PDF file – much more easier, faster and more reliable. The tagged PDF complies with the terms of the PDF/UA-Standard, the international standard for universally accessible PDF. PDF/UA is important to all organizations and companies delivering documents which have to be conform to regulations requiring accessible electronic content including WCAG 2.0, Section 508 in the US.
PDF Accessibility Checker (PAC 2) – PAC 2 quickly tests PDF files for accessibility. PAC 2 is used to support expert and affected tests during assessment. NOTE: The company offering this software, Access for All, is based in Switzerland, you may need to use translation to understand the content.
last updated: 05/17/2017