Color choices meet or exceed the minimum 4.5:1 contrast ratio for regular text (16px) and 3:1 for large text (for bold, 20px, and non-bold, 24px) Focus indicator colors around focused and non-focused states have a 3:1 contrast ratio Color is NOT the only indicator of state changes or other information
Keyboard and mouse focus indicators (outline, underline, cursor change, etc.) are clearly defined
Text can be enlarged to 200% Page content can zoom to 400% without the loss of information
Link and button texts clearly describe the purpose for their elements Components are unique and have a defined purpose Form labels are always visible, before and after input, and have unique labels Aria-labels or visually hidden text to add additional information Required fields are indicated Avoid placeholder text or text that disappears after typing
© 2024 Condé Nast. All rights reserved. Use of this site constitutes acceptance of our User Agreement and Privacy Policy and Cookie Statement and Your California Privacy Rights. The material on this site may not be reproduced, distributed, transmitted, cached or otherwise used, except with the prior written permission of Condé Nast.
