Uma interface escura e densa exige cuidado redobrado com acessibilidade. Estes são os compromissos do projeto e os pontos de atenção contínua.

Contraste

O texto principal usa pergaminho claro sobre fundo quase preto, com folga sobre o mínimo recomendado para texto. O texto de apoio, mais apagado, é reservado a informações secundárias, nunca a conteúdo essencial sozinho.

Navegação por teclado

A busca instantânea do deck builder e da coleção é totalmente operável pelo teclado: setas para navegar, Enter para selecionar, Escape para fechar. Botões e links são elementos nativos, então o foco e o acionamento por teclado funcionam sem código extra.

Foco visível

Elementos interativos preservam o anel de foco do navegador ou recebem um destaque próprio em bronze, para que a posição do foco seja sempre clara.

Texto alternativo e rótulos

Imagens de carta levam o nome da carta como texto alternativo. Botões que mostram apenas um ícone, como os de aumentar e diminuir cópias, recebem um rótulo acessível via aria-label.

Significado além da cor

A saúde do deck combina cor com símbolo e texto: erros e avisos não dependem apenas do vermelho ou do bronze para serem entendidos. Cartas que você possui mostram um símbolo e uma proporção, não só uma cor.

Pontos de atenção

A acessibilidade é um trabalho contínuo. Itens no radar incluem: respeitar a preferência de movimento reduzido no vídeo do herói, revisar a ordem de foco dentro dos modais e garantir rótulos consistentes em todos os controles de formulário conforme a interface cresce.