Stresstesta Tillgänglighet för Spel UI

Inspektera skärmdumpar från spel lokalt med färgblindhetssimuleringar, kontrastmätning, oskärpa, skalning och värmekartor.

Ladda en skärmdump från spelet, välj en simuleringslins och jämför två visuella signaler som spelare måste kunna skilja på.

Lokal analys. Bilderna laddas inte upp.

Släpp en skärmdump på granskningsytan

Dra en bild hit eller välj från din enhet. Använd en bild från en riktig spelsituation.

PNG, JPEG eller WebP upp till 16 MB. Stora bilder anpassas automatiskt.
Simuleringslins
Originalsignal
Simulerad signal

Välj en skärmdump för att starta analysen. Bilden stannar på din enhet.

Signalstresstester

Signalfärgprovar

Välj A eller B och klicka på originalet för att ta färgprov.

Heuristik
Väntar på skärmdump
Väntar på skärmdump
Originalkontrast--Mätning
Simulerad kontrast--Mätning
Bevarad separation--Heuristik
Manuell granskningIngen analys ännu

MätningBeräknar kontrastförhållandet för relativ luminans enligt WCAG för de valda färgerna.

HeuristikJämför färgavståndet före och efter den visuella simuleringen.

Frågor för UI-granskning

  1. Kan spelare identifiera element utan att enbart förlita sig på färg?
  2. Är texten läsbar mot ljusa, mörka eller rörliga bakgrunder?
  3. Skiljer sig kartikoner med hjälp av form eller mönster utöver färg?
  4. Är lägena vald, inaktiv och nedräkning tydliga?
  5. Förstärker en ikon, text eller ljudeffekt varje färgsignal?

Inga sparade noteringar ännu.

    Bearbetningen sker helt lokalt i din webbläsare.

    Verktyget stödjer designgranskning men ersätter inte tester med spelare.

    Väntar på skärmdump

    Zoom 100%
    Verktygsstudio

    Vill du ha det här verktyget på din webbplats?

    Anpassa färger och mörkt läge för WordPress, Notion eller din egen sajt.

    Kör igång

    Vanliga frågor

    Certifierar detta verktyg att mitt spel-UI är tillgängligt?

    Nej. Det kombinerar färgblindhetssimuleringar, kontrastmätningar och granskningsfrågor. Använd resultaten som stöd vid designgranskning och användartester.

    Laddas min skärmdump upp till någon server?

    Nej. Bilden bearbetas helt och hållet i din webbläsare. Endast dina visningsinställningar sparas lokalt.

    Vad bör jag mäta med de två färgprovarna?

    Välj två färger som förmedlar olika betydelser, såsom allierad och fiende, aktiv och inaktiv, eller olika sällsynthetsgrader.

    Varför kan manuell granskning behövas trots god kontrast?

    Ett par färger kan ha god kontrast på papperet, men små ikoner, tunn text eller en rörlig bakgrund kan ändå göra elementen svåra att identifiera.

    Vad visar värmekartan?

    Värmekartan markerar områden där färgskillnaden minskar kraftigt efter den valda simuleringen.

    # Testa tillgängligheten i spel-UI utan att ladda upp bilder

    Spelgränssnitt måste fungera under dynamiska och visuelt komplexa förhållanden. Med detta lokala verktyg kan du granska dina skärmdumpar direkt i webbläsaren med hjälp av färgblindhetssimuleringar.

    # Mätningar, heuristik och mänsklig bedömning

    Typ av bevis Vad verktyget ger Vad det inte kan garantera
    MätningKontrastförhållande och relativ luminans enligt WCAG för två färgerAutomatisk bekräftelse av hela spelets tillgänglighet
    SimuleringVetenskapliga omvandlingar för protanopi, deuteranopi och tritanopiDen exakta visuella upplevelsen för varje enskild spelare
    HeuristikOskärpa, minskad upplösning och kantförlustanalysAutomatisk bedömning av gränssnittets designkvalitet
    Manuell granskningChecklista och exporterbara rapporter för teametErsättning för tester med riktiga användare

    # Mät färger som påverkar spelarens beslut

    Fokusera på färgpar som är avgörande för spelförloppet, till exempel allierad och fiende. Om kontrasten minskar under simulering bör du överväga att lägga till ikoner eller former.
    Testa skärmdumpar från intensiva spelsituationer
    Använd bilder från aktiva spelsituationer i stället för renskalade menyer för att få realistiska testresultat.

    # Använd den exporterade rapporten i teamarbetet

    JSON-rapporten och PNG-jämförelsebilden kan bifogas i ert projekthanteringsverktyg för att underlätta kommunikationen kring gränssnittsändringar.Anteckna scen, upplösning och färgparet som granskades. Simuleringen hjälper till att hitta designproblem tidigt, men ersätter inte tester med riktiga scener, olika skärmar och personer med varierande synförhållanden.

    Bibliografiska Referenser

    Fler verktyg från Verktyg för spelutveckling

    Steam Kapsel och Grafik Generator

    Beskär, förhandsgranska och formatera officiella Steam butiks och bibliotekskapslar med säkerhetszonskontroll.

    Använd verktyget

    Itch.io Webbspelsinspektör och Realtidsupplösningsoptimering

    Ladda upp HTML5-exportfiler eller ZIP-arkiv för att testa viewports live, åtgärda rullningslister, inspektera Godot- och Unity WebGL-byggen och generera Itch.io-inbäddningsinställningar.

    Använd verktyget

    Sprite Sheet Packer och Extraktor

    Optimera 2D spelprestanda genom att packa enskilda animeringsbilder i texturatlaser eller extrahera sprites från befintliga sheets.

    Använd verktyget

    Spel Audio Loop Punkt Hittare och Metadata Injektor

    Hitta exakta ljudslingpunkter, passa in på nollgenomgångar för att eliminera klick och exportera WAV-filer med LOOPSTART- och LOOPEND-metadata.

    Använd verktyget

    Spelsparfils Obfuskator och Editor

    Avkoda, inspektera, redigera JSON data och kryptera om spelsparfiler med Base64, XOR maskering eller klartext 100% lokalt i din webbläsare.

    Använd verktyget

    Sanering av CSV och JSON lokaliseringsfiler för Godot och Unity

    Inspektera CSV och JSON översättningsfiler för tomma celler, duplicerade nycklar och felaktiga rader samt exportera en ren kopia för spelmotorn.

    Använd verktyget

    Steam BBCode, Markdown och HTML Omvandlare

    Konvertera mellan Steam BBCode, Markdown och HTML i båda riktningarna med automatisk syntaxdetektering och live-förhandsgranskning.

    Använd verktyget

    Retro Ljudeffekt Generator för Spel

    Skapa korta retro-ljudeffekter för spel i din webbläsare med förinställningar, vågformsreglage, oscilloskop och WAV-export.

    Använd verktyget

    Pixel Art Palettbytare

    Minska sprites och spritesheets till klassiska konsolpaletter eller egna hex-färger direkt i webbläsaren.

    Använd verktyget

    Animera Hitbox och Hurtbox för Sprites

    Rita kollisionslager på varje bildruta av din sprite, förhandsgranska rörelser med lökpapper (onion skin), redigera exakta pixelkoordinater och exportera JSON.

    Använd verktyget

    Skadeformellabb med TTK diagram

    Jämför säkra skadeformler för spel i realtid med livekurvor, heatmaps för attack och försvar, avrundningsregler och Time to Kill (TTK).

    Använd verktyget

    Laboratorium för Game Delta tid och Fast Timestep

    Jämför spel-loopar med variabel delta och fast timestep med upprepningsbara bildrute-spikar, simulerad rörelse, ikappsteg och synlig tidsdrift.

    Använd verktyget