> ## 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.

# Creating Custom Components

> Guidelines and resources for building accessible custom components.

<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>

## Creating Custom Components

While the Anvil team strives to provide fully accessible components for implementation teams to use, it is understood that custom solutions will still need to happen. The customizations could be endless, but it is encouraged to still follow these guidelines for custom work and to reach out if you have any questions about something that might not be covered here. Below you can find some continued learning materials and tools to help create and audit your work to ensure you are remaining compliant with [WCAG 2.2 AA](https://www.w3.org/WAI/WCAG22/Understanding/) criteria.

## Resources

* [Easy Checks Guide](https://www.w3.org/WAI/test-evaluate/preliminary/)
* [How to Meet WCAG Quick Reference Guide](https://www.w3.org/WAI/WCAG22/quickref/)

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!