Acessibilidade no site TV Express

O site da TV Express foi construído para permitir leitura, orientação e navegação com diferentes formas de interação. A estrutura oferece acesso por teclado, foco visível, títulos organizados, adaptação a telas menores e redução de movimentos quando essa preferência está ativa no aparelho.

Acessibilidade precisa funcionar na tarefa concreta. Encontrar um plano, abrir um guia e chegar ao suporte deve ser possível sem depender apenas de cor, mouse ou uma tela grande. Quando uma barreira impede uma dessas ações, o relato do usuário orienta a correção.

Compromisso de acessibilidade digital

A TV Express Brasil trata acessibilidade como requisito permanente do site. A Lei Brasileira de Inclusão, em seu artigo 63, determina acessibilidade nos sites mantidos por empresas com sede ou representação comercial no Brasil, conforme práticas e diretrizes adotadas internacionalmente.

O trabalho não termina com uma página bem formatada. Uma alteração de menu, plugin, formulário ou conteúdo pode criar uma barreira nova. Por isso, os recursos descritos aqui devem ser verificados quando o tema e as funções do WordPress mudarem.

A referência técnica usada no projeto é a WCAG 2.2, do W3C. Ela organiza a acessibilidade em quatro princípios: conteúdo perceptível, interface operável, informação compreensível e código compatível com tecnologias assistivas. O site também considera o Modelo de Acessibilidade em Governo Eletrônico como fonte brasileira de boas práticas.

Recursos presentes no site

A implementação atual inclui elementos que atuam juntos. O idioma da página é declarado no código para ajudar a pronúncia dos leitores de tela. O conteúdo principal usa uma região identificável, e a navegação recebe nomes que distinguem o menu principal, o menu móvel e o caminho da página.

Esses recursos não substituem testes com pessoas que usam tecnologia assistiva. Validação automática encontra erros de código, mas não decide se um texto alternativo explica a imagem nem se a ordem de leitura faz sentido.

Como navegar usando o teclado

Pressione Tab para avançar por links e controles. Use Shift + Tab para voltar. Enter abre links e aciona botões. No menu móvel e nas perguntas expansíveis, Enter ou barra de espaço alternam o estado do controle.

Logo no início da página existe o link “Pular para o conteúdo”. Ele fica fora da área visível até receber foco. Ao acioná-lo, o navegador leva a seleção para a região principal e evita a repetição de todos os itens do cabeçalho.

O indicador de foco usa um contorno roxo acompanhado por uma borda clara. Ele não deve desaparecer durante a navegação. Menus que contêm níveis internos permanecem abertos enquanto um item dentro deles recebe foco.

1. Pressione Tab logo após carregar a página.
2. Acione “Pular para o conteúdo” com Enter se quiser ignorar o cabeçalho.
3. Continue com Tab para percorrer links, sumário e controles do artigo.
4. Use Shift + Tab quando precisar retornar ao item anterior.

Se o foco entrar numa área sem indicação visual, desaparecer atrás de um elemento ou seguir uma ordem sem sentido, isso é uma barreira. Registre em qual link a falha começa e qual deveria ser a próxima ação.

Leitores de tela e estrutura da página

O título principal identifica o assunto da página. As seções usam títulos de nível seguinte, e subtópicos aparecem abaixo delas. Essa hierarquia permite percorrer um guia por cabeçalhos em vez de ouvir todo o texto desde o começo.

Menus recebem nomes acessíveis. O logotipo possui identificação textual, e a navegação estrutural separa cabeçalho, conteúdo e rodapé. O caminho exibido acima do título mostra a posição da página dentro do site. Listas e tabelas são marcadas como estruturas próprias, o que ajuda a entender quantos itens ou colunas existem.

Imagens decorativas não devem disputar atenção com o conteúdo. Imagens informativas recebem texto alternativo ligado à função que cumprem. Uma descrição ruim repete o título do arquivo ou tenta narrar detalhes sem utilidade. A descrição correta informa o que a imagem acrescenta àquela orientação.

Links precisam fazer sentido fora do parágrafo. Expressões como “clique aqui” são fracas quando aparecem numa lista de links. O projeto prefere nomes como dispositivos compatíveis, baixar e instalar e Central de Ajuda.

Texto, contraste e ampliação

A identidade usa o roxo #7E22DB em botões e destaques. Textos longos aparecem em tons escuros sobre fundos claros. Áreas escuras recebem texto claro. Um estado não depende apenas da mudança de cor: títulos, rótulos e posição também fornecem contexto.

O tamanho do texto pode ser ampliado pelo navegador. No computador, os atalhos mais comuns são Ctrl e sinal de mais no Windows ou Command e sinal de mais no macOS. No celular, o navegador e o sistema oferecem tamanho de fonte, zoom e ampliação. O layout reorganiza cartões e colunas para reduzir cortes durante esse uso.

O site não instala um controle próprio de aumento de fonte. O recurso nativo do navegador é mais previsível, continua disponível em outras páginas e respeita preferências já configuradas no aparelho. O conteúdo deve permanecer legível quando ampliado, embora tabelas largas possam exigir rolagem horizontal.

Preferência por movimento reduzido

Algumas pessoas sentem náusea, tontura ou dificuldade de concentração diante de animações. Quando o sistema informa a preferência por movimento reduzido, o tema desativa animações, transições e rolagem animada. A mudança preserva o conteúdo e a ação dos controles.

Não há vídeo em reprodução automática no tema atual. Um conteúdo multimídia incorporado no futuro precisará de controle de pausa, identificação compreensível e alternativa adequada ao material. Som iniciado sem pedido é uma escolha ruim e não faz parte da experiência definida para o site.

Celular, televisão e telas menores

Em larguras menores, o menu principal passa para um controle expansível. Cartões, listas de etapas e blocos comerciais abandonam as várias colunas e usam uma coluna. O texto mantém margens laterais para não encostar nas bordas da tela.

Navegar pelo navegador de uma televisão é diferente de usar o aplicativo da TV Express. O controle remoto pode mover um cursor, simular teclas ou limitar a ordem de foco. Esta declaração cobre as páginas do site abertas no navegador. Para verificar instalação e uso em um aparelho, consulte os guias de Smart TV, Android TV e Fire TV.

Uma tela pequena não deve esconder informação necessária para comprar ou resolver um problema. Tabelas podem exigir rolagem lateral porque reduzir todas as colunas até caber tornaria a leitura pior. O cabeçalho simplifica ações em aparelhos muito estreitos.

Conteúdo claro e previsível

Guias técnicos usam o nome exibido na tela do aparelho, uma ação por etapa e um resultado que pode ser conferido. Mensagens de erro devem ser copiadas exatamente. Esse padrão reduz ambiguidades para quem usa leitor de tela, tradução, ampliação ou suporte de outra pessoa.

As páginas começam com uma resposta direta e incluem um sumário navegável quando o conteúdo é longo. Links internos levam a guias relacionados sem obrigar o leitor a voltar ao menu. Tabelas são reservadas para comparação de dados; instruções em ordem usam listas numeradas.

Linguagem acessível também exige honestidade. O site não promete compatibilidade com um aparelho só porque a marca aparece numa busca. Modelo, sistema e versão são dados concretos. A página de requisitos mostra como reuni-los.

Limites conhecidos e escopo desta declaração

O site ainda não possui certificação independente de conformidade com a WCAG 2.2. Também não oferece uma barra própria de alto contraste ou controle interno de fonte. Os ajustes do navegador e do sistema continuam sendo o meio disponível para essas preferências.

Documentos e páginas de terceiros abertos por links seguem as regras de seus responsáveis. Uma loja de aplicativos, fabricante ou serviço externo pode ter ordem de foco, contraste e atalhos diferentes. O site procura identificar a mudança de ambiente por meio do endereço e do contexto do link.

Conteúdo criado em plugins do WordPress pode alterar a semântica ou introduzir controles novos. Antes de uma página desse tipo ser publicada, teclado, nomes acessíveis e leitura em tela estreita precisam ser conferidos.

Como relatar uma barreira

Use o canal de contato da TV Express e informe que o assunto é acessibilidade. Um relato útil contém a página acessada, a tarefa pretendida, o ponto onde a navegação parou e o resultado observado.

Inclua o aparelho, o navegador e a tecnologia assistiva, quando souber. Não é preciso informar diagnóstico médico. Uma frase como “no Firefox com NVDA, o menu é anunciado, mas não consigo chegar ao segundo item usando Tab” ajuda mais que “o site não funciona”.

Encontrei uma barreira de acessibilidade na página [endereço]. Eu tentava [ação]. Uso [aparelho, navegador e tecnologia assistiva]. Ao chegar em [elemento], aconteceu [resultado]. O resultado esperado era [descrição].

Capturas de tela podem ajudar em problemas visuais. Para falhas de áudio, um vídeo curto pode mostrar o comportamento. Antes de enviar, retire notificações, dados pessoais e informações de outras pessoas.

Referências usadas no projeto

A referência rápida da WCAG 2.2 reúne critérios para texto alternativo, teclado, foco, contraste, redimensionamento e compatibilidade com tecnologia assistiva. O documento é mantido pela Web Accessibility Initiative do W3C.

O eMAG reúne recomendações adaptadas ao contexto brasileiro e orienta organização semântica, navegação, conteúdo e apresentação. Ele foi criado para sites governamentais, mas muitos exemplos ajudam a revisar qualquer serviço digital.

Conformidade real exige revisão de código, conteúdo e tarefas completas. Uma pontuação automática isolada não prova que a experiência funciona para uma pessoa.

Perguntas frequentes sobre acessibilidade

Como pulo o menu e vou direto ao conteúdo?

Pressione Tab ao abrir a página. O link “Pular para o conteúdo” aparecerá no topo. Pressione Enter para chegar à região principal.

Posso navegar sem mouse?

Sim. Tab avança, Shift + Tab retorna e Enter aciona links. A barra de espaço também alterna controles expansíveis, como o menu móvel e perguntas recolhidas.

Como aumento as letras?

Use o zoom ou o tamanho de fonte do navegador. No computador, Ctrl + sinal de mais ou Command + sinal de mais são os atalhos mais comuns.

O site respeita movimento reduzido?

Sim. Quando essa preferência está ativada no sistema, o tema remove transições, animações e rolagem animada.

As imagens possuem descrição?

Imagens informativas publicadas nos guias recebem texto alternativo relacionado ao conteúdo. O texto deve explicar a informação útil, sem repetir detalhes decorativos.

A declaração também vale para o aplicativo?

Não. Ela cobre o site lancepedia.com.br. O aplicativo e o sistema de cada aparelho possuem recursos próprios de navegação, áudio e exibição.

O site possui certificação WCAG?

Não há certificação independente declarada. A WCAG 2.2 é usada como referência técnica, e os recursos implementados são descritos nesta página.

Quais dados devo enviar ao relatar uma barreira?

Informe o endereço da página, a ação pretendida e onde a falha ocorreu. Aparelho, navegador e tecnologia assistiva ajudam na reprodução do problema. Não envie diagnóstico médico.