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

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
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions