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)