Materiaalia ja työkaluja suunnittelijoille

Olen kerännyt linkkejä moniin lähteisiin, toivottavasti näistä on hyötyä. Valitettavasti nämä ovat kaikki englanniksi.

• WebAIM's Contract Checker on hyödyllinen työkalu tekstin ja taustavärin riittävän kontrastin tarkastamiseen. Tämä työkalu osaa myös katsoa kontrastin graafisten elementtien osalta.
• WebAIM's Link Contrast Checker on vastaava työkalu kuin edellinen, mutta vertaa taustavärin, leipätekstin ja linkin värejä.
• UX Design Glossary: How to Use Affordances in User Interfaces
• Who Can Use - Hyvä työkalu, joka hieman antaa kontekstia siihen, että millaisten värien kanssa erilaisilla käyttäjillä voi olla haasteita. Työkallla voit verrata taustaväriä ja tekstin väriä sekä tekstin kokoa ja paksuutta.
• Accessible Brand Colors palveluun voit syöttää kaikki brändivärisi ja katsoa mitkä niiden yhdistelmistä ovat saavutettavia.
• Sara Soueidan on kirjoittanut blogikirjoituksen A guide to designing accessible, WCAG-compliant focus indicators. Tässä kirjoituksessa mainitaan myös WCAG 2.2, jota ei vielä tätä kirjoittaessa ole julkaistu. Kannattaa siis käydä katsomassa nämä esimerkit, ja varmistaa, että täytät myös uudet onnistumiskriteerit. 
• Carie Fisher on luonut SVG-kuvista saavutettavuusvertailun CodePenissä: Accessible SVG Pattern Comparison (fox version). Tämä on kattava ja miellyttävä lista erilaisista variaatioista.
• Text on background image a11y check

Jos käytät Figmaa, Dequella on axe for Designers. Tämä lisäosa on ilmainen, joten se kannattaa ehdottomasti ottaa käyttöön.