Visible Indication of Focus on Text Fields

Question

Does there need to be a visible indication of focus when there's a text pointer?

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 Company Logo

Accessible Web RAMP

Monitor your website and manage your progress towards WCAG conformance.

Accessible Web Company Logo

Accessible Web Academy

Career specific courses to help power up your accessibility knowledge.