Design patterns that reduce mistakes (confirmation, reversible actions, previews) required for important transactions by WCAG.
Clear, actionable guidance to fix mistakes, including inline error messages associated with inputs via aria-describedby.
Text associated with an input that communicates its purpose. Implement with <label for> or ARIA labelling.
Form helpers like labels, instructions, formatting hints, and auto-complete that help users enter information accurately.
Form label associated to inputs via label for/id, aria-label, or aria-labelledby so assistive technologies announce purpose.
ARIA role for dual-state controls. Support keyboard activation and clear checked/unchecked indication.
This glossary is continuously improved and maintained by WebAbility to advance accessible design and development.Contact us to suggest improvements or report issues.