The best accessibility tools and resources for designers.
Improve your workflow with tools and resources recommended by fellow creatives.
![](https://cdn.prod.website-files.com/65b0fe98c43e62a2d4757571/65b11f347c1273a5ecea6710_64f0bc7c41b243fb33c7878b_v2NVcpxLY5jtquV3EebZ6IvVBU2pz8QEvL_F3qjdC68.webp)
Beautiful and accessible color palettes based on WCAG Guidelines of text and background contrast ratios.
![](https://cdn.prod.website-files.com/65b0fe98c43e62a2d4757571/65b11f3386b7177474aa6d88_64f0bc5e22552e352f7e46dc_0upT4aMhwNQ23ySsMT9g7CSqZHk_yBAy3N-I_rOFBEw.webp)
Colors for everyone. Building a tool for a better web.
![](https://cdn.prod.website-files.com/65b0fe98c43e62a2d4757571/65ec5a0076d32be712b404d9_whocanuse.webp)
A tool to show how color contrast can affect different people with visual impairments.
![](https://cdn.prod.website-files.com/65b0fe98c43e62a2d4757571/65ec5ab77d0a4b34e5b12bb4_brandcolors.webp)
This tool shows you how ADA compliant your colors are in relation to each other.
![](https://cdn.prod.website-files.com/65b0fe98c43e62a2d4757571/65b11f2b718ebf30a9ed4076_64f0c80445eb1e19fbaae5fb_LRq7IpEgmpsjxcWrXCYMS3LKvFBwX1ZgXo2neVISo_Y.webp)
The A11Y Project is a community-driven effort to make digital accessibility easier.
![](https://cdn.prod.website-files.com/65b0fe98c43e62a2d4757571/65b11f35f7e6ae4c57e7febc_64f0c8002f0a0d0dd2717012_lgLzwLuxb61Lk-suMrYFcHPXWenLFrVZjH0rhOUoVGM.webp)
Color combination contrast tester.
![](https://cdn.prod.website-files.com/65b0fe98c43e62a2d4757571/65b11f36a242b59db8015767_64f0c7ff3d38c8fc00222615_4UVuzs4xLdrTOxvKn9j9-CS9Vyrc4xMgPf12zLkc5II.webp)
A macOS app and Figma plugin for quick access to WCAG color contrast ratios.
![](https://cdn.prod.website-files.com/65b0fe98c43e62a2d4757571/65b11f73c055ac2c7f585ed2_64f0bc72e0981430190d28b5_HE2KYSoG0-720juQMLhLpsJWUggd5ID9KnW4EEdiCf8.webp)
We help companies ensure their products are accessible, compliant, and inclusive.
Framer Tools
FramerAuth
Framer
![](https://cdn.prod.website-files.com/65b0fe98c43e62a2d4757571/65b11f6c01d9ef7c6d6a4fb8_64f0c7cc2a124f4b6ce3d746_cQH9I6av4tRZwGgn_r-W11PoZKYmhWHE4Et5OXrfjaE.webp)
ShaderGradient
Framer
![](https://cdn.prod.website-files.com/65b0fe98c43e62a2d4757571/65b11f414527054fadccbfb3_64f0c825bb70552dad52211f_4Sspyxxrh6XyJPa_kZ54-bP6N-FmoCBhTynJH2A0kkM.webp)
Framer.supply
Framer
Figma Plugins
![](https://cdn.prod.website-files.com/65b0fe98c43e62a2d4757571/65b11f3ab71f28fa86be3f6b_64f0bca956be45470041ff39_G_tmaDEprlwa6xnZlonfqKea1Luzbr8KKSPKhfFdfPY.webp)
Easometric
Figma Plugins
![](https://cdn.prod.website-files.com/65b0fe98c43e62a2d4757571/65b11f350e3de236544f0603_64f0c7aedfc03fa349e5e024__H0YH6Te_adpyExFG_157KpQVNKahE3vBGTpKSt4euU.webp)
Content Reel
Figma Plugins
![](https://cdn.prod.website-files.com/65b0fe98c43e62a2d4757571/65b11f39f33f958703c2bbfc_64f0c826c0f4e9f3903affb4_VSrBttae3U4YNub_dhKmx-tqkibKaAHuyfzbLhDQZGI.webp)
Downsize
Figma Plugins
Inspiration
![](https://cdn.prod.website-files.com/65b0fe98c43e62a2d4757571/65b11f55357844ea9840c96c_64f0c7f0ef3b01c1cd9918c7_ZAS0DUjsaepsvr_OgyJmpMPsPdbW__uZckuYWWh8Xlc.webp)
Maxibestof
Inspiration
![](https://cdn.prod.website-files.com/65b0fe98c43e62a2d4757571/65b11f6629a38963759dfb11_64f0bc78d251bcba1384b91f_J0I4TNOW71J-aEcGLqiZH8cuSGsfvB9saDtfZZURG4E.webp)
Refero
Inspiration
![](https://cdn.prod.website-files.com/65b0fe98c43e62a2d4757571/65df7d17e71120e07a3b5ca2_Brand%20guidelines.webp)
Brand Guidelines
Inspiration
UI Kits
![](https://cdn.prod.website-files.com/65b0fe98c43e62a2d4757571/667c2938f0cdc6477c6838a0_Logo%20(1).jpg)
Frames X UI Kit
UI Kits
![](https://cdn.prod.website-files.com/65b0fe98c43e62a2d4757571/65f008ec1dc5207602f95b0f_freeSaaS.webp)
SaaS Website Kit
UI Kits
![](https://cdn.prod.website-files.com/65b0fe98c43e62a2d4757571/65b11f68ee95fa6902d99421_64f0d429aa1a03bcd632a57b_GAyIXDMX_OXo5Pj_Ldx7Xrzg-DekYZqelISZby41BlQ.webp)
Reshaped
UI Kits