cloudfoundry / cloudfoundry/stratos
a11y: Visible focus missing in menu items and other "card" elements
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 267
- Forks
- 137
- Avg merge
- 5h 14m
- Merged PRs (30d)
- 77
Description
Frontend Deployment type
- Cloud Foundry Application (cf push)
- Kubernetes, using a helm chart
- Docker, single container deploying all components
- npm run start
- Other (please specify below)
- cloud.gov stratos dashboard
Expected behaviour
Visible focus is shown when elements receive focus.
Actual behaviour
Some elements do not have visible focus indication (outline or other visible state change) when elements take focus.
Steps to reproduce the behavior
Tab through the app's focusable elements to find any items where focus exists but is not shown visually.
Context
Users affected: Keyboard-only users with vision
Severity: High
Applicable WCAG 2 SCs
Screenshots
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by running the Stratos dashboard and tabbing through its focusable elements, as described in the reproduction steps. Identify menu items and other card elements without a visible outline or state change, then verify that keyboard focus is visibly indicated in line with WCAG 2.4.7.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular, typescript
- Domain
- accessibility, frontend, web-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 25/100