patternfly / patternfly/patternfly-react

Bug - [Drawer] - [examples give a11y errors with eslint a11y plugin]

Open
#9,251 13 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

A11y Stale
Dominant language
TypeScript
Stars
862
Forks
392
Avg merge
4d 8h
Merged PRs (30d)
9

Description

error tabIndex should only be declared on interactive elements jsx-a11y/no-noninteractive-tabindex

tabIndex used as here https://patternfly-react-v5.surge.sh/components/drawer/#basic


Jira Issue: PF-129

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

Open the linked Drawer basic example and run the accessibility lint check to reproduce jsx-a11y/no-noninteractive-tabindex. Trace the example's tabIndex usage and make the example pass the lint rule without losing its documented Drawer behavior.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.