The generated code was tested against Accessibility Insights and Lighthouse to ensure web accessibility standards were met. The full assessment through Accessibility Insights was used to measure compliance against the Web Content Accessibility Guidelines (WCAG) 2.0 Level AA Success Criteria.
After installing the two extensions in the browser, go through the tests and make sure it all passes, check Assesments and FastPass on Insight or Accesibility Category and Desktop Device on LightHouse.
Please ensure all pull requests meet the WCAG success criteria with the exception of WCAG 2.4.5.
The following test results hold as of July 2, 2020.
| React | Lighthouse | Accessibility Insights Fast Pass | Accessibility Insights Assessment |
|---|---|---|---|
| Grid | 100% | Pass | Pass with exception WCAG 2.4.5 |
| List | 100% | Pass | Pass with exception WCAG 2.4.5 |
| Master Detail | 100% | Pass | Pass with exception WCAG 2.4.5 |
| Blank | 100% | Pass | Pass with exception WCAG 2.4.5 |
| Angular | Lighthouse | Accessibility Insights Fast Pass | Accessibility Insights Assessment |
|---|---|---|---|
| Grid | 100% | Pass | Pass with exception WCAG 2.4.5 |
| List | 100% | Pass | Pass with exception WCAG 2.4.5 |
| Master Detail | 100% | Pass | Pass with exception WCAG 2.4.5 |
| Blank | 100% | Pass | Pass with exception WCAG 2.4.5 |
| Vue.js | Lighthouse | Accessibility Insights Fast Pass | Accessibility Insights Assessment |
|---|---|---|---|
| Grid | 100% | Pass | Pass with exception WCAG 2.4.5 |
| List | 100% | Pass | Pass with exception WCAG 2.4.5 |
| Master Detail | 100% | Pass | Pass with exception WCAG 2.4.5 |
| Blank | 100% | Pass | Pass with exception WCAG 2.4.5 |
WCAG 2.4.5 Multiple Ways (Level AA): More than one way is available to locate a web page within a set of web pages except where the Web Page is the result of, or a step in, a process.
In order to make the generated code as easy to build off of as possible the only form of navigation included in the generated code is the navbar. Developers who build off of the generated code are encouraged to add a second form of navigation (preferably site search) to ensure that the web app is fully compliant with WCAG 2.0 Level AA Success Criteria.