Tunnista tarkoitus
Silktide kehottaa sinua varmistamaan, että sivun alueiden, kuvakkeiden ja säätimien tarkoitus voidaan määrittää ohjelmallisesti, jotta käyttäjäagentit voivat mukauttaa sivun kävijälle sopivaksi. Tämä on -onnistumiskriteeri 1.3.6 (taso AAA).
Tämä on : kaikkien tarkoitusten merkitsemiseen ei ole valmista W3C-sanastoa, eikä mikään automatisoitu työkalu voi arvioida, vastaavatko käytössä olevat semantiikat todella kunkin alueen tai säätimen tarkoitusta. Silktide näyttää kehotteen jokaisella sivulla, ja henkilö vahvistaa sen.
Miksi tämä on tärkeää
Ihmiset, joilla on kognitiivisia vammoja, heikko lukutaito tai rajallinen keskittymiskyky, mukauttavat usein verkkoa: he piilottavat alueita, joita he eivät tarvitse, vaihtavat kuvakkeet tunnistamaansa joukkoon tai yksinkertaistavat säätimiä. Tämä toimii vain, kun sivu ilmaisee, mihin kukin osa on tarkoitettu – ei pelkästään sitä, miltä se näyttää.
Ilman ohjelmallisesti määritettävää tarkoitusta avustava teknologia ei voi erottaa "etusivu"-linkkiä "haku"-painikkeesta tai koristekuvakkeesta, eikä personointityökaluilla ole mitään, minkä kanssa työskennellä.
Tarkistettavat asiat
- Alueet – sivun pääalueet käyttävät kiintopisteitä (
<header>,<nav>,<main>,<aside>,<footer>tai vastaavia ARIA-rooleja), ja jos samantyyppisiä alueita on useita, ne erotellaan saavutettavalla nimellä. - Säätimet – vuorovaikutteiset elementit käyttävät oikeaa natiivia HTML-elementtiä tai ARIA-roolia, jotta niiden tarkoitus on selvä (painike on painike, linkki on linkki).
- Kuvakkeet – toiminnallisilla kuvakkeilla on saavutettava nimi, joka ilmaisee niiden tarkoituksen; koristekuvakkeet on piilotettu avustavalta teknologialta.
- Käyttäjätietoja keräävät lomakekentät – täytä tarvittaessa myös
Tunnista syötteen tarkoitus (1.3.5)
autocomplete-attribuutilla.
W3C ei ole saanut valmiiksi kiintopisteitä ja rooleja laajempaa suositeltua personointisanastoa, joten kiintopisteet + oikeat roolit + nimetyt kuvakkeet on useimmille sivustoille käytännöllinen vähimmäistaso nykyisin.
Korjaaminen
- Merkitse sivun alueet HTML5:n osiointielementeillä tai ARIA-kiintopisteillä.
- Suosi natiiveja säätimiä (
<button>,<a>, lomakesyötteet) klikattavien<div>-elementtien sijaan. - Anna jokaiselle toiminnalliselle kuvakkeelle saavutettava nimi; merkitse
koristekuvakkeet
aria-hidden="true". - Lisää
autocomplete-tunnukset käyttäjätietokenttiin (katso 1.3.5).
Jos sivun alueet, kuvakkeet ja säätimet ilmaisevat tarkoituksensa selkeästi (tai sivulla ei ole sellaisia, jotka sitä tarvitsevat), löydös.
Miten Silktide testaa tämän
Silktide ei voi päättää, ilmaisevatko olemassa olevat semantiikat tarkoituksen tarkasti, joten tämä tarkistus näyttää yhden arviointikehotteen sivua kohden. Silktiden - ja kiintopisteisiin liittyvät tarkistukset kohdissa 1.3.1 ja 4.1.2 havaitsevat rikkoutuneet merkinnät automaattisesti; tämä arviointi kattaa jäljelle jäävän harkinnanvaraisen osuuden. Mikään yleisesti käytössä oleva työkalu ei automatisoi kohtaa 1.3.6 – sille ei ole W3C ACT -sääntöä.