Choose patterns by need
Use native controls and clear names. Test the entire task; one ARIA attribute or large button proves no certification.
Let shoppers complete the same tasks using keyboard, touch and display preferences.
Use native controls and clear names. Test the entire task; one ARIA attribute or large button proves no certification.
Observe whether shoppers can select variants, correct errors and return from a dialog without assistance.
Opening should move focus into the dialog; closing should return shoppers to a meaningful control.
Associate labels and errors with fields. Provide a summary linking to errors and retain valid information.
Respect reduced motion for scrolling and nonessential transitions. Shoppers should still perceive state changes.
Give small choices sufficient hit area and spacing. A visible swatch may be small while its button is larger.
Hidden focus, keyboard traps, unexplained errors and controls covering content when zoomed.
Create a concrete measurement plan ↗