Switch role
Track your WCAG design compliance progress and mark items as you implement them.
Information and user interface components must be presented in ways users can perceive.
Ensure visual structure communicates relationships—headings, lists, labels, and tables.
Ensure reading and visual order match so content is understood correctly.
Avoid instructions that rely only on shape, color, or position.
Ensure content works in both portrait and landscape orientations.
Color must not be the only way to convey information or status.
Text and icons must meet minimum contrast for readability.
Layouts should support 200% text resizing without loss of content.
Avoid images of text when real text can be used.
Content should reflow without horizontal scrolling at narrow widths.
UI components and focus indicators must have sufficient contrast.
Text should remain readable when spacing is increased.
User interface components and navigation must be operable via different input methods.
Headings and labels should clearly describe sections and controls.
Provide alternatives to drag-and-drop interactions.
Interactive targets must be large enough and spaced apart.
Information and operation of the user interface must be understandable.
Navigation order and placement should remain consistent.
Use the same labels and styles for the same actions.
Help options should be easy to find and consistent.
Clearly identify the field and error with helpful messaging.
Provide clear labels and input instructions.
Offer specific suggestions to fix errors.
Content must be robust enough to be interpreted reliably by a wide variety of user agents.
Provide visible status feedback without disrupting focus.
Panel Help
Read shortcuts and feature guidance for macOS and Windows.
