Formulário modelo para treino de técnicas de acessibilidades, tais como:
- Atalhos de navegação para seções específicas;
- WAI-ARIA para reconhecimento de leitores de tela;
- Adição de tabIndex="0" nos itens da navbar para que os itens sejam acessíveis através da tecla TAB.
- Aumento/diminuição do tamanho da fonte;
- Aumento/diminuição de contraste (em andamento).
- Acesse o terminal, instale as dependências com o comando yarn e rode a aplicação com yarn start;
- Utilize um leitor de tela (ex.: NVDA) e use a tecla TAB para navegar entre os campos do formulário.
| Navegador / Sistema Operacional | Windows | Linux | Mac |
|---|---|---|---|
| Chrome | Alt + tecla | Alt + tecla | Control + Alt + tecla |
| Firefox (versão 57+) | Alt + Shift + tecla | Alt + Shift + tecla | Control + Option + tecla ou Control + Alt + tecla |
| Safari | Alt + tecla | N/A | Control + Alt + tecla |
| Edge | Alt + tecla | N/A | N/A |
| Internet Explorer | Alt + tecla | N/A | N/A |
| Opera (versão 15+) | Alt + tecla | Alt + tecla | Control + Alt + tecla |
- NVDA
- JAWS
- Orca para Linux
- NVDA para Windows
- VoiceOver para MacOS
- vLibras: widget gratuito do governo federal para de um tradutor de libras digital. https://vlibras.gov.br/doc/widget/installation/webpageintegration.html
- Hand Talk: plugin de libras da empresa Hand Talk. https://docs.handtalk.me/br/5/tradutor-de-sites#comecando-tradutor-de-sites
- React
- Styled-Components
- ESLint
