Acessibilidade
A Hoardly está comprometida em tornar a plataforma acessível para todos. Nosso objetivo é estar em conformidade com os padrões WCAG 2.1 Nível AA.
Navegação por Teclado
Todos os elementos interativos são acessíveis e operáveis via teclado:
| Tecla | Ação |
|---|---|
Tab | Mover para frente entre os elementos interativos |
Shift + Tab | Mover para trás entre os elementos interativos |
Enter | Ativar botões e links |
Space | Alternar caixas de seleção e botões |
Esc | Fechar diálogos e menus suspensos |
Setas direcionais | Navegar dentro de menus e listas |
Suporte para Leitores de Tela
A Hoardly implementa atributos ARIA em todo o aplicativo:
- Elementos HTML semânticos para uma estrutura de documento adequada
- Rótulos ARIA em todos os elementos interativos
- Funções ARIA para componentes de interface do usuário complexos (menus, diálogos, abas)
- Regiões dinâmicas para atualizações de conteúdo
- Links "pular" para ir diretamente ao conteúdo principal
- Texto alternativo descritivo para imagens
- Rótulos de formulário e mensagens de erro associados corretamente
Verificamos a compatibilidade com leitores de tela comuns, incluindo NVDA e JAWS (Windows), VoiceOver (macOS/iOS) e TalkBack (Android).
Personalização Visual
A Hoardly inclui mais de 20 temas de cores integrados, todos projetados com acessibilidade em mente:
- Modo Escuro: reduz o cansaço visual em ambientes com pouca luz
- Modo Claro: alto contraste para ambientes claros
- Múltiplos temas de cores: para atender a diferentes preferências e condições visuais
- Espaço de cor OKLCH: cores perceptualmente uniformes para melhor legibilidade
- Relações de contraste WCAG AA: mantidas em todos os temas
TIP
Use o controle de tema no cabeçalho (lado direito) para navegar e alternar entre os temas. Sua escolha é lembrada neste dispositivo e sincronizada com sua conta quando você estiver conectado.
Design Responsivo
A interface se adapta a diferentes tamanhos de tela e métodos de entrada:
- Layouts otimizados para dispositivos touchscreen
- Redimensionamento de texto responsivo que respeita o zoom do navegador
- Alvos de toque com pelo menos 44x44 pixels (WCAG 2.1 Nível AAA)
- O conteúdo se adapta sem rolagem horizontal
- Funciona com o aumento de escala de texto do navegador até 200%
Relatando Problemas de Acessibilidade
Se você encontrar uma barreira de acessibilidade, entre em contato conosco pelo e-mail support@hoardly.app com uma descrição do problema e a página ou recurso onde você o encontrou.