0
respostas

Como permitir a leitura de tela de uma lista suspensa <select>

Oi pessoal, vocês saberiam como eu posso permitir que o leitor de tela consiga ler o conteúdo de uma lista suspensa ? ex: eu quero que quando a lista do select for exibida, o leitor de tela possa ler um texto explicando sobre o que tem nessa lista

<label for="paises" tabIndex="1" aria-label="Qual seu país de nascimento?">Paises:</label>
<select id="paises" tabIndex="2" aria-label="Escolha uma das opções." name="paises">
    <option value="0">Brasil</option>
    <option value="1">Japão</option>
    <option value="2">Colombia</option>
</select>

gostaria que quando a lista fosse aberta eu pudesse descrever mais informações sobre os item ex: "lista não ordenado com o nome dos países" já adicionei a narrativa com arial-label nas tags select, options e nada rsrs

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software