The attributes select elements on the Search page are not accessible for someone using a screen reader

recommendation: A label is important for everyone to understand the purpose of a form field. Labels should describe the purpose of the input and give the person completing the form some idea of what the enter in the field. Refer to this W3C technique article for more information about input labels, "Using label elements to associate text labels with form controls" - https://www.w3.org/WAI/WCAG22/Techniques/html/H44 In this instance there is a label for the select element but the property display: none has been applied to the element. Display: none removes the element from the DOM and makes it inaccessible for assistive technology. Recommend refactoring the code for this component to utilize a different coding scheme that does not rely on display: none. Refer to this W3C ARIA Authoring Practices article for more information about comboboxes, "W3C APG -> Combobox Pattern" - https://www.w3.org/WAI/ARIA/apg/patterns/combobox/

Edited Dec 04, 2024 by Grant Morrow