Best Practice 2.5 – Provide focus visible (Advanced level)

When a "text field" is selected, ensure that the focus has been moved into the "text field". Users' attention should be directed towards the important information and the corresponding input field.

Before Rectification In this example, there is no way to determine which field gets the focus.

After Rectification This example ensures that the focus is visible. This helps those users with low vision or visual impairment knows where they are on an input page.

W3C WCAG Reference: 2.4.7 Focus Visible