- 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