toolkit
toolkit copied to clipboard
Search field needs accessibility tweaks in toolkit.js
AInspector is calling these errors in the search form:
• Add label to INPUT[SEARCH]: NO LABEL control. • Add text content to the BUTTON element. • IMAGE is not a defined ARIA role, change the ROLE attribute value to an appropriate widget, landmark, section or live region role.
To make the search field accessible, we’d need to change toolkit.js, v 2.15, in beautified version:
line 5778 change \nlabel {\n display: none;\n} to \n position:absolute; left: -9999px;\n} (this adds the label)
in line 5966 after • delete role=“image” from the svg tag (this fixes ' IMAGE is not a defined ARIA role,') • add
(this adds text to the magnifying glass button)