twbs / twbs/bootstrap

DP Aria for the dropdowns

Open
#38,801 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

accessibility feature
Dominant language
MDX
Stars
175k
Forks
78.6k
Avg merge
7h 19m
Merged PRs (30d)
35

Description

Prerequisites
Proposal

I'm asking why this component doesn't follow the design pattern aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/
i think It's much better for users to follow as much as possible DP.

Motivation and context

Most Bootstrap components follow the DP ARIA, why dropdowns not ?
For example, one of the most annoying, is that when using down and up arrows don't cycle in the menu list

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

Begin with Bootstrap's dropdown component and compare its keyboard behavior with the linked WAI-ARIA APG menubar pattern. Define the required arrow-key behavior and verify the dropdown menu navigation against that pattern; done means the agreed ARIA keyboard interaction works consistently.

Written by the indexing model from the issue text.

Assessment

Tech stack
bootstrap, javascript
Domain
accessibility, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.