Ensure inputs maintain sufficient contrast for visibility.
Visual States
Input borders, text, and icons meet WCAG AA contrast requirements. Empty fields paint ::placeholder with --color-fg-placeholder on --color-bg-input so placeholder copy clears the APCA placeholder floor (Lc 60) on default, surface, raised, and modal backgrounds in light and dark.
Focus Indicators
Focus indicators are clearly visible across different backgrounds.
Responsive Behavior
Ensure inputs work well across different screen sizes and input methods.
Mobile Optimization
Inputs adapt to mobile devices with appropriate keyboard types and touch targets.
Touch Target Sizes
Icons, affixes, and select controls maintain adequate touch target sizes.
Adornment icons on Field use the icon size tokens, which meet the control height. A select beside the field is a separate Select.
Screen Reader Testing
Test inputs with screen readers to ensure proper announcements.
Expected Announcements
Expected announcement: "Email Address, required, edit text, Enter your email address"