Kontrastiruudukko

Suunnittelujärjestelmä ei ole lista värejä, se on lista pareja — ja kysymys joka oikeasti nousee esiin on, mikä näistä saa olla minkä päällä. Sen tarkistaminen pari kerrallaan tarkoittaa n² käyntiä kontrastintarkistimessa. Kahdeksan värin paletilla se on kuusikymmentäneljä tarkistusta, minkä vuoksi kukaan ei tee sitä ja minkä vuoksi suunnittelujärjestelmät lähtevät maailmalle yhdistelmillä joita kukaan ei ole koskaan kokeillut. Tämä on paletin kontrastintarkistin joka tekee ne kaikki kerralla — WCAG-värimatriisi koko joukolle. Liitä palettisi, ja jokainen väri tarkistetaan tekstinä jokaista väriä vasten taustana, kontrastisuhde ja WCAG-arvosana jokaisessa solussa. Vihreä läpäisee valitsemasi tason, keltainen ylittää vain suuren tekstin matalamman riman, punainen kaatuu. Liitä se siinä muodossa jossa se sinulla jo on. Hex, rgb(), hsl() tai CSS:n värien nimet, eroteltuina rivinvaihdoilla, pilkuilla tai välilyönneillä, CSS-muuttujien syntaksi vielä mukana jos kerran sen kopioit — se lukee kaiken tuon ja kertoo mitä se ei saanut luetuksi. Ruudukko on myös se mitä kannattaa säilyttää. Se on rakennettu kuvakaapattavaksi suoraan suunnitteludokumenttiin tai vetopyyntöön, koska tarkistus tehdään kerran ja kuvaa käytetään vuoden. Kaikki toimii selaimessasi.