Identificer formål

Silktide beder dig bekræfte, at formålet med regioner, ikoner og kontrolelementer på siden kan bestemmes programmatisk, så brugeragenter kan tilpasse siden til den besøgende. Dette er -succeskriterium 1.3.6 (niveau AAA).

Dette er en : Der findes ikke et færdigt W3C-ordforråd til at opmærke ethvert formål, og intet automatiseret værktøj kan vurdere, om den semantik, der er til stede, faktisk svarer til formålet med hver region eller hvert kontrolelement. Silktide viser prompten på hver side, og en person bekræfter den.

Hvorfor dette er vigtigt

Personer med kognitive funktionsnedsættelser, lav læsefærdighed eller begrænset opmærksomhed tilpasser ofte internettet: De skjuler regioner, de ikke har brug for, erstatter ikoner med et sæt, de genkender, eller forenkler kontrolelementer. Det virker kun, når siden angiver, hvad hver del er til for – ikke kun hvordan den ser ud.

Uden et programmatisk formål kan hjælpeteknologi ikke skelne mellem et "hjem"-link, en "søg"-knap og et dekorativt ikon, og personaliseringsværktøjer har intet at arbejde med.

Hvad du skal tjekke

Regioner – sidens hovedområder bruger landemærker (<header>, <nav>, <main>, <aside>, <footer> eller tilsvarende ARIA-roller), og hvor der er flere af samme type, skelnes de ved hjælp af et tilgængeligt navn.
Kontrolelementer – interaktive elementer bruger den rigtige indbyggede HTML- eller ARIA-rolle, så deres formål er tydeligt (en knap er en knap, et link er et link).
Ikoner – funktionelle ikoner har et tilgængeligt navn, der angiver deres formål; dekorative ikoner skjules for hjælpeteknologi.
Formularfelter, der indsamler brugerdata – opfylder, hvor det er relevant, også Identificer inputformål (1.3.5) med autocomplete.

W3C har ikke færdiggjort et anbefalet ordforråd til personalisering ud over landemærker og roller, så landemærker + korrekte roller + navngivne ikoner er den praktiske standard for de fleste websites i dag.

Sådan løser du det

Opmærk sideregioner med HTML5-sektionselementer eller ARIA-landemærker.
Foretræk indbyggede kontrolelementer (<button>, <a>, formularfelter) frem for klikbare <div>-elementer.
Giv hvert funktionelt ikon et tilgængeligt navn; markér dekorative ikoner med aria-hidden="true".
Tilføj autocomplete-tokens på felter til brugerdata (se 1.3.5).

Hvis sidens regioner, ikoner og kontrolelementer tydeligt angiver deres formål (eller hvis siden ikke har nogen, der kræver det), fundet.

Sådan tester Silktide dette

Silktide kan ikke afgøre, om eksisterende semantik formidler formålet præcist, så dette tjek viser én prompt til gennemgang pr. side. Silktides - og landemærkerelaterede tjek under 1.3.1 og 4.1.2 finder ødelagt opmærkning automatisk; denne gennemgang dækker den vurdering, der resterer. Intet udbredt værktøj automatiserer 1.3.6 – der findes ingen W3C ACT-regel til det.