Descricao
LessonView.tsx usa <ul role='listbox'> e <li role='option'> para o dropdown de navegacao, mas elementos nao interativos nao podem receber roles interativos. Isso viola WCAG 1.3.1 e quebra a navegacao por teclado.
Passos para Reproduzir
- Abrir qualquer licao
- Inspecionar o dropdown breadcrumb no DevTools
- Verificar
<ul role='listbox'> nas linhas 49-51 de LessonView.tsx
Comportamento Esperado
Usar <select> nativo para o dropdown, ou implementar o padrao ARIA Combobox com todos os listeners de teclado necessarios.
Contexto Adicional
- Arquivo:
src/components/LessonView.tsx linhas 49-51
Descricao
LessonView.tsxusa<ul role='listbox'>e<li role='option'>para o dropdown de navegacao, mas elementos nao interativos nao podem receber roles interativos. Isso viola WCAG 1.3.1 e quebra a navegacao por teclado.Passos para Reproduzir
<ul role='listbox'>nas linhas 49-51 deLessonView.tsxComportamento Esperado
Usar
<select>nativo para o dropdown, ou implementar o padrao ARIA Combobox com todos os listeners de teclado necessarios.Contexto Adicional
src/components/LessonView.tsxlinhas 49-51