diplodoc-platform / diplodoc-platform/components

Make search input more accessible

Open
#216 0 comments 0 reactions 0 assignees View on GitHub
a11y help wanted
Dominant language
TypeScript
Stars
14
Forks
35
Avg merge
10h 6m
Merged PRs (30d)
17

Description

Search button into search input doesn't have relevant role
Search input doesn't have state. Looks like we need to add [expanded](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded) state

Contributor guide

Open the contributing guide

Research direction

Locate the search input and its associated search button in the TypeScript components and inspect how their accessibility attributes are currently set. Add the relevant role and expanded state described in the issue, then verify that the search control exposes the correct semantics and state to assistive technologies.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.