Testador de Estresse de Acessibilidade para UI de Jogos

Inspecione capturas de tela de jogos localmente com simulações de daltonismo, sondas de contraste HUD, desfoque, redução de escala e mapas de calor de bordas.

Carregue uma captura de tela do jogo, escolha uma lente de simulação e compare dois sinais visuais que os jogadores precisam diferenciar claramente.

Análise local. As capturas de tela não são enviadas para servidores.

Arraste uma captura do jogo para a bancada de teste

Solte uma imagem aqui ou escolha do seu dispositivo. Use um momento real do jogo com fundos e elementos visuais reais.

PNG, JPEG ou WebP até 16 MB. Imagens grandes são ajustadas para 1600 px.
Lente de simulação
Sinal original
Sinal simulado

Selecione uma captura para ativar a comparação. A imagem permanece no seu dispositivo.

Controles de estresse de sinal

Sondas de sinal crítico

Selecione A ou B e clique na imagem original para amostrar as cores.

Heurística
Aguardando captura
Aguardando captura
Contraste original--Medição
Contraste simulado--Medição
Separação mantida--Heurística
Status de revisãoSem dados

MediçãoCalcula a taxa de contraste de luminância relativa WCAG para as duas cores amostradas.

HeurísticaCompara a distância de cores antes e depois da simulação de visão.

Guia de revisão da interface

  1. Os jogadores conseguem identificar elementos sem depender apenas da cor?
  2. O texto permanece legível sobre fundos claros, escuros ou em movimento?
  3. Os ícones do minimapa se diferenciam por forma ou padrão além da cor?
  4. Os estados selecionado, desativado e recarga são inequívocos?
  5. Um ícone, texto ou som reforça cada sinal de cor?

Nenhuma nota registrada até o momento.

    Processamento 100% local no seu navegador. Nenhuma imagem é enviada.

    Esta ferramenta auxilia na revisão de design, mas não substitui testes com jogadores.

    Aguardando captura

    Zoom 100%
    Estúdio de Utilitários

    Quer este utilitário no seu site?

    Personalize cores e o modo escuro para WordPress, Notion ou o seu próprio site.

    Perguntas frequentes

    Esta ferramenta certifica a acessibilidade da minha interface?

    Não. Ela combina simulações de visão de cores, medições de contraste e guias de revisão visual. Use os resultados para orientar o design e os testes com jogadores.

    Minha captura de tela é enviada para algum servidor?

    Não. A imagem é decodificada, analisada e transformada inteiramente no seu navegador. Apenas as configurações de exibição são salvas localmente.

    O que devo medir com as duas sondas de cor?

    Escolha duas cores que devem comunicar significados diferentes, como indicadores de aliado e inimigo, estados ativo e inativo ou níveis de raridade.

    Por que uma boa taxa de contraste ainda exige revisão manual?

    Um par pode ter bom contraste numérico, mas um ícone pequeno, texto fino ou fundo em movimento ainda podem ser difíceis de identificar no jogo.

    O que o mapa de calor mostra?

    O mapa de calor destaca áreas onde a separação de cores diminui acentuadamente após a simulação selecionada.

    # Avaliar a acessibilidade da UI do seu jogo sem enviar imagens

    As interfaces de jogos precisam ser legíveis em condições visuais dinâmicas. Este testador local permite analisar capturas de tela diretamente no navegador por meio de simulações de daltonismo.

    # Medições, heurísticas e avaliação humana

    Tipo de evidência O que esta ferramenta oferece O que ela não garante
    MediçãoTaxa de contraste e luminância relativa WCAG para duas coresConformidade automática de todo o jogo
    SimulaçãoTransformações para protanopia, deuteranopia e tritanopiaA experiência visual exata de cada jogador
    HeurísticaDesfoque, redução de escala e detecção de perda de bordasAvaliação automática da qualidade da UI
    Revisão manualGuia de perguntas e relatórios exportáveisSubstituição de testes reais com jogadores

    # Amostre cores que influenciam as decisões do jogador

    Foque seus testes em pares de cores vitais para o jogo, como aliado e inimigo. Se o contraste diminuir na simulação, adicione ícones ou formas de suporte.
    Teste capturas de momentos intensos do jogo
    Utilize imagens tiradas durante a ação real do jogo em vez de artes estáticas limpas para obter resultados mais realistas.

    # Use o relatório exportado no trabalho em equipe

    O relatório JSON e a folha comparativa PNG podem ser anexados às tarefas de desenvolvimento para facilitar a correção de problemas de UI.Registre a cena, a resolução e o par de cores analisado. A simulação ajuda a encontrar problemas de design cedo, mas não substitui testes com cenas reais, telas diferentes e pessoas com condições visuais variadas.Veja a mesma interface na escala final e durante o movimento. Anote quais sinais desaparecem quando o fundo muda e combine cor com forma, padrão, texto ou som. Assim, o relatório gera ações concretas de design em vez de ficar limitado a um único número de contraste.

    Referências Bibliográficas