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)

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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