Interação por teclado

Neste episódio, destacamos a importância da interação por teclado. Navegar por meio da tecla “Tab” ou com o apoio de tecnologias assistivas em dispositivos móveis é essencial para muitas pessoas. Em conversa com os especialistas Cláudia Martin Nascimento, Sandyara Peres e Sidney Tobias, mostramos como garantir que todos os elementos interativos possam ser acessados e operados sem o uso do mouse.

A produção deste podcast não seria possível sem o apoio da Embaixada do Reino Unido, da Secretaria de Governo Digital do Ministério da Gestão e da Inovação em Serviços Públicos e com a parceria do W3C Chapter São Paulo, Movimento Web para Todos e Acesso para todos.



Participantes

Host: Reinaldo Ferraz
Convidados: Cláudia Martin Nascimento, Sandyara Peres e Sidney Tobias
Produção: Espiral Interativa, Ceweb.br e Comunicação NIC.br
Estúdio de gravação: 3 Telas
Roteiros: Espiral Interativa, Acesso para Todos, Ceweb.br
Recursos de acessibilidade:
Tradução e Interpretação de Libras-Português
Tradutora: Jade Moia
Legendas: Espiral Interativa e Ceweb.br

Link para transcrição do episódio: https://nic.br/pagina/transcricao-todos-na-web-8/ 

Redes Sociais:

https://www.youtube.com/nicbrvideos/ 
https://x.com/comuNICbr/ 
https://www.telegram.me/nicbr/ 
https://www.linkedin.com/company/nic-br/ 
https://www.instagram.com/nicbr/ 
https://www.facebook.com/nic.br/ 
https://www.flickr.com/NICbr/ 

Veja também:

https://nic.br/ 
https://ceweb.br 

Termos e expressões utilizados ao longo do episódio:

ALT + tecla / Ctrl + tecla / Shift + tecla: combinações de teclas usadas como atalhos no teclado. Exemplo: “Ctrl + C” para copiar um texto.

Atributos ARIA (Accessible Rich Internet Applications): conjunto de atributos que ajudam tecnologias assistivas, como leitores de tela, a entender melhor os elementos de uma página.

Autonomia: capacidade de uma pessoa conseguir acessar informações e realizar tarefas sozinha, sem depender da ajuda de outras pessoas.

Biblioteca (de componentes): conjunto de elementos prontos usados por desenvolvedores para criar partes de um site ou aplicativo mais rapidamente.

Botão de opção (radio button): campo onde apenas uma opção pode ser escolhida entre várias disponíveis. Exemplo: selecionar apenas uma forma de pagamento.

Campo editável: área onde a pessoa pode digitar informações, como nome, e-mail ou endereço.

Campo de formulário: espaço usado para preencher informações em um site ou aplicativo, como caixas de texto, listas de opções e botões de seleção.

Caixa combinada (combo box): campo que permite escolher uma opção em uma lista. Exemplo: selecionar um estado em um cadastro.

Caixa de seleção (checkbox): campo que permite marcar ou desmarcar opções. Diferente do botão de opção, várias opções podem ser escolhidas ao mesmo tempo.

Carrossel: componente que exibe uma sequência de conteúdos, imagens ou banners que mudam automaticamente ou por interação do usuário.

Componente customizado: elemento criado de forma personalizada em um site ou aplicativo, que não utiliza o comportamento padrão do HTML.

Componente interativo: elemento com o qual a pessoa pode interagir, como botões, links, menus ou campos de formulário.

Conteúdo adicional: informação complementar exibida após alguma ação, como passar o mouse, tocar na tela ou focar um elemento.

Contraste: diferença visual entre cores, usada para facilitar a leitura e a identificação de elementos na tela.

Cursor: indicador visual que mostra a posição do mouse na tela.

Destreza motora: capacidade de controlar movimentos do corpo com precisão, especialmente mãos e dedos.

Dispositivo de ponteiro: equipamento usado para mover o cursor na tela, como mouse, touchpad ou caneta digital.

Emulador de teclado: sistema ou tecnologia que simula o uso de um teclado, como comandos de voz ou dispositivos adaptados.

ESC (tecla Escape): tecla do teclado usada geralmente para cancelar ações, fechar janelas ou sair de menus.

Evento de mouse: ação realizada com o mouse que faz algo acontecer na interface, como clicar ou passar o cursor sobre um elemento.

Foco (de teclado): indicação de qual elemento da página está selecionado no momento durante a navegação por teclado.

Foco visível: destaque visual que mostra claramente onde a pessoa está navegando na página usando teclado.

HTML: linguagem usada para estruturar páginas da internet, definindo títulos, links, botões, listas e outros elementos.

Hierarquia da informação: forma de organizar conteúdos em níveis de importância para facilitar compreensão e navegação.

Interação por teclado: navegação e uso de um site ou aplicativo utilizando apenas o teclado, sem depender do mouse.

Item interativo: elemento da página que pode receber ação do usuário, como clicar, selecionar ou preencher.

Janela modal: janela que aparece sobre o conteúdo principal da tela e normalmente exige alguma ação antes da pessoa continuar navegando.

Leitor de telas: tecnologia assistiva que lê em voz alta o conteúdo da tela para pessoas cegas ou com baixa visão.

Link: elemento clicável que leva para outra página, documento ou seção.

Mapa de assentos: interface usada para escolher lugares em teatros, ônibus ou aviões.

Mouse over / passar o mouse: ação de mover o cursor do mouse sobre um elemento sem clicar.

Navegação por teclado: forma de navegar em um site usando teclas como TAB, Shift + TAB, Enter e setas direcionais.

Ordem do foco: sequência em que os elementos recebem foco durante a navegação por teclado.

Pop-up: janela que aparece automaticamente sobre o conteúdo principal da página.

Ponteiro de cabeça: tecnologia assistiva que permite controlar o computador por movimentos da cabeça.

Rótulo descritivo: texto que explica claramente a função de um elemento para usuários e tecnologias assistivas.

Semântica (HTML semântico): uso correto dos elementos HTML para representar o significado e a função de cada conteúdo da página.

Shift + TAB: combinação usada para voltar para o elemento anterior durante a navegação por teclado.

Sip and puff: tecnologia assistiva que permite controlar dispositivos por sopros e sucções realizados pela pessoa usuária.

Slider: componente usado para selecionar valores ou navegar por conteúdos deslizando um controle horizontal ou vertical.

Swipe: gesto de deslizar o dedo na tela do celular para navegar entre elementos.

TAB (tecla Tab): tecla usada para navegar entre elementos interativos de uma página.

Tecnologia assistiva: recursos e ferramentas que ajudam pessoas com deficiência a utilizar computadores, celulares e outros dispositivos.

Template: modelo pronto de página ou componente usado como base no desenvolvimento de interfaces.

Tooltip: pequena caixa de informação que aparece quando a pessoa passa o mouse ou posiciona o foco sobre um elemento.

WCAG (Web Content Accessibility Guidelines): diretrizes internacionais que orientam como tornar conteúdos digitais acessíveis.

Além dos termos que comentamos aqui, a Norma ABNT 17225 traz uma seção de termos e definições que pode complementar seu entendimento e apoiar você nessa jornada.