Farvekontrast (WCAG)
Er kontrasten mellem tekstfarve og baggrundsfarve høj nok til at være tilgængelig?
WCAG kræver et minimums-kontrastforhold mellem tekst og baggrund, så tekst kan læses af brugere med nedsat synsstyrke. Kontrastforholdet regnes ud fra begge farvers relative luminans (W3C's formel, som lineariserer sRGB-værdierne og vægter rød/grøn/blå forskelligt efter øjets følsomhed). Indtast begge farver som RGB (0-255) for at få det faktiske kontrastforhold. Værktøjet erstatter ikke en fuld tilgængeligheds-gennemgang, men giver et hurtigt tjek af netop dette ene kriterie.
Formula
relativ luminans L = 0,2126×R' + 0,7152×G' + 0,0722×B', hvor hver kanal først lineariseres: c' = c/12,92 hvis c ≤ 0,03928, ellers ((c+0,055)/1,055)^2,4 (c = kanalværdi/255)
kontrastforhold = (L_lys + 0,05) / (L_mørk + 0,05)
WCAG-krav: 4,5:1 (AA, normal tekst), 3:1 (AA, stor tekst), 7:1 (AAA, normal tekst)
Formlen er W3C's officielle definition, men den tager ikke højde for skrifttype, skriftvægt eller antialiasing. Brug altid et rigtigt tilgængeligheds-værktøj (fx browserens DevTools) som endeligt tjek før aflevering.
Indicative
The result is indicative and an aid tool for estimates and learning. It does not replace design, applicable standards and legislation or a qualified professional's specific assessment. Always check against the source (WCAG 2.1, succeskriterium 1.4.3 og 1.4.6 (W3C)) and actual conditions on the task. See sources & reservations.
Next step
Skærmens pixeltæthed (PPI)
Hvor skarp er en skærm reelt — og hvornår bør du designe med 2x/3x-billeder?
Sidens downloadtid og LCP-vurdering
Hvor lang tid tager det at hente siden på en typisk forbindelse — og består den Googles LCP-krav?
CLS — beregn ét layout-skifts score
Hvor meget straffer et enkelt layout-hop din Cumulative Layout Shift-score?
CSS Grid — antal kolonner (auto-fill/minmax)
Hvor mange kolonner får du automatisk med en given container-bredde og minimumsbredde pr. element?
SLA-oppetid → tilladt nedetid
Hvor meget nedetid tillader en given oppetids-garanti reelt pr. måned eller år?
Adgangskode-entropi og brute-force-tid
Hvor svær er en adgangskode reelt at gætte, baseret på længde og tegnsæt?
API rate-limit — hvor lang tid tager mine kald?
Hvor lang tid tager det at gennemføre X API-kald inden for en rate limit?
Hosting-trafik og databehov pr. måned
Hvor meget datatrafik bruger en hjemmeside reelt, og holder den sig inden for hostingplanens grænse?
Freelance timepris og projektpris
Hvad skal du tage i timen som freelance webudvikler, og hvad koster et konkret projekt?
Responsivt billede — nødvendig filbredde (srcset)
Hvor bred skal billedfilen reelt være, når skærmens pixel-tæthed tælles med?
WCAG — er det klikbare mål stort nok?
Lever en knap eller et link op til WCAG's minimumsstørrelse for klikbare mål?
SEO — titel og meta-beskrivelse: er den for lang?
Bliver din title-tag eller meta-beskrivelse afskåret i Googles søgeresultater?