Korrekta11y
Ett svenskt webbläsartillägg för Chrome och Edge som ger utvecklare direkt feedback på tillgänglighet i DevTools. Automatisk granskning, kontrastanalys och svensk läsbarhet, medan koden skrivs.
Korrekta11y. Tillgänglighet direkt i DevTools.
Att bygga tillgängligt ska inte vara krångligt. Korrekta11y är ett svenskt utvecklarverktyg som hjälper dig hitta, förstå och åtgärda problem direkt i din utvecklingsmiljö.
Automatisk granskning
Direkt feedback på WCAG 2.2, kontrast och svensk läsbarhet (LIX).
Se det osynliga
Visualisera skärmläsarens upplevelse, tab-ordning och klickytor direkt på sidan.
Integritet först
All analys sker lokalt. Ingen data lämnar din webbläsare.
Arbetsflöde
Tre flikar, ett arbetsflöde
Korrekta11y är uppdelat i tre flikar som guidar dig från automatisk skanning till manuell granskning.
Rapport
Kör en WCAG-skanning baserad på axe-core med två vyer: UX-vy i klarspråk och utvecklarvy med selektorer och tekniska detaljer. Klicka på ett fel, hoppa direkt till elementet.
Verktyg
Tolv visualiseringar, simuleringar och analyser. Se det som skript inte kan avgöra.
Guide
Konkret checklista för det mänskliga ögat. "Tabba igenom sidan, fastnar fokus?"
Verktyg
Tolv verktyg, tre kategorier
Allt som inte kan automatiseras behöver ett mänskligt öga. Dessa verktyg gör det osynliga synligt.
Visualiseringar
Skärmläsarvy
Namn, roller och tillstånd utan att starta en riktig skärmläsare.
Landmark-karta
Sidans semantiska regioner (main, nav, header, footer).
Klickyta (Target Size)
Markerar element mindre än 24×24 pixlar.
Tangentbordskontroll
Fokusordning och dolda element som stjäl fokus.
Simulatorer
Textavstånd
Ökade avstånd enligt WCAG 1.4.12.
Textzoom (200 %)
Simulerar 200 % textzoom enligt WCAG 1.4.4.
Mörkt läge
Avslöjar kontrastproblem som inte syns i ljusa teman.
Kontrastkontroll
Mäter färgkontrast direkt på sidan, overlay på problematiska element.
Färgblindhetstest
Fem typer av färgblindhet. Testar WCAG 1.4.1.
Analyser
Svensk LIX-analys
Läsbarhet med svenska läsbarhetsindexet.
Rubrikanalys
Logisk rubrikhierarki (h1, h2, h3 utan nivåhopp).
Formuläranalys
Kontrollerar autocomplete, input-typer och label-kopplingar.
Dela & exportera
Exportera och dela resultat
Visa en designer eller produktägare exakt varför en kontrast inte håller. Ingen behöver installera något.