Korjaaminen ilman taantumia
Korjatkaa ongelmat ja varmistakaa, ettei mikään uusi rikkoutunut.
Korjaaminen ilman taantumia on ilmainen Web Accessibility Academy-oppitunti CoddyKitissä. Tämä on oppitunti 4/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.
Yhden asian korjaaminen voi rikkoa toisen
Huolimaton saavutettavuuskorjaus voi huomaamatta rikkoa toimivan ominaisuuden. Korjaamisella tarkoitetaan ongelmien korjaamista ilman uusien regressioiden aiheuttamista. 🔧
Toistakaa ongelma ennen korjaamista
Ensin toistakaa virhe täsmälleen ilmoitetulla tavalla. Jos ette saa sitä epäonnistumaan pyydettäessä, ette voi osoittaa korjauksen todella toimineen.
Suosikaa ensin natiivia HTML:ää
Turvallisin korjaus on yleensä koodin vähentäminen. Kun vaihdatte teennäisen div-elementin oikeaan painikkeeseen, saatte kohdistuksen, näppäimet ja roolit käyttöön automaattisesti.
<!-- Replace this -->
<div onclick="save()">Save</div>
<!-- With this -->
<button onclick="save()">Save</button>Muuta mahdollisimman vähän
Koskekaa vain siihen, mitä ongelma edellyttää. Tiukasti rajattu muutos on paljon helpompi tarkistaa, ja se aiheuttaa paljon epätodennäköisemmin vaikutuksia muihin ominaisuuksiin.
Testatkaa uudelleen samoilla työkaluilla
Varmistakaa korjaus samalla näppäimistöllä ja ruudunlukijalla, joilla ongelma havaittiin. Toistakaa alkuperäiset vaiheet ja varmistakaa, että este on poistunut.
Tarkistakaa ympäröivä alue
Tarkastelkaa korjattua elementtiä laajemmin. Uusi aria-label tai siirretty kohdistus voi muuttaa sitä, miten lähellä olevat ohjaimet ilmoitetaan, joten testatkaa koko toiminto.
Varokaa visuaalisia regressioita
Kohdistuksen ääriviivan tai kontrastin palauttaminen voi muuttaa asettelua. Varmistakaa, että visuaalinen suunnittelu toimii edelleen normaalissa ja suurennetussa koossa.
Varmistakaa korjaus testillä
Lisätkää automaattinen tarkistus, kuten axe-core-väite, jotta sama ongelma pysäyttää koontiversion, jos joku tuo sen myöhemmin uudelleen.
const results = await new AxeBuilder({ page }).analyze();
expect(results.violations).toEqual([]);Pikatarkistus
Yksi tapa ehkäisee parhaiten korjauksen aiheuttamat regressiot.
Älkää piilottako ongelmaa läpäistäksenne tarkistusta
Älkää käyttäkö aria-hidden-määritettä tai display none -määritystä tarkistimen vaientamiseen. Se piilottaa oireen työkaluilta, mutta todelliset käyttäjät törmäävät edelleen esteeseen.
Dokumentoikaa, mitä muuttui
Kirjatkaa korjaus pull requestiin ja linkittäkää alkuperäinen ongelma. Selkeä muutosloki auttaa tarkistajia ja tulevaa itseänne ymmärtämään syyn.
Varmistakaa todellisessa ympäristössä
Varmistakaa korjaus testiympäristön koontiversiossa, ei vain paikallisesti. Testaus todellisessa ympäristössä paljastaa välimuistiin, paketointiin ja asetuksiin liittyvät yllätykset varhain.
Kertaus: turvallinen korjaaminen
Toistatte ongelman, korjaatte sen pienimmällä natiivilla muutoksella, testaatte toiminnon uudelleen, varmistatte sen testillä ja tarkistatte sen testiympäristössä. Ei regressioita. 🎉
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 ”Korjaaminen ilman taantumia” ilmainen?
Kyllä – oppitunnin ”Korjaaminen ilman taantumia” 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 ”Korjaaminen ilman taantumia”?
Korjatkaa ongelmat ja varmistakaa, ettei mikään uusi rikkoutunut. 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 4/4.
Kuinka kauan ”Korjaaminen ilman taantumia”-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
- Manuaalisen auditointityönkulun rakentaminen
- Vakavuuden ja vaikutusten luokittelu
- Toimintakelpoisten virheraporttien kirjoittaminen kehittäjille
- Korjaaminen ilman taantumia