3.1 · Struktuur
Pealkirjad
Pealkirjad on sinu lehe sisukord. Ekraanilugeja kasutajad hüppavad nende vahel pidevalt — aga ainult siis, kui need on päris pealkirjad, mitte suured rasvased lõigud.
Võltspealkiri vs päris pealkiri
Ligipääsmatu
Registreerimine
Mida ekraanilugeja ette loeb
- Registreerimine (loetakse tavatekstina — pealkirjade loendis pole)
Ligipääsetav
Registreerimine
Mida ekraanilugeja ette loeb
- pealkiri tase 2, Registreerimine
Reeglid, mis katavad 95% juhtudest
Üks h1 lehe kohta, mis kirjeldab lehte. Ära jäta allapoole minnes taset vahele (h2 → h4). Ära vali taset fondi suuruse järgi — kujunda CSS-iga.
Lehe struktuuri visualiseerija
- h3Suvekool 2026
- h61. nädal
- h2Registreerimine
h1 puudub, tasemed vahele jäetud, järjekord hüppab — struktuur on kasutu.
Miks hea näide on parem
- Päris pealkirjad ilmuvad ekraanilugeja pealkirjade loendisse, nii saab otse jaotise juurde hüpata.
- Korrektne hierarhia näitab, mis osa kuhu kuulub.
- Pealkirjad mõjutavad ka otsitulemusi, lehesisest otsingut ja dokumendieksporti.
Mõju ligipääsetavusele
- Ekraanilugeja kasutajad
- Umbes kaks kolmest liigub eelkõige pealkirjade kaupa.
- Kognitiivne koormus
- Selged jaotised vähendavad pikkade lehtede sirvimise vaeva.
Praktiline järeldus
Vali pealkirja tase struktuuri, mitte teksti suuruse järgi.
WCAG 2.2
1.3.1 Info and Relationships, 2.4.6 Headings and LabelsSeotud nõuded
EN 301 549 punktid: 9.1.3.1, 10.1.3.1
See õppetükk avab enesehindamise ala — vaata järgmisena üle oma leht või materjalid.
Vaata üle — PealkirjadKas said õppetüki läbi? Märgi see ära, et õpitee oleks ajakohane.