Liigu põhisisu juurde
Ligipääsetavuse labor

3.5 · Struktuur

Vormid

Vormides lähevad ligipääsetavuse vead inimestele maksma raha ja kohti kursustel. Täida mõlemad vormid klaviatuuriga ja võrdle.

Kaks registreerimisvormi

Ligipääsmatu

Rühm

Kohatäited siltide asemel (kaovad kirjutamisel), seletamata tärn, rühmanimeta raadionupud ja veateade, mis ei ütle midagi ega jõua ekraanilugejani.

Ligipääsetav

Kasutame seda ainult kinnituse saatmiseks.

Vali rühm

Kuus reeglit, mis parandavad enamiku vorme

1) Igal väljal on nähtav <label for>. 2) Kohatäide ei ole silt. 3) Kirjuta 'kohustuslik' tekstina. 4) Pane juhis välja ette ja seo aria-describedby abil. 5) Veateade nimetab välja ja lahenduse. 6) Rühmita raadionupud ja märkeruudud fieldset'i koos legendiga.

Miks hea näide on parem

  • Päris silt loetakse fokuseerimisel ette ja suurendab klikiala.
  • aria-describedby juhised ja vead loetakse koos väljaga, mitte ei jää maha.
  • Fieldset ja legend selgitavad, mida raadionuppude rühm üldse küsib.
  • autocomplete laseb motoorsete või mäluraskustega inimestel väljad automaatselt täita.

Mõju ligipääsetavusele

Ekraanilugeja kasutajad
Kuulevad välja nime, nõuded ja vea ilma oletamist.
Kognitiivsete erisustega ja esmakasutajad
Juhised jäävad kirjutamise ajal nähtavaks, mitte ei kao.
Motoorse häirega kasutajad
Suuremad sildistatud alad ja automaattäide tähendavad palju vähem täpseid liigutusi.

Praktiline järeldus

Kui väljal pole for/id-ga seotud nähtavat silti, on see katki — ükskõik kui ilus see on.

WCAG 2.2
1.3.1, 2.4.6, 3.3.1, 3.3.2, 3.3.3, 1.3.5 Identify Input Purpose

Kiire kontroll

  1. 1. Kas kohatäide asendab sildi?
  2. 2. Kuidas peaks veateade olema kirjutatud?
  3. 3. Kaks raadionuppu küsivad, millisesse rühma liituda. Mis neid ümbritseb?

Seotud nõuded

See õppetükk avab enesehindamise ala — vaata järgmisena üle oma leht või materjalid.

Vaata üle — Vormid

Kas said õppetüki läbi? Märgi see ära, et õpitee oleks ajakohane.