| Info | ||
|---|---|---|
| ||
This is a draft of a plan to target WCAG 2.0 Level AA in uPortal that we hope to complete, discuss, and ratify in the community. Following that, we plan to convert this document to Markdown and commit it to the main uPortal repo in Github. |
...
| Issue | Technique | Notes |
|---|---|---|
| This fieldset element does not have a name available to an accessibility API. Valid names are: legend element. | Technique: H91 | See technique for ways to solve issue. |
| Duplicate id attribute | Technique: F77 | See technique for ways to solve issue. |
| This text input element does not have a name available to an accessibility API. Valid names are: label element, title attribute. | Technique: H91 | See technique for ways to solve issue. |
| This checkbox input element does not have a name available to an accessibility API. Valid names are: label element, title attribute. | Technique: H91 | See technique for ways to solve issue. |
WCAG
...
| . |
...
508
General Guidelines (for level A and AA)
...
- Webaim's Color Contrast Checker is a great way to check if you're color scheme adheres to Level AA.
- Webaim Web Accessibility Evaluation Tool scans an entire page and shows all accessibility issueissues. One caveat is this tool will only work for public websites. Sites with login access cannot be scanned.
- Webaim Web Accessibility Evaluation Extension is a Chrome extension that scans an entire page and shows all accessibility issues, its also includes an overview mode that highlights accessible metadata in a page.
- total11y is a Chrome extension that handles what Webaim Web Accessibility Evaluation Tool does, but as an extension to your browser.
- Accessibility Developer Tools is an accessibility audit tool built by Google Accessibility as a Chrome extension. (Github source)
</property></bean>- HTML_CodeSniffer is a client-side script that checks HTML source code and detects violations of a defined coding standard. HTML_CodeSniffer is written entirely in JavaScript, does not require any server-side processing and can be extended by developers to enforce custom coding standards by creating your own "sniffs". This was the tool used for the Oct 2016 uPortal accessibility audit. (Github source)
- Pally Pa11y - your automated accessibility testing pal. It runs HTML CodeSniffer for programmatic accessibility reporting.
- Dashboard: Web interface for automated accessibility reporting and graphing. (Github source)
- web service: A simple JSON web service for automated accessibility reporting. (Github source)
- command line: Run one-off accessibility reports from the comfort of your command line. (Github source)
- Tanaguru is a free/open source software (AGPL licensed) for web sites assessments. (Github source, Discussion Forum, Jenkins plugin)
- Audits include a page audit, entire website audit (Heritrix crawler embedded), offline file audit and scenario audit which is a user path over a given website.
Crawling with credentials
So something like this (with a valid login/password):
<bean id="credential" class="org.archive.modules.credential.HtmlFormCredential"> <property name="domain" value="example.com" /> <property name="login-uri" value="https://example.com/login"/> <property name="form-items"> <map> <entry key="login" value="mylogin"/> <entry key="password" value="mypassword"/> <entry key="submit" value="submit"/> </map>- aXe tools is an extension for Chrome and Firefox, that enhances the developer tools panel with an accessibility view.
Screen Readers
| Name | Platform | Site | Licensing | Cost |
|---|---|---|---|---|
| ChromeVox | Chrome Browser | http://www.chromevox.com/ | Proprietary | Free |
| NVDA | Windows | http://www.nvaccess.org/ | Open Source | Free |
| TalkBack | Android | https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback | Proprietary | Free |
| VoiceOver | MacOS, IOS | https://www.apple.com/accessibility/mac/vision/ | Proprietary | Free |
Useful links and additional information
WCAG