airbnb/rheostat

Aria-labels can't be added to slider buttons

Open

Aperta il 3 gen 2020

Vedi su GitHub
 (3 commenti) (9 reazioni) (0 assegnatari)JavaScript (1688 star) (215 fork)batch import
enhancementhelp wanted

Descrizione

For compliance, I need to add aria-labels to the slider buttons in an implementation like this one: http://localhost:9001/?path=/story/slider--rtl-multiple-handle. There doesn't seem to be a way to do this currently.

Guida contributor

Tech stack
javascriptreact
Dominio
frontendaccessibility
Tipo issue
feature
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
under 1 hour
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
stale
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
clear
Prerequisiti
basic React knowledgeunderstanding of ARIA attributes
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
85
Direzione di ricerca
The issue is to add aria labels to slider buttons in the rheostat component. Start by examining the slider component source code in the repository to identify where buttons are rendered. Look for existing prop handling for accessibility attributes. Check comments on the issue for any suggested approach. Consider adding a prop like `buttonAriaLabel` that can be passed to each handle. Ensure to update the component's TypeScript definitions if present. Test the change using the existing test suite and manual verification.