This checklist serves as a list of criteria for both designers and QA regarding making an accessibly-designed page. When QA reviews a design (such as one in Figma) for accessibility, these criteria are what they are thinking about while inspecting components.

This list of criteria is largely focused on the presence of important components, or strictly visual checks. For instance, a form is inspected for proper labels, but the programmatic association between a field and its label is more an implementation and development matter.

Visuals and Layout

Color & Contrast

For information about contrast ratios, see this resource.

For calculating color contrast between two colors, you can use this web resource or try the Colour Contrast Checker program.

Layout & Navigation