# For Designers

**Source**: https://accessibility.web-resources.upenn.edu/resources/designers
**Parent**: https://accessibility.web-resources.upenn.edu/get-help

Go to [Design and Usability Testing](/testing-evaluating-accessibility/design-and-usability-testing) to learn how to evaluate your design deliverables for accessibility.

## General Design Resources

- [AccessAbility, A Practical Handbook on Accessible Graphic Design(link is external)](https://www.rgd.ca/database/files/library/RGD_AccessAbility_Handbook.pdf)
- [Design Fundamentals(link is external)](https://isner.github.io/inclusive-design-fundamentals/)
- [Barclays' Accessibility Design Standards for Mobile-based systems(link is external)](https://home.barclays/content/dam/home-barclays/documents/who-we-are/our-suppliers/Mobile-Based-Design-Standards-Suppliers-2018.pdf)
- [UK Government's Dos and don'ts on designing for accessibility(link is external)](https://accessibility.blog.gov.uk/2016/09/02/dos-and-donts-on-designing-for-accessibility/)
- [Supporting the Design Phase with Accessibility Heuristics Evaluations(link is external)](https://www.deque.com/blog/supporting-the-design-phase-with-accessibility-heuristics-evaluations/)

## Color Contrast

- [Understanding Web Accessibility Color Contrast Guidelines and Ratios(link is external)](https://css-tricks.com/understanding-web-accessibility-color-contrast-guidelines-and-ratios/)
- [Leonardo: an open source contrast-based color generator(link is external)](https://leonardocolor.io/?colorKeys=%236fa7ff&base=ffffff&ratios=3%2C4.5&mode=CAM02)
- [The Contrast Triangle for Links(link is external)](https://contrast-triangle.com/?textColor=hsl(0,%200%25,%200%25)&linkColor=rgba(0,%200,%20255,%201)&bgColor=%23ffffff)
- [Colour Contrast Analyzer Standalone App(link is external)](https://github.com/ThePacielloGroup/CCAe/releases/tag/v1.2.1)
- [Who can use this color combination?(link is external)](https://whocanuse.com/)