Ramplifica

Início

Requisitos

Glossário

Sobre o Projeto

Início

Requisitos

Glossário

Sobre o Projeto

5.1.4 - Requisitos para codificação

Descrição

Os códigos devem ser estruturados de forma correta. Toda a aplicação deve ser codificada conforme as documentações de padrões técnicos, para garantir compatibilidade com o máximo de dispositivos e tecnologias assistivas. Para aplicações e páginas web que rodam em dispositivos móveis, as linguagens de marcação e o conteúdo devem ser bem estruturados e válidos, de acordo com as regras definidas nessas linguagens. Os erros na sintaxe dos elementos e atributos e as falhas de estrutura podem impedir a correta interpretação do conteúdo por agentes de usuário e tecnologias assistivas. Caso sejam utilizados elementos de interface ou controles customizados, é necessário verificar se do componente possui nome, função e valores declarados, e se são acessíveis por recurso de tecnologia assistiva.
Exemplo : Uma aplicação web segue a especificação de elementos do HTML5 e das diretrizes de acessibilidade WCAG. Aplicações de sistemas nativos Android e IOs seguem suas respectivas orientações de acessibilidade.

Desempenho funcional

sem visão
com visão limitada
sem percepção da cor
sem audição
com audição limitada
sem fala
com manipulação ou força limitadas
com alcance limitado
minimização de gatilhos de convulsão fotossensível
com cognição limitada

Componentes aplicáveis

Rótulo
Título da página
Título de seção
Áudio
Controle
Link
Campo de Formulário
Lista
Vídeo
Imagem
Texto
Botão

Cenários para desenvolvimento de interfaces

Designers

Colabore com a equipe de desenvolvimento para garantir que todos os elementos de interface sigam os padrões de acessibilidade, mantendo clareza em nomes e funções dos componentes para uma navegação coerente com dispositivos assistivos.

Desenvolvedores

Estruture o código conforme as documentações e padrões técnicos para evitar erros de sintaxe e problemas de compatibilidade com tecnologias assistivas. Certifique-se de que componentes customizados sejam devidamente identificados no código, com nome, função e valores acessíveis.

Gerentes

Garanta que os desenvolvedores utilizem padrões de codificação técnica apropriados para maximizar a compatibilidade da aplicação com dispositivos assistivos (como código estruturado e semântico), aumentando a acessibilidade e evitando problemas de interpretação do conteúdo.

Testadores

Revisar a estrutura do código

Verifique se o código da aplicação está em conformidade com as documentações de padrões técnicos, como o WCAG e as melhores práticas de desenvolvimento web.

Validação de sintaxe

Utilize ferramentas de validação de código (como W3C Validator) para garantir que as linguagens de marcação e script utilizadas sejam válidas e bem estruturadas.

Verificação de compatibilidade

Teste a compatibilidade do código com diferentes dispositivos móveis e tecnologias assistivas para assegurar que o conteúdo seja interpretado corretamente.

Avaliar elementos customizados

Em caso de controles ou elementos de interface personalizados, confirme se cada componente tem nome, função e valores declarados de forma programática e acessíveis por tecnologias assistivas.

Revisar atributos e estrutura semântica

Certifique-se de que todos os atributos e elementos HTML sejam utilizados de acordo com sua função semântica e técnica, evitando erros que possam prejudicar a interpretação.

Testar a acessibilidade

Utilize leitores de tela e outras ferramentas de acessibilidade para verificar se o código é navegável e compreensível para usuários com deficiência.

Conteudistas

Construa e organize o conteúdo em um código de programação de acordo com as diretrizes para Web (como WCAG 2.2 e ABNT NBR 17060), permitindo que as tecnologias assistivas possam interpretar o conteúdo de maneira precisa e confiável, beneficiando especialmente a experiência de leitura e navegação dos usuários.

POR VOCÊ TER ACESSADO ESTE REQUISTO

Recomenda-se

Requisitos para Rótulo

5.1.1.4-Requisito para elementos interativos e de interface
Elementos interativos e de interface do usuário devem ter rótulos que descrevem o elemento, sua funcionalidade, estado ou operação. Elementos de interface interativos, como botões e campos de formulário, devem conter um rótulo que descreve a sua função. Os rótulos devem estar relacionados com o elemento por meio de código de programação. Nem todos os elementos possuem todas essas características, mas eles devem ser compreensíveis para a operação do usuário.
5.1.1.5-Requisito para cabeçalho e rótulos
Deve haver cabeçalhos e rótulos para organizar a estrutura da aplicação. A aplicação deve estar estruturada por meio de elementos de cabeçalho em títulos de seção e rótulos em campos de entradas de dados, permitindo que usuários de tecnologia assistiva compreendam melhor sua organização. O uso desses recursos possibilita a localização do conteúdo de forma mais rápida.
5.1.1.6-Requisito para organização de elementos funcionais e nomes acessíveis
Deve ser mantida a mesma organização de elementos funcionais e nomes acessíveis ao longo de toda a aplicação. Os elementos funcionais devem manter-se na mesma posição e com a mesma descrição acessível. Isso facilita a compreensão e acelera o aprendizado do usuário

Ver todos os 13 Requisitos sobre componentes com Rótulo

Requisitos para Campo de Formulário

5.1.1.4-Requisito para elementos interativos e de interface
Elementos interativos e de interface do usuário devem ter rótulos que descrevem o elemento, sua funcionalidade, estado ou operação. Elementos de interface interativos, como botões e campos de formulário, devem conter um rótulo que descreve a sua função. Os rótulos devem estar relacionados com o elemento por meio de código de programação. Nem todos os elementos possuem todas essas características, mas eles devem ser compreensíveis para a operação do usuário.
5.1.1.7-Requisitos para nomes acessíveis
Os nomes acessíveis devem conter os rótulos dos elementos. Para os elementos que possuam rótulos em texto ou imagens de texto, o nome acessível deve conter todo o rótulo. Sempre que possível, o texto do rótulo deve estar no começo do nome acessível.
5.1.1.8-Requisitos para descrição de elementos de interface interativos
Elementos de interface interativos devem descrever sua funcionalidade de forma clara, para a compreensão mesmo fora do contexto. Elementos como botões, links e ícones devem ser compreendidos mesmo fora do contexto. Esses elementos devem ter atributos ou alternativas textuais que descrevem sua funcionalidade aos usuários de tecnologia assistiva. Em caso de elementos que se repetem na interface, cada um deles deve fazer referência a qual objeto ou contexto a ação ou funcionalidade está relacionada.

Ver todos os 17 Requisitos sobre componentes com Campo de Formulário

Requisitos para Lista

5.1.1.15-Requisitos para indicar o foco de navegação
Deve haver indicador de foco de navegação. Os aplicativos devem permitir que recursos de tecnologia assistiva que suportam indicador de foco visível em navegação sequencial, como leitores de tela, exibam esse indicador adequadamente.
5.1.1.16-Requisitos para elementos de interface de itens em sequência
Os elementos de interface de itens em sequência ou que exigem paginação devem situar o usuário. Deve ficar claro para o usuário a quantidade de etapas, o intervalo mostrado, o seu posicionamento atual e o número de itens totais quando uma ação exige interação em itens sequenciais.
5.1.1.17-Requisitos para contraste de textos e elementos gráficos
Os textos e elementos gráficos devem ter contraste suficiente com seus respectivos planos de fundo. Deve haver contraste mínimo entre os textos e seus respectivos planos de fundo. Também deve haver contraste mínimo entre os elementos gráficos relevantes e seus respectivos planos de fundo e/ou entornos. As taxas de contraste devem estar em conformidade mínima com os critérios de sucesso nível AA do WCAG 2.1. Elementos interativos no estado desabilitado não precisam cumprir requisitos de contraste. Elementos gráficos meramente decorativos e logotipos também estão isentos.

Ver todos os 5 Requisitos sobre componentes com Lista

Requisitos para Vídeo

5.1.1.1-Requisito para elementos não textuais
Elementos não textuais devem ter um texto alternativo que descreva o seu significado. Elementos não textuais, como imagens, cujo significado é essencial para a compreensão do que é exibido na tela, devem ter uma alternativa textual a ser interpretada por recursos de tecnologia assistiva. Elementos meramente decorativos devem ser ignorados por recursos de tecnologia assistiva.
5.1.1.4-Requisito para elementos interativos e de interface
Elementos interativos e de interface do usuário devem ter rótulos que descrevem o elemento, sua funcionalidade, estado ou operação. Elementos de interface interativos, como botões e campos de formulário, devem conter um rótulo que descreve a sua função. Os rótulos devem estar relacionados com o elemento por meio de código de programação. Nem todos os elementos possuem todas essas características, mas eles devem ser compreensíveis para a operação do usuário.
5.1.1.6-Requisito para organização de elementos funcionais e nomes acessíveis
Deve ser mantida a mesma organização de elementos funcionais e nomes acessíveis ao longo de toda a aplicação. Os elementos funcionais devem manter-se na mesma posição e com a mesma descrição acessível. Isso facilita a compreensão e acelera o aprendizado do usuário

Ver todos os 11 Requisitos sobre componentes com Vídeo

Requisitos para Imagem

5.1.1.1-Requisito para elementos não textuais
Elementos não textuais devem ter um texto alternativo que descreva o seu significado. Elementos não textuais, como imagens, cujo significado é essencial para a compreensão do que é exibido na tela, devem ter uma alternativa textual a ser interpretada por recursos de tecnologia assistiva. Elementos meramente decorativos devem ser ignorados por recursos de tecnologia assistiva.
5.1.1.4-Requisito para elementos interativos e de interface
Elementos interativos e de interface do usuário devem ter rótulos que descrevem o elemento, sua funcionalidade, estado ou operação. Elementos de interface interativos, como botões e campos de formulário, devem conter um rótulo que descreve a sua função. Os rótulos devem estar relacionados com o elemento por meio de código de programação. Nem todos os elementos possuem todas essas características, mas eles devem ser compreensíveis para a operação do usuário.
5.1.1.6-Requisito para organização de elementos funcionais e nomes acessíveis
Deve ser mantida a mesma organização de elementos funcionais e nomes acessíveis ao longo de toda a aplicação. Os elementos funcionais devem manter-se na mesma posição e com a mesma descrição acessível. Isso facilita a compreensão e acelera o aprendizado do usuário

Ver todos os 15 Requisitos sobre componentes com Imagem

Ramplifica

Acessibilidade para todos a partir da tecnologia

Requisitos

Glossário

Sobre o Projeto

© 2024 Erik Henrique da Costa Nunes.

Este site é produto da dissertação para Mestrado produzida por Erik Henrique da Costa Nunes, com Orientação da Dra. Ingrid Teixeira Monteiro e Co-orientação do Dr. David Campelo.

Foi construído no Mestrado em Computação da UFC em Quixadá.