Tunnista tarkoitus
Lomakekenttien lisäksi käyttöliittymäkomponenttien, kuvakkeiden ja alueiden tarkoitus on oltava ohjelmallisesti tunnistettavissa — jotta mukautuvat teknologiat voivat vaihtaa symboleja, yksinkertaistaa sivua tai piilottaa epäolennaiset osat.
Mitä vaaditaan
Siinä missä 1.3.5 kattaa vain lomakesyötteet, 1.3.6 laajentaa saman ajatuksen kaikkiin käyttöliittymäkomponentteihin, kuvakkeisiin ja alueisiin. Tarkoituksena on, että mukautuva työkalu — kognitiivista tukea tarjoava laajennus, symbolipeitetyökalua — voi tunnistaa „haku“-alueen, „navigointi“-linkin, „poista“-painikkeen sen roolin ja tarkoituksen perusteella, ja sitten korvata tai piilottaa sen. Spesifikaatio on tarkoituksellisesti tulevaisuuteen katsova ja alimääritelty.
Toteutustapa
- Käytä ARIA-maamerkkejä (
role="navigation",role="search",role="main") ja HTML5-osioelementtejä (<nav>,<main>,<search>) alueiden tunnistamiseen. - Varmista, että kuvakepainikkeilla on saavutettava nimi, joka kuvaa tunnettua tarkoitusta („Haku“, „Asetukset“, „Sulje“).
- Käytä
rel-attribuutteja linkeissä (rel="next",rel="prev",rel="author") linkin tarkoituksen tunnistamiseksi. - Käytä schema.org- tai mikrodata-elementtejä entiteettityyppien ilmaisemiseen, joissa mukautuvat työkalut voivat hyödyntää niitä.
- Noudata ARIA-tekijäkäytäntöopasta komponenttiroolien ennustettavuuden varmistamiseksi.
Yleisiä puutteita
- Kuvakepainikkeet nimeltä „Napsauta tästä“ tai ilman saavutettavaa nimeä, ei koneluettavaa tarkoitusta.
- Mukautetut hakuwidgetit ilman
role="search"-maamerkkiä ja ilman autocomplete-tunnistetta. - Joukko
<div>-elementtejä, jotka visuaalisesti muodostavat navigoinnin, mutta eivät kanna maamerkkiroolia. - Mukautetut „poista“-painikkeet, jotka näyttävät erilaiselta, mutta ilmoitetaan identtisesti „muokkaa“- tai „tarkastele“-painikkeiden kanssa.
Miksi tällä on merkitystä
AAA-taso, harvoin vaadittu. Työkaluekosysteemi, joka kuluttaisi näitä signaaleja, kypsyy edelleen, joten monet tiimit pitävät 1.3.6:ta toivottavana tavoitteena. Jos täytät jo 1.3.5:n ja käytät semanttista HTML:ää sekä maamerkkejä, olet pitkälti jo perillä.