Ajustar componentes para atender aos padrões de acessibilidade
Ao editar componentes em Construtor de temas, você pode encontrar um símbolo de erro ( 
) que indica que os componentes não estão em conformidade com o WCAG 2.1 para contraste de cores.
Antes de Iniciar
Função necessária: administrador
Por Que e Quando Desempenhar Esta Tarefa
A taxa de contraste do WCAG 2.1 que Construtor de temas tem como meta para variáveis de conteúdo e IU é 4:5:1. Essa proporção determina os contrastes entre cores de tela mais claras e mais escuras e como elas se relacionam com a interface do usuário. Para aqueles que não estão familiarizados com a taxa de contraste, o primeiro dígito mostra o nível de cores claras e o segundo mostra o nível relativo de cores escuras. O limite 4:5:1 fornece visibilidade ideal para usuários com deficiência visual. Para obter mais informações, consulte o site de recomendações do W3C para WCAG 2.1.
O número total de violações de acessibilidade por componente é indicado na página do painel de edição.
Procedimento
-
Na guia Estilos de componente, selecione um componente que você esteja usando e que exiba o símbolo de aviso de acessibilidade.
O painel de estilo configurável exibe os ganchos editáveis disponíveis para o componente selecionado. -
Você pode selecionar o ícone para exibir uma descrição do aviso.
Figura 1. Aviso de acessibilidade -
Conforme indicado na mensagem de aviso, você pode selecionar o ícone de lápis para melhorar o problema de contraste.
Figura 2. Editor de componente -
Selecione o símbolo de aviso de acessibilidade no painel de estilo configurável para obter mais informações sobre como corrigir o problema.
-
Selecione um dos links no aviso para corrigir a cor de preenchimento do plano de fundo ou a cor do ícone.
Nota:Depois de salvar as mudanças em qualquer um dos ganchos de cor, um símbolo de desfazer aparecerá. Selecione o símbolo de desfazer para reverter todas as mudanças para a cor original.
