Termos e expressões – Episódio 17: Itens problemáticos – Podcast Todos na Web

Agente de usuário: software (programa) utilizado para acessar conteúdos da Web. Exemplo: navegadores (browsers), leitores de tela e alguns assistentes digitais podem atuar como agentes de usuário.

Algoritmo: Conjunto de regras ou instruções que um sistema segue para realizar uma tarefa ou tomar uma decisão. Por exemplo, um sistema de reconhecimento facial usa algoritmos para analisar características do rosto e verificar a identidade de uma pessoa.

ARIA (Accessible Rich Internet Applications): conjunto de atributos que adicionam informações de acessibilidade a elementos de uma página quando o HTML, sozinho, não consegue fornecer todas as informações necessárias para as tecnologias assistivas. Exemplo: um menu pode receber um atributo ARIA para informar ao leitor de telas que se trata de uma área de navegação.

Autenticação: Processo usado para confirmar a identidade de uma pessoa antes de permitir o acesso a um sistema ou serviço. Por exemplo, entrar em uma conta usando senha, reconhecimento facial ou um código enviado por e-mail.

Autenticação em dois fatores: Forma de autenticação que utiliza duas etapas para confirmar a identidade da pessoa. Por exemplo, além de informar uma senha, pode ser necessário digitar um código recebido por e-mail ou celular.

Biometria: A biometria é o uso de características físicas, biológicas ou comportamentais únicas para identificar e verificar a identidade de uma pessoa.

Bullets: Marcadores usados para identificar visualmente os itens de uma lista, como pontos, círculos ou outros símbolos que aparecem antes de cada item. Por exemplo, uma lista de requisitos pode apresentar um pequeno círculo antes de cada requisito. 

CAPTCHA: teste usado por sites e sistemas para tentar diferenciar uma pessoa de um programa automatizado. Pode pedir, por exemplo, para identificar objetos em imagens, digitar caracteres ou realizar alguma outra tarefa. Alguns tipos de CAPTCHA podem criar barreiras para pessoas com deficiência quando não oferecem formas acessíveis de realizar a verificação.

Caption: Elemento do HTML utilizado para fornecer um título ou uma identificação para uma tabela. Por exemplo, uma tabela com os gastos mensais pode ter como caption “Despesas de 2026”.

Carrossel: Componente de uma página que apresenta uma sequência de conteúdos no mesmo espaço, como imagens, notícias ou produtos. Os itens podem mudar automaticamente ou por meio de botões para avançar e voltar.

Código: Conjunto de instruções escritas em linguagens que permitem construir e controlar o funcionamento de páginas, sistemas e aplicações. Por exemplo, HTML e CSS fazem parte do código usado na construção de páginas web.

Componente: Parte de uma página ou aplicação que possui uma função específica. Botões, menus, campos de formulário, carrosséis e janelas de diálogo são exemplos de componentes.

Componente customizado: Componente criado ou modificado para ter aparência ou comportamento diferente dos elementos disponíveis originalmente no HTML. Por exemplo, uma equipe pode criar seu próprio modelo de botão ou caixa de seleção. 

Conteúdo de terceiros: Conteúdo ou recurso produzido ou fornecido por outra empresa, plataforma ou serviço e utilizado dentro de um site. Por exemplo, incorporar em uma página um vídeo hospedado em uma plataforma externa. Se esse conteúdo tiver barreiras de acessibilidade, elas também poderão afetar a experiência no site que o incorporou.

CSS: Linguagem utilizada para definir a apresentação visual de uma página web, como cores, tamanhos, espaçamentos e posicionamento dos elementos. Por exemplo, o CSS pode definir que um título seja maior do que o restante do texto.

Dados tabulares: Informações organizadas em linhas e colunas que possuem relações entre si. Por exemplo, uma tabela que apresenta produtos nas linhas e, nas colunas, preço, quantidade e disponibilidade.

Drag and drop (clique e arraste): Forma de interação em que uma pessoa seleciona um elemento e o movimenta para outro local da tela. Por exemplo, arrastar uma peça até o espaço correto para completar um desafio.

E-commerce: Site ou aplicação usado para comprar ou vender produtos e serviços pela internet. Uma loja virtual é um exemplo de e-commerce.

Elemento nativo do HTML: Elemento que já faz parte do HTML e possui significado e comportamento próprios. Botões, links e campos de formulário são exemplos. Sempre que possível, seu uso facilita a compatibilidade com navegadores e tecnologias assistivas.

Face ID: Tecnologia de reconhecimento facial usada para confirmar a identidade de uma pessoa a partir das características do rosto. Por exemplo, pode ser utilizada para desbloquear um dispositivo ou acessar um serviço. Recursos desse tipo podem criar barreiras quando exigem que a pessoa posicione o rosto de uma maneira específica sem oferecer orientações acessíveis. 

Feedback: Informação que o sistema apresenta depois de uma ação ou durante uma interação para indicar o que está acontecendo. Por exemplo, durante um reconhecimento facial, informar que a pessoa precisa mover o rosto para a esquerda. Para ser acessível, esse feedback não deve depender apenas de informações visuais.

Fonte externa: Conteúdo ou recurso que vem de outro site, serviço ou aplicação e é incorporado a uma página. Um vídeo hospedado em outra plataforma e exibido dentro de um site é um exemplo.

Framework: Conjunto de recursos e estruturas prontas que ajudam no desenvolvimento de sites e aplicações. Pode fornecer, por exemplo, modelos prontos de menus, botões e carrosséis. Mesmo quando um componente vem pronto de um framework, é importante verificar sua acessibilidade.

HTML: linguagem usada para estruturar páginas da internet. É ela que organiza textos, títulos, imagens, tabelas e outros elementos do site.

ID (identificador): Código usado no HTML para identificar de forma única um elemento da página. Por exemplo, um campo de formulário pode ter um ID que permita relacioná-lo ao seu rótulo. IDs repetidos podem causar problemas na interpretação da página.

JavaScript: Linguagem de programação muito utilizada para criar comportamentos e interações em páginas web. Pode ser usada, por exemplo, para abrir um menu, atualizar uma informação sem recarregar a página ou controlar o funcionamento de um componente.

Layout: Forma como os conteúdos e elementos são organizados visualmente em uma página. Por exemplo, um site pode ter seu conteúdo distribuído em uma ou mais colunas.

Leitor de telas: software (programa) utilizado principalmente por pessoas cegas ou com baixa visão para acessar conteúdos digitais. Ele interpreta o código da página e transforma as informações em áudio ou em uma linha Braille. Exemplo: em vez de enxergar um botão, a pessoa ouve "Botão: Enviar".

Marcação HTML: Forma como os elementos são identificados e estruturados no código HTML. Uma marcação adequada ajuda navegadores e tecnologias assistivas a entenderem a função e a relação entre os conteúdos.

Navegação por teclado: Forma de utilizar um site ou aplicação sem o mouse, usando teclas como Tab, Enter, setas e Esc para percorrer e acionar os elementos da interface.

Player: Componente utilizado para reproduzir conteúdos de áudio ou vídeo. Normalmente oferece controles como reproduzir, pausar e ajustar o volume.

Pop-up: Janela ou conteúdo que aparece sobre a página ou é aberto separadamente para apresentar informações ou solicitar alguma ação. É importante que a pessoa consiga acessar seu conteúdo e fechá-lo facilmente, inclusive usando o teclado.

Prova de vida: Procedimento utilizado para verificar se uma pessoa real está realizando determinada ação, geralmente como medida de segurança contra fraudes. Pode envolver, por exemplo, reconhecimento facial ou outros métodos de identificação.

Pseudoclasse: Recurso do CSS usado para aplicar estilos a um elemento quando ele está em determinada condição ou estado, como quando recebe foco ou quando o ponteiro do mouse passa sobre ele. Por exemplo, um link pode mudar de aparência quando recebe foco pelo teclado.

Reconhecimento facial: Tecnologia que analisa características do rosto para identificar ou confirmar a identidade de uma pessoa. Pode criar barreiras quando exige, por exemplo, que o rosto seja posicionado de uma maneira específica sem fornecer orientações acessíveis.

Redundância: Uso de mais de uma forma de apresentar uma informação ou permitir uma ação para atender a diferentes necessidades. Por exemplo, oferecer alternativas visuais e sonoras para um desafio de CAPTCHA, em vez de depender de apenas uma delas.

Responsividade: Capacidade de uma página ou aplicação de adaptar sua apresentação a diferentes tamanhos de tela e formas de uso. Por exemplo, um conteúdo exibido em três colunas no computador pode passar a ser apresentado em uma única coluna no celular.

Rótulo: Texto ou informação que identifica a função ou o propósito de um componente. Por exemplo, um botão com o rótulo “Enviar formulário” informa claramente qual ação será realizada quando ele for acionado.

Semântica: Significado atribuído aos elementos de uma página para indicar sua função e relação com outros conteúdos. Por exemplo, marcar corretamente um conteúdo como título, botão ou tabela ajuda navegadores e tecnologias assistivas a entenderem como ele deve ser apresentado e utilizado.

Tecnologia assistiva: produto, equipamento, software ou recurso utilizado para ampliar a autonomia de pessoas com deficiência no uso de tecnologias. Exemplos: leitores de telas, ampliadores de tela, teclados adaptados e comandos por voz.

Tooltip: Pequena informação complementar que aparece associada a um elemento da interface, muitas vezes quando a pessoa passa o mouse sobre ele ou lhe dá foco. Por exemplo, ao passar o mouse sobre um ícone, pode aparecer um texto explicando sua função. É importante que essa informação também possa ser acessada sem depender apenas do mouse.

Validador: Ferramenta que analisa um conteúdo ou código para identificar determinados tipos de erro. Um validador de HTML, por exemplo, pode encontrar problemas na marcação do código. A validação automática ajuda a identificar problemas, mas não substitui outros tipos de teste.

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.