Skip to content
This repository was archived by the owner on Dec 17, 2024. It is now read-only.
This repository was archived by the owner on Dec 17, 2024. It is now read-only.

Search field needs accessibility tweaks in toolkit.js #488

@Detzner

Description

@Detzner

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)

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions