Utvecklarverktyg
Accessibility Fixer
Rättar tillgänglighetsbrister från Accessibility Checker i din egen kod. Det som har ett säkert svar rättas automatiskt; allt som kräver bedömning blir en exakt uppgiftslista för din AI-kodassistent.
Så fungerar det
- Kör Accessibility CheckerTesta din webbplats med Accessibility Checker och klicka på Ladda ner för utvecklare. Du får en rapportfil (wcag-report-….json) med varje fynd, den felande HTML-koden och var den finns.
- Lägg Fixer i ditt projektLadda ner wcag-fixer.mjs och spara den med rapporten i projektmappen. Den behöver Node 18 eller senare och inget annat.
- Se vad den skulle ändraInget skrivs ännu. Du ser varje ändring, fil för fil och rad för rad.
node wcag-fixer.mjs wcag-report.json - Gör de säkra rättningarnaÄndringarna görs, en kopia av varje fil sparas och resten skrivs till wcag-fixes.md.
node wcag-fixer.mjs wcag-report.json --apply - Valfritt: få ett AI-förslag för varje uppgiftMed en gratis nyckel skriver Fixer också ett konkret kodförslag under varje uppgift. Bara det som redan finns i rapporten skickas, aldrig din kod.
node wcag-fixer.mjs wcag-report.json --apply --ai --key YOUR-KEY - Låt din AI-assistent göra restenÖppna projektet i Claude Code, Cursor eller Copilot och be den gå igenom listan. Varje uppgift har sidan, elementet, trolig fil och rad och hur det rättas.
Fix the tasks in wcag-fixes.md - Testa igen och verifieraGå igenom ändringarna och publicera. Kör Accessibility Checker igen och lägg till wcag-fixer-log.json under ”Verifiera rättningar”: rapporten bekräftar vilka rättningar som håller och vad som återstår.
Din nyckel
Registrera dig gratis för att få en nyckel till AI-förslagen. Samma registrering fungerar för alla mina verktyg.
Använd nyckeln med --key, eller spara den i miljövariabeln WCAG_TOOLS_KEY.
Rättas automatiskt
- Zoom som är blockerad i viewport-inställningen
- Sidspråk som saknas (med --lang)
- Positivt tabindex som förstör tabbordningen
- Scrollbara ytor som tangentbordet inte når
- ARIA-attribut som inte är tillåtna på elementet
- Dekorativa bilder utan tom alt
- Komponenter utan synlig fokusmarkering
Blir uppgifter med exakta instruktioner
- Kontrast, med en föreslagen färg som klarar kravet
- Alt-texter, länktexter, rubriker och etiketter
- Menyer, dialoger och fokushantering
- Formulärfel, klickytor och fasta element
- Allt som testet markerade för manuell kontroll
Körs på din egen dator: inget laddas upp eller skickas någonstans. Den fungerar med vanlig HTML och med mallar och komponenter (React, Vue, Svelte, Astro, PHP med flera). Gå alltid igenom ändringarna innan du publicerar dem.
Feedback
Hjälp mig göra verktyget riktigt användbart
Hur fungerade det för dig, vilket värde gav det dig och vad skulle göra det bättre? All feedback är välkommen, stor som liten. Jag läser allt.