Visible Indication of Focus on Text Fields
Question
Answer
According to WCAG Success Criterion 2.4.7: Focus Visible (AA), either a vertical bar displayed in the text field or highlighting all the text within the field indicates that the user can type over the text and is considered a sufficient visible indication of focus. However, it can improve usability to provide an additional, more clearly visible indication of focus such as a border surrounding the text field. It's also helpful to note here that this visible indication of focus must reach a contrast ratio of 3:1 against the background to comply with WCAG Success Criterion 1.4.11: Non-text Contrast (2.1, AA)
Free Tools to Continue Learning
Accessible Web RAMP
Monitor your website and manage your progress towards WCAG conformance.
Accessible Web Academy
Career specific courses to help power up your accessibility knowledge.