fly-apps / fly-apps/live_beats

show_dropdown aria-expanded applied to wrong element

Open
#56 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
Elixir
Stars
1.4k
Forks
182
PR merge metrics
No merged PRs in 30d

Description

Currently `show_dropdown()` applies `aria-expanded` to the toggled dropdown element instead of the button toggling the dropdown.

> There are several widgets that can be expanded and collapsed, including menus, dialogs, and accordion panels. Each of these objects, in turn, has an interactive element that controls their opening and closing. The aria-expanded attribute is applied to this focusable, interactive control that toggles the visibility of the object.

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by locating the show_dropdown() entry point and inspect which element currently receives aria-expanded. Compare that behavior with the linked ARIA guidance; done means the focusable button or other interactive control that toggles the dropdown receives the attribute, rather than the dropdown itself.

Written by the indexing model from the issue text.

Assessment

Tech stack
elixir
Domain
accessibility
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.