Identifiera syfte
Silktide uppmanar dig att verifiera att syftet med områden, ikoner och kontroller på sidan kan fastställas programmatiskt – så att användarprogram kan anpassa sidan för besökaren. Detta är WCAG:s framgångskriterium 1.3.6 (nivå AAA).
Detta är en : det finns inget färdigt W3C-vokabulär för att märka upp varje syfte, och inget automatiserat verktyg kan bedöma om de semantiska egenskaper som faktiskt finns stämmer överens med vad varje område eller kontroll är till för. Silktide visar prompten på varje sida och en person bekräftar den.
Varför detta är viktigt
Personer med kognitiva funktionsnedsättningar, låg läskunnighet eller begränsad uppmärksamhet anpassar ofta webben: de döljer områden de inte behöver, byter ikoner mot en uppsättning de känner igen eller förenklar kontroller. Det fungerar bara när sidan visar vad varje del är till för – inte bara hur den ser ut.
Utan ett programmatiskt syfte kan hjälpmedel inte skilja en länk till "startsidan" från en "sök"-knapp eller en dekorativ ikon, och anpassningsverktyg har inget att arbeta med.
Vad som ska kontrolleras
- Områden – större delar av sidan använder landmärken (
<header>,<nav>,<main>,<aside>,<footer>eller motsvarande ARIA-roller), och när det finns flera av samma typ särskiljs de med ett tillgängligt namn. - Kontroller – interaktiva element använder rätt inbyggda HTML- eller ARIA-roller så att deras syfte är tydligt (en knapp är en knapp, en länk är 'till en länk).
- Ikoner – funktionella ikoner har ett tillgängligt namn som anger deras syfte; dekorativa ikoner döljs för hjälpmedel.
- Formulärfält som samlar in användardata – där det är relevant ska de
även uppfylla Identifiera syftet med indata
(1.3.5) med
autocomplete.
W3C har inte färdigställt något rekommenderat vokabulär för anpassning utöver landmärken och roller, så landmärken + korrekta roller + namngivna ikoner är den praktiska ribban för de flesta webbplatser i dag.
Så åtgärdar du det
- Märk upp sidans områden med HTML5-element för sektionsindelning eller ARIA-landmärken.
- Föredra inbyggda kontroller (
<button>,<a>, formulärfält) framför klickbara<div>-element. - Ge varje funktionell ikon ett tillgängligt namn; markera dekorativa ikoner
med
aria-hidden="true". - Lägg till
autocomplete-värden i fält för användardata (se 1.3.5).
Om sidans områden, ikoner och kontroller tydligt visar sitt syfte (eller om sidan inte har några som behöver göra det), du resultatet.
Så testar Silktide detta
Silktide kan inte avgöra om befintliga semantiska egenskaper förmedlar syftet korrekt, så denna kontroll visar en granskningsprompt per sida. Silktides - och landmärkesrelaterade kontroller under 1.3.1 och 4.1.2 fångar trasig kod automatiskt; denna granskning täcker den bedömning som återstår. Inget vanligt verktyg automatiserar 1.3.6 – det finns ingen W3C ACT-regel för den.