Questão nº 71
Questão de Tecnologia da Informação · FGV TCE-PA 2024 (nº 71)
De acordo com o Modelo de Acessibilidade em Governo Eletrônico (eMAG), o seguinte trecho de código apresenta um problema de acessibilidade relacionado a formulários web:
<select name="uf" id="uf" onchange="location=this.options[this.selectedIndex].value;">
<option value="rj.html">RJ</option>
<option value="sp.html">SP</option>
<option value="mg.html">MG</option>
</select>
Diante do exposto, assinale a recomendação apropriada do eMAG para o problema presente nesse código.
- ANão provocar automaticamente alteração no contexto. (alternativa correta)
- BNão criar páginas com atualização automática periódica.
- CAgrupar campos de formulário.
- DFornecer alternativa em texto para os botões de imagem de formulários.
- EFornecer estratégias de segurança específicas em vez de captcha.
Resposta comentada
Gabarito Alternativa A
O conceito-chave aqui é que ações automáticas inesperadas em um site podem confundir ou prejudicar usuários, especialmente aqueles que usam tecnologias assistivas ou têm dificuldades cognitivas. O eMAG recomenda que mudanças significativas no conteúdo ou na navegação (chamadas de alteração no contexto) não aconteçam sem que o usuário inicie explicitamente essa ação ou seja avisado previamente.
(A) Correta: O código `onchange="location=this.options[this.selectedIndex].value;"` faz com que, ao selecionar uma opção no campo `<select>`, a página seja automaticamente redirecionada (alterando o contexto) para o valor da opção (`rj.html`, `sp.html`, etc.) sem que o usuário precise clicar em um botão de "enviar" ou confirmar. Isso viola a recomendação do eMAG de não provocar automaticamente alteração no contexto, pois o usuário pode selecionar uma opção por engano ou não estar preparado para a mudança imediata de página.
(B) Incorreta: Esta alternativa refere-se a páginas que se atualizam sozinhas a cada X segundos (como um painel de notícias), o que é diferente de uma navegação imediata para outra página após uma interação do usuário.
(C) Incorreta: Agrupar campos de formulário (usando `<fieldset>` e `<legend>`) melhora a compreensão da estrutura do formulário, mas não é o problema demonstrado pelo comportamento de redirecionamento automático do `<select>`.
(D) Incorreta: Esta alternativa trata da necessidade de texto alternativo para imagens usadas como botões, o que não se aplica ao elemento `<select>` e seu problema de redirecionamento.
(E) Incorreta: Esta alternativa aborda a acessibilidade de mecanismos de segurança como CAPTCHAs, um tópico completamente diferente do problema de usabilidade do `<select>` apresentado.
Fonte: FGV TCE-PA 2024 Auditor de Controle Externo - Informática - Web Design (Caderno Tipo 1). Reproduzida para fins de estudo.