ni / ni/nimble

Stepper accessibility issues in lighthouse

Open
#2,928 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

tech debt
Dominant language
TypeScript
Stars
39
Forks
14
Avg merge
1d 16h
Merged PRs (30d)
13

Description

Lighthouse reports the following new accessibility issues with the stepper added to the angular example app:

Image

Complaining about lists and list items not having direct parent child relationships but if you look at the actual accessibility tree you see of the accessibility tree impacting elements they are direct parent-child relationships:

Image

I'm not sure how to reconcile this, think it's probably an issue to report to axe-core. For now just dropping the threshold.

Originally posted by @rajsite in https://github.com/ni/nimble/pull/2927#discussion_r3076061586

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the stepper in the Angular example app and reproduce the Lighthouse accessibility report, focusing on the reported list and list-item parent-child relationships. Compare the report with the accessibility tree and determine whether dropping the threshold is sufficient or whether the finding should be reported to axe-core; done requires a verified resolution or a clear follow-up.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
accessibility, testing-qa
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Needs clarification
Newbie friendliness
40/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.