Declaração de Acessibilidade (WCAG 2.1 AAA)
O MyUtilityTools Brasil foi projetado sob o princípio do Desenho Universal e em conformidade com as Diretrizes de Acessibilidade para Conteúdo Web (WCAG 2.1 Nível AA e AAA do W3C) e com a Lei Brasileira de Inclusão da Pessoa com Deficiência (Estatuto da Pessoa com Deficiência — Lei nº 13.146/2015, Art. 63). Acreditamos que todo cidadão deve ter acesso autônomo a cálculos trabalhistas, financeiros e de saúde, independentemente de limitações visuais, motoras ou auditivas.
1. Tabela de Comportamento em Leitores de Tela
Testamos regularmente nossas interfaces de formulário, tabelas de resultados e botões de cópia nos quatro principais leitores de tela utilizados no Brasil e no mundo:
| Leitor de Tela / Plataforma | Comportamento em Campos de Entrada | Leitura de Resultados e Alertas ARIA | Nível de Suporte |
|---|---|---|---|
| NVDA (Windows) | Lê rótulos explícitos <label for="...">, unidades monetárias (R$) e instruções de formato |
Anuncia atualizações instantâneas de cálculo via regiões aria-live="polite" sem interromper a digitação |
100% Compatível |
| Apple VoiceOver (macOS & iOS) | Navegação fluida por rotor de cabeçalhos (H1 → H2 → H3) e controles de formulário nativos |
Confirma sonoramente a ação do botão de cópia para a área de transferência | 100% Compatível |
| JAWS (Windows) | Leitura estruturada de tabelas de dados utilizando escopos <th> e cabeçalhos semânticos |
Anuncia estados expandidos/recolhidos (aria-expanded) em menus móveis |
100% Compatível |
| Google TalkBack (Android) | Alvos de toque dimensionados com área mínima segura e foco linear previsível | Vocaliza memórias de cálculo e percentuais com clareza fonética em português brasileiro | 100% Compatível |
2. Padrão de Código Acessível para Regiões de Resultado
Em todas as nossas ferramentas interativas, associamos cada controle de entrada ao seu respectivo rótulo semântico e utilizamos atributos ARIA para garantir que elementos decorativos sejam ignorados por tecnologias assistivas enquanto resultados dinâmicos sejam anunciados de forma clara:
<!-- Padrão de Acessibilidade ARIA Implementado no MyUtilityTools Brasil -->
<div class="calc-result-panel" role="region" aria-live="polite" aria-atomic="true" aria-label="Resultado do Cálculo">
<span class="icon-decorative" aria-hidden="true">✔</span>
<p class="result-value">Valor Líquido Estimado: <strong>R$ 3.842,15</strong></p>
</div>
3. Scorecard de Conformidade WCAG 2.1
| Critério de Sucesso WCAG 2.1 | Nível | Implementação Técnica no Portal | Resultado |
|---|---|---|---|
| 1.4.3 / 1.4.6 Contraste Mínimo e Aprimorado | AAA | Texto principal #0f172a sobre #f8fafc (> 15:1); links #6b21a8 no claro (> 7,2:1) e #c084fc no escuro (> 8,1:1) |
Aprovado |
| 1.3.1 Informações e Relações | A | Hierarquia estrita H1 → H2 → H3; títulos de rodapé usam <p class="footer-col-title"> para não quebrar o outline |
Aprovado |
| 2.1.1 Teclado (Sem Armadilhas de Foco) | A | 100% dos controles, seletores de tema e botões são operáveis via Tab, Enter e Espaço |
Aprovado |
| 1.4.4 Redimensionamento de Texto (200%) | AA | Tipografia base de 17px com unidades responsivas que suportam zoom de até 200% sem corte horizontal |
Aprovado |