Aksesueshmëri

Pikat e orientimit (landmarks)

Elemente si <main>, <nav>, <header> dhe <footer> që i japin faqes një hartë për lundrim jo-vizual.

Çfarë është

Pikat e orientimit janë rajone të emërtuara të faqes që teknologjitë ndihmëse i njohin dhe i përdorin për lundrim. Elementet semantike të HTML-së i japin ato falas: <header>, <nav>, <main>, <aside>, <footer>.

Secila prej tyre ka një rol të nënkuptuar — banner, navigation, main, complementary, contentinfo — dhe lexuesi i ekranit ofron kalim të drejtpërdrejtë midis tyre.

Pa to, faqja është një rrjedhë e vetme e pandarë. Përdoruesi duhet të kalojë nëpër gjithçka nga fillimi për të arritur te përmbajtja.

Pse ka rëndësi

Për një përdorues të lexuesit të ekranit, pikat e orientimit janë ekuivalenti i asaj që syri bën në një çast: dallimi midis menusë, përmbajtjes dhe fundfaqes.

Pa to, çdo faqe e re fillon me lexim të gjithë menusë. Në një sajt me tridhjetë lidhje navigimi, kjo do të thotë tridhjetë lidhje para çdo artikulli — çdo herë.

Efekti më i madh e ka <main>. Ai shënon fillimin e përmbajtjes së vërtetë, dhe shumica e lexuesve të ekranit ofrojnë një shkurtore për të kërcyer drejt e aty.

Dhe këto elemente nuk kushtojnë asgjë: janë të njëjtat kuti si <div>, pa asnjë stil të veçantë, vetëm me kuptim të shtuar. Zëvendësimi i një <div class="main"> me <main> është ndryshim i një fjale.

Si rregullohet

<body>
  <header>
    <nav aria-label="Kryesor">…</nav>
  </header>
  <main>
    <h1>Riparim laptopësh</h1>
  </main>
  <aside aria-label="Artikuj të lidhur">…</aside>
  <footer>…</footer>
</body>

Hapat:

Një `<main>` për faqe, që përmban përmbajtjen unike (jo menunë, jo fundfaqen).
Emërto `<nav>`-et kur ka më shumë se një me aria-label; ndryshe lexuesi thotë vetëm "navigim" dy herë.
Përdor elementet HTML, jo `role`. <nav> është më i mirë se <div role="navigation">.
Mos i fut njërin brenda tjetrit pa arsye; struktura duhet të jetë e sheshtë në nivelin e parë.
Gjithçka e dukshme duhet të rrijë brenda një pike orientimi. Përmbajtje jashtë tyre humbet në lundrim.

Si e mat ky mjet

AccessibilityAnalyzer::checkAriaLandmarks() (services/AccessibilityAnalyzer.php:167) kërkon me një pyetje të vetme XPath tetë mundësi: //main, //nav, //header, //footer, dhe elementet me role të barabartë me main, navigation, banner ose contentinfo (:170).

Dy dalje: dy ose më shumë të gjetura (:174, kaluar), më pak se dy (:176, informativ me gjysmë pike).

Çfarë NUK e mat

Kontrolli numëron sasinë, jo strukturën. Dy <nav> pa asnjë <main> e kalojnë atë — dhe <main> është pikërisht pika e orientimit me vlerën më të madhe.

Nuk kontrollohet nëse ekziston saktësisht një <main>, nëse pikat janë të emërtuara kur përsëriten, nëse ndonjëra është futur gabimisht brenda një tjetre, apo nëse ka përmbajtje të rëndësishme jashtë të gjithave.

Pragu dy është arbitrar: një shabllon minimal me <header> dhe <footer> e kalon pa pasur asnjë strukturë të vërtetë. Konstatimi është informativ me ndikim të ulët edhe kur faqja nuk ka asnjë pikë orientimi.

Kodi që e kryen matjen

services/AccessibilityAnalyzer.php:167 — AccessibilityAnalyzer::checkAriaLandmarks
services/AccessibilityAnalyzer.php:170 — landmarks