- Issue created by @mattea.turnbull
The code in https://git.drupalcode.org/project/facets/-/blob/3.0.x/templates/facets-... provides an accessible label for dropdown facets. However, this label is currently hidden incorrrectly using
.facets-widget-dropdown label {
display: none;
}
This should be updated to be hidden accessibly so screen readers still can access the label, eg., below is the equivalent to bootstrap's .visually-hidden
.facets-widget-dropdown label {
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important; // Fix for https://github.com/twbs/bootstrap/issues/25686
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
Active
3.0
Code