A11ying with Sanna - Toki, jos voisin opas saavutettavuuteen

Valjasta koodieditorisi saavutettavuuteen

Käytän nyt enimmäkseen Visual Studio Codea. Siinä on paljon hyviä lisäosia, joiden avulla voit parantaa koodin laatua. Riippumatta siitä, mitä editoria käytät, tarkista, onko siinä joitakin lisäosia, jotka auttavat sinua.

Muista, että nämä eivät poista testauksen ja saavutettavuuden seurannan tarvetta. Mutta ne ovat lisätyökalu, jota voit käyttää työmäärän vähentämiseen.

Paranna JavaScriptisi laatua ESLintin avulla

ESLintissä on paljon sääntöjä, joita voit asettaa kaikenlaisten koodin laatuun liittyvien ongelmien havaitsemiseksi. Suosittelen ESLintin käyttöä jokaisessa JavaScript-toteutuksessasi. Olipa se kuinka pieni tahansa.

ESLintillä on myös saavutettavuuslisäosa JSX:lle. Tarkista lisäosan sivulta käyttöohjeet.

Lisäosat saavutettavuuden parantamiseen

Deque on luonut axe Accessibility Linterin. Se on olemassa auttaakseen meitä luomaan saavutettavampaa koodia. Se tarkistaa kooditiedostot yleisten saavutettavuusongelmien varalta. Se tukee Reactia (JSX), React Nativea, Angularia, Vuea, HTML:ää ja Markdownia. Voit halutessasi konfiguroida lisäosan, mutta se toimii hyvin suoraan laatikosta.

Deque tarjoaa myös axe DevTools Linterin, joka on saatavilla API:na. Voit integroida sen moniin alustoihin. Tämä ei kuitenkaan ole ilmainen.

Liitännäisiä on saatavilla paljon. Suosittelen, että tarkistat työkalujen tulokset ennen kuin luotat niihin. Suosittelen mielelläni Dequen työkaluja, koska he ovat yksi tunnetuimmista yrityksistä saavutettavuusalalla.