asyncapi / asyncapi/asyncapi-react

508 Accessibility: Button must have a focus outline

Open
#958 10 comments 0 reactions 0 assignees View on GitHub
Hacktoberfest stale
Dominant language
TypeScript
Stars
243
Forks
182
Avg merge
3d 6h
Merged PRs (30d)
11

Description

We are using Sort Stie to evaluate our site for Section 508 Accessibility compliance. It is flagging a button does not have a focus outline.

![image](https://github.com/asyncapi/asyncapi-react/assets/86489380/424b7dcb-e256-4515-8dd1-968fc7b08816)

This "Server specific information" is the violating component; I didn't even realize this was a button if it weren't for the Sort Site error! Seems there is no need to have this be a button since there is the Expand All component?
![image](https://github.com/asyncapi/asyncapi-react/assets/86489380/c3ba54be-f209-48ef-ba1c-811533e21eea)

Contributor guide

Open the contributing guide

Research direction

Start at the component labeled “Server specific information” and reproduce the Sort Site accessibility finding in the rendered documentation view. Determine whether this control needs to remain a button or needs a visible focus outline; done means the accessibility violation is resolved and keyboard focus is visibly identifiable.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.