toolkit icon indicating copy to clipboard operation
toolkit copied to clipboard

Search field needs accessibility tweaks in toolkit.js

Open Detzner opened this issue 1 year ago • 1 comments

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 Submit search (this adds text to the magnifying glass button)

Detzner avatar Jul 19 '23 14:07 Detzner