SearchLanguageMobile menu

OGCIO


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
A sample mobile application page with an input form, in which it is not clear which field is selected.
In this example, there is no way to determine which field gets the focus.
After Rectification
A sample mobile application page with an input form, in which a visible cursor indicating the current position in the form.
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