Tabs - Reference and react implementation do not behave as documented when selecting a tab
@simonsinclair ci sta già lavorando.
Dal 15/7/2019.
Valutazione
Questa issue non è ancora stata valutata.
Descrizione
I know these aren't production code examples... should I be concerned if the reference and react implementation do not behave as documented?
Tabs documentation: "By mouse or touch, clicking or pressing a tab will reveal its corresponding tab panel. For keyboard users, unselected tabs are focusable and can be activated with the Enter or Space keys. To preserve the behaviour of the same-page links upon which the tabs are created and to address trouble screen readers have been observed experiencing moving from the tab to the tab panel, clicking a tab programmatically moves focus to the visible tab panel. The tab panel is identified in screen readers as a tab panel, and the tab panel's label (borrowed from the corresponding tab using aria-labelledby) is also announced. The tab panel is now the sequential focus starting point..."
When using VoiceOver Mac (Sierra 10.12.6) with Safari (12.1.1), in both the react implementation (https://simonsinclair.github.io/gel-react/iframe.html?id=tabs--default) and the reference implementation (https://bbc.github.io/gel/components/demos/tabs/) when pressing 'ENTER' or 'SPACE' to select a tab, focus moves to the tab panel but then goes back to the selected tab.
In my implementation focus moves to the tab panel and stays there, not sure what the difference is, HTML is the same, something in the JS I guess? Tabs are at the bottom of this page: http://2bitstudio.co.uk/user-research-v3-final/3.html
- Lingua principale
- JavaScript
- Stelle
- 50
- Fork
- 19
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Preparare l'ambiente
Questo progetto non fornisce container di sviluppo, Dockerfile né guida per i contributori, quindi l'ambiente è a tuo carico: parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di bbc/gel
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 38/100
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 52/100
-
Information panels - WCAG 2.1 2. Keyboard TrapForse di nuovo libera @mathalete l’ha presa 997 giorni fa e non c’è nessuna pull request aperta. Aperta
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 66/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
pedroapfilho/localveil#120 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 85/100
-
bug
Difficoltà 2/5 1-3 ore Idoneità per principianti 84/100
ImpactMojo/ImpactMojo#1385 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
I maintainer di solito rispondono entro 1 giorno