feat(i18n): accessibility - per-field form errors, landmark aria-labels, tests (closes #76)
This commit is contained in:
@@ -1435,3 +1435,23 @@ nav.scrolled .locale-switcher__option.is-current {
|
||||
white-space: nowrap;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/* FORM FIELD ERRORS (sub-Issue E) */
|
||||
.form-field-error {
|
||||
margin: 0.375rem 0 0;
|
||||
font-size: 0.875rem;
|
||||
color: #b91c1c;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.form-field input[aria-invalid="true"],
|
||||
.form-field textarea[aria-invalid="true"] {
|
||||
border-color: #b91c1c;
|
||||
outline-color: #b91c1c;
|
||||
}
|
||||
|
||||
.form-field input[aria-invalid="true"]:focus-visible,
|
||||
.form-field textarea[aria-invalid="true"]:focus-visible {
|
||||
outline: 2px solid #b91c1c;
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user