Vasemmalle siirtyminen: a11y suunnittelussa ja tehtävissä
Havaitkaa ongelmat ennen ensimmäisenkään koodirivin kirjoittamista.
Vasemmalle siirtyminen: a11y suunnittelussa ja tehtävissä on ilmainen Web Accessibility Academy-oppitunti CoddyKitissä. Tämä on oppitunti 1/4. Voit lukea koko oppitunnin alta ilmaiseksi ja harjoitella sen jälkeen käytännössä selaimessa sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla. Oppitunti kuuluu Web Accessibility Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. Web Accessibility Academy-kurssilla on yhteensä 4 oppituntia.
Mitä Shift left tarkoittaa
Shift left tarkoittaa esteettömyystyön siirtämistä aikaisempaan vaiheeseen, kohti suunnittelua ja suunnitteluvaiheen valmistelua, sen sijaan että se lisättäisiin vasta lopussa. 🌱
Miksi myöhäiset korjaukset ovat hankalia
Esteettömyyden korjaaminen ominaisuuden julkaisun jälkeen on kallein ajankohta tehdä se. Koodia täytyy muokata jälkikäteen, testata uudelleen ja kiirehtiä paineen alla.
Aloittakaa suunnittelutiedostosta
Useimmat esteettömyyspäätökset tehdään suunnittelussa, kauan ennen koodia. Värikontrasti, kohdistusjärjestys ja nimilaput alkavat kaikki luonnoksesta.
Lisätkää huomautukset luonnoksiin
Lisätkää suunnitelmiin huomautuksia: otsikkotasot, lukemisjärjestys, vaihtoehtoisen tekstin tarkoitus sekä se, mitkä ohjaimet ovat painikkeita ja mitkä linkkejä.
Kontrasti on suunnitteluratkaisu
Suunnittelijoiden tulee tarkistaa kontrasti värejä valitessaan, ei vasta myöhemmin. Varhain havaittu toimimaton väripaletti säästää myöhemmältä tuskalliselta uudelleentyöltä.
Lisätkää a11y tehtäviin
Kirjoittakaa esteettömyyden hyväksymiskriteerit suoraan tehtävään, jotta se kuuluu työhön eikä ole valinnainen lisä, jonka joku voi ohittaa.
Acceptance criteria:
- All controls reachable by keyboard
- Focus is visible at every step
- Inputs have associated labelsTehkää a11y:stä oletus
Kun jokaisessa tehtävässä luetellaan esteettömyyskriteerit, tiimi pitää sitä normaalina työnä eikä erityisenä palveluksena muutamille käyttäjille.
Uudelleenkäytettävät komponentit skaalautuvat
Korjatkaa saavutettavuus kerran jaetussa komponentissa, kuten saavutettavassa painikkeessa tai modaalissa, niin jokainen sitä käyttävä sivu hyötyy korjauksesta.
Suunnittelijat ja kehittäjät yhdessä
Siirto vasemmalle toimii parhaiten, kun suunnittelu ja ohjelmistokehitys tekevät yhteistyötä jo varhaisessa vaiheessa ja jakavat yhteisen ymmärryksen siitä, ketä sivun on palveltava.
Edullisempaa, rauhallisempaa, parempaa
Varhain havaittuna saavutettavuus on edullista ja helposti hallittavaa. Myöhään havaittuna siitä tulee kiireinen pelastusoperaatio. Mitä aiemmin toimitte, sitä vähemmän se maksaa.
Kyse on ajattelutavasta
Siirto vasemmalle ei ole niinkään työkalu vaan tapa: kysykää joka kerta jotakin uutta suunnitellessanne, kenelle tämä voisi tuottaa vaikeuksia.
Pikatarkistus
Milloin saavutettavuuteen puuttuminen on edullisinta?
Kertaus
Siirto vasemmalle tuo saavutettavuuden osaksi suunnittelua ja tehtäviä, joten se on edullista, normaalia ja yhteistä työtä eikä kallis lopussa päälle liimattava korjaus. 🌱
Opi HTML tekoälytuutorin avulla — ilmaiseksi
Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.
- Kurssit
- 30
- Oppitunnit
- 120
Usein kysytyt kysymykset
Onko oppitunti ”Vasemmalle siirtyminen: a11y suunnittelussa ja tehtävissä” ilmainen?
Kyllä – oppitunnin ”Vasemmalle siirtyminen: a11y suunnittelussa ja tehtävissä” koko tekstin voi lukea täällä verkossa ilmaiseksi. Jos haluat harjoitella interaktiivisesti sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla sekä avata koko Web Accessibility Academy-kurssin, päivitä CoddyKit PROhon. Web Accessibility Academy-kurssilla on yhteensä 4 oppituntia.
Mitä opin oppitunnilla ”Vasemmalle siirtyminen: a11y suunnittelussa ja tehtävissä”?
Havaitkaa ongelmat ennen ensimmäisenkään koodirivin kirjoittamista. Harjoittelet Web Accessibility Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.
Tarvitsenko kokemusta aloittaakseni Web Accessibility Academy-opiskelun?
Aiempi kokemus ei ole tarpeen. CoddyKitin Web Accessibility Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 1/4.
Kuinka kauan ”Vasemmalle siirtyminen: a11y suunnittelussa ja tehtävissä”-oppitunnin suorittaminen kestää?
Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.
Voinko kirjoittaa ja suorittaa koodia tällä Web Accessibility Academy-oppitunnilla?
Kyllä. Jokainen Web Accessibility Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.
Kaikki tämän kurssin oppitunnit
- Vasemmalle siirtyminen: a11y suunnittelussa ja tehtävissä
- Valmis-määritelmä, joka sisältää a11y:n
- Käytännöllinen ominaisuuskohtainen saavutettavuuden tarkistuslista
- Saavutettavuuslähettiläät, koulutus ja pysyvä muutos