...
Ensure that the focus indicator is highly visible with sufficient contrast.
Markup
| Code Block |
|---|
<label for="name">Your name:</label>
<input class="form-visual-indicator" id="name" type="text"> |
CSS
| Code Block |
|---|
.form-visual-indicator:focus {
outline-style: solid;
outline-width: 5px;
outline-color: #32a1ce;
} |