> ## Documentation Index
> Fetch the complete documentation index at: https://anvil.servicetitan.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Continued Learning and Tools

> Resources for continued learning and tools for testing accessibility.

<div className="flex justify-center my-8">
  <img src="https://mintcdn.com/servicetitan/312dz0Rv87J2r7-n/images/a11y-logo-light.svg?fit=max&auto=format&n=312dz0Rv87J2r7-n&q=85&s=9006b677aa28b2c7dd0479b9902be725" alt="Accessibility" className="dark:hidden" style={{ maxWidth: '250px', margin: 0 }} width="967" height="753" data-path="images/a11y-logo-light.svg" />

  <img src="https://mintcdn.com/servicetitan/312dz0Rv87J2r7-n/images/a11y-logo-dark.svg?fit=max&auto=format&n=312dz0Rv87J2r7-n&q=85&s=4c2f4476ac4ad437d54052c001465719" alt="Accessibility" className="hidden dark:block" style={{ maxWidth: '250px', margin: 0 }} width="951" height="739" data-path="images/a11y-logo-dark.svg" />
</div>

This is not an exhaustive list of a11y patterns one should follow when constructing content flows. When using Anvil2 components, refer to the usage guidelines to help even further with making the right decisions on how to compose properly semantic layouts using the design system. Provided support and constraints, as well as further suggestions for use, are documented to aid in content creation and component usage.

If you want to keep learning about accessibility and how to apply it to your custom creations, here are some handy sources for learning.

***

## Learning Resources

* [WCAG.com](https://www.wcag.com)
* [W3C Web Accessibility Initiative (WAI)](https://www.w3.org/WAI/)
* [MDN Accessibility Overview](https://developer.mozilla.org/en-US/docs/Web/Accessibility)
* [MDN Accessibility Core Learning Module](https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Accessibility)
* [Deque's Beginners Guide to Accessibility](https://www.deque.com/web-accessibility-beginners-guide/)
* [W3C Introduction to Accessibility Course](https://learning.edx.org/course/course-v1:W3Cx+WAI0.1x+3T2019/home)
* [#ask-designsystem](https://servicetitan.enterprise.slack.com/archives/CBSRGHTRS)
* [#accessibility-champions](https://servicetitan.enterprise.slack.com/archives/C0A1QKT20LU)

Have a resource you like to use that is not listed here? Let us know in [#ask-designsystem](https://servicetitan.enterprise.slack.com/archives/CBSRGHTRS) or [#accessibility-champions](https://servicetitan.enterprise.slack.com/archives/C0A1QKT20LU) so that we can update our docs!

***

## Helpful Tools

How to make and maintain an accessibly compliant interface does not have to be a guessing game. Below is a non-exhaustive list of some tools that can be used to aid in helping keep implementers on the right track.

## Browser Plugins

* [axe DevTools®](https://www.deque.com/get-started-axe-devtools-browser-extension/)
* [Web Developer](https://chrispederick.com/work/web-developer/)
* [WAVE](https://wave.webaim.org/extension/)
* [Lighthouse](https://developer.chrome.com/docs/lighthouse/overview)

***

## Web Audits/Checkers

* [Viz Palette](https://projects.susielu.com/viz-palette)
* [WAVE](https://wave.webaim.org/)
* [Skynet Accessibility](https://www.skynettechnologies.com/accessibility-checker)

***

## Testing

* [Storybook A11y Testing](https://storybook.js.org/docs/writing-tests/accessibility-testing)
* [Axe-core Testing Engine](https://github.com/dequelabs/axe-core)

***

Want to find one more to your liking? Check out the [W3C WAI Evaluation Tool List](https://www.w3.org/WAI/test-evaluate/tools/list/)!

Have tools that you love to use that are not listed here? Let us know in [#ask-designsystem](https://servicetitan.enterprise.slack.com/archives/CBSRGHTRS) or [#accessibility-champions](https://servicetitan.enterprise.slack.com/archives/C0A1QKT20LU) so that we can update our docs!