Accessibility of other solid-panes elements
Open
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 146
- Forks
- 21
- PR merge metrics
- No merged PRs in 30d
Description
There are other panes and elements that need work, too:
IMPORTANT - some panes may only be visible once Power User is active.
Solid-panes:
- SocialPane
- Prefferences together with Trusted applications (in user guide)
- Dokieli pane
- Audio pane
- Video Pane
- Slideshow Pane
- Palylist pane
- Trip Pane
TODO for each:
- adding HTML5 and ARIA labels
- add accessibility tests based on 'axe-core' (example here)
- making sure it also work when resizing screen
- making sure other accessibility features are inline with the WCAG standard (the tests will show). As example: text sizes, button sizes, keyboard focus and so on.
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 with the listed solid-pane entry points, including src/socialPane.js, src/dashboard/basicPreferences.ts, and the directories for trustedApplications, dokieli, audio, video, slideshow, playlist, and trip. Use the profile-pane cv-card.accessibility.test.ts example and axe-core tests as a reference. Done means each pane has HTML5 and ARIA labels, accessibility coverage, responsive behavior, and WCAG-related issues addressed.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- accessibility, frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100