RGAA 3.2017 - Słownik

RGAA to wydane przez rząd francuski Ogólne Wytyczne Dostępności dla Administracji. Mają one na celu zapewnienie sposobu sprawdzania zgodności z WCAG 2.0.

A

Skocz do B

Alert

Komunikat z ostrzeżeniem przerywający nawigację lub używanie strony, zwłaszcza z żądaniem kliknięcia na przycisk lub link w celu kontynuowania nawigacji lub używania treści.

Przykładowo, okno dialogowe generowane przez JavaScript przy użyciu funkcji alert. W szerszym znaczeniu, za alert uważa się okno modalne (treść przedstawiana w postaci „okna” wstawionego lub wyświetlonego w DOM), które wymaga zamknięcia w celu kontynuowania nawigacji lub używania treści. Uwaga: wyłączenie alertów może być zaproponowane przed uruchomieniem alertu, przykładowo przy pomocy parametru użytkownika lub podczas wyświetlania pierwszego alertu, przykładowo przy pomocy pola wyboru „nie pokazuj więcej tego alertu”.

Alternatywa (dla skryptu)

Tekst lub procedura przypisane do skryptu przy pomocy odpowiedniej techniki i umożliwiający udostępnienie funkcji lub treści podobnej do proponowanej przez skrypt.

Uwaga: gdy proponowana jest alternatywa dla procedury lub funkcjonalności JavaScript, witryna powinna dostarczyć środek umożliwiający do nich dostęp. Może być to link lub przycisk umożliwiający dostęp do strony alternatywnej działającej bez JavaScript lub pozwalający zastąpić element przez element alternatywny działający przykładowo bez JavaScript.

Alternatywa dla obrazu SVG

Możliwymi alternatywami obrazu SVG są:

Alternatywa w postaci tekstu

Tekst powiązany z obrazem przy pomocy odpowiedniej techniki i opisujący informację zawartą na obrazie (w odniesieniu do kontekstu treści strony internetowej, na której się znajduje). RGAA uznaje cztery typy alternatyw powiązanych z rodzajem obrazu:

Uwaga 1: Dla obrazu CAPTCHA alternatywą może być przykładowo: „Kod zabezpieczający przed spamem” lub „kod do sprawdzania, czy nie jesteś robotem” lub każda inna alternatywa pozwalająca użytkownikowi zrozumieć naturę i funkcję obrazu.

Uwaga 2: Dla grupy obrazów, przykładowo systemu głosowania złożonego z kilku obrazów gwiazdek, zaleca się użycie pierwszego obrazu z grupy, aby przekazać bardziej spójną alternatywę grupy obrazów. W takim przypadku inne obrazy grupy są uznawane za obrazy dekoracyjne.

Odnośnie tego tematu można przejrzeć następującą notę: 1.10 A group of images that form a single larger picture with no links.

Arkusz stylów

Język CSS przeznaczony do formatowania elementów treści (na przykład koloru tła strony, rozmiaru/koloru czcionki, pozycjonowania informacji na stronie internetowej itp.). Style CSS mogą być zewnętrzne (plik CSS), wbudowane (zadeklarowane w nagłówku strony - head) lub bezpośrednie (zadeklarowane przez atrybut style znacznika).

Atrybut target

Atrybut target otwiera nowe okno lub nową kartę przeglądarki, w zależności od wartości. Następujące wartości target nie otwierają nowych okien:

Dla wszystkich innych wartości target, element, na którym jest ustawiony otworzy nowe okno lub nową kartę. Odnosi się to przykładowo do wartości _blank, a także do każdej innej wartości (numerycznej lub alfabetycznej) niezdefiniowanej przez specyfikację. Należy ponadto zauważyć, że wartości te nie powodują błędów podczas walidacji kodu źródłowego w HTML5.

Audiodeskrypcja rozszerzona

Audiodeskrypcja, dodawana do materiału wideo, poprzez zatrzymanie odtwarzacza (pauza), by uzyskać odpowiedni czas na wstawienie audiodeskrypcji.

Uwaga: ta technika jest stosowana tylko wówczas, gdy sensu materiału wideo nie da się zachować bez dodatkowej audiodeskrypcji, a przerwy pomiędzy dialogami są za krótkie.

Audiodeskrypcja zsynchronizowana (media oparte na czasie)

Narracja dodawana (przy pomocy pliku dźwiękowego) do ścieżki dźwiękowej w celu opisu istotnych szczegółów obrazu, które nie wynikają z samej ścieżki dźwiękowej. Audiodeskrypcja powinna być zsynchronizowana z mediami opartymi na czasie przy pomocy urządzenia połączonego z odtwarzaczem lub dostarczonego w postaci programu przykładowo utworzonego w JavaScript.

Automatyczne przekierowanie

Proces polegający na automatycznym przekierowaniu użytkownika ze strony na inną, w tej samej lub innej domenie.

B

Blok informacji tego samego rodzaju

W formularzu, zestaw pól, które można pogrupować według rodzaju oczekiwanych informacji. Grupa ma na celu zdefiniowanie pól, które można traktować jako całość.

Kilka przykładów:

Pola te powinny być pogrupowane, gdy teksty etykiet nie informują wystarczająco użytkownika, że pola stanowią część grupy. HTML proponuje odpowiedni mechanizm za pośrednictwem elementów fieldset i legend.

Można również utworzyć grupy przy pomocy roli ARIA group i fragmentu tekstu, który będzie stanowił legendę, powiązaną przez właściwość aria-labelledby lub implementowaną za pośrednictwem właściwości aria-label.

Uwaga 1: Grupy pól mogą wykorzystywać inne metody, które łączą informację o grupie bezpośrednio w etykiecie pola. Przykładowo, przy pomocy atrybutu title, właściwości aria-label lub powiązania aria-labelledby stanowiącego etykietę bądź też właściwości aria-describedby zawierającej tekst dodatkowy. W takim przypadku grupa pól jest bezużyteczna, ponieważ etykiety są wystarczające.

Uwaga 2: Jeśli formularz składa się z jednego bloku informacji takiego samego rodzaju (na przykład dane osobowe i adres) lub z jednego pola (na przykład wyszukiwarka), grupowanie pól nie jest obowiązkowe.

C

CAPTCHA

CAPTCHA jest używane do odróżniania komputerów od ludzi. Test wykorzystuje najczęściej obraz ze zniekształconym tekstem, pomieszanym z innymi formami lub zestawy kolorów, które użytkownik musi przepisać. Inne formy CAPTCHA mogą opierać się na pytaniach logicznych lub nagraniach dźwiękowych.

D

Dostęp do każdej strony ze zbioru stron

W przypadku, gdy zbiór stron zawiera dużą liczbę stron, zazwyczaj umieszcza się linki dostępu do stron grupami, na przykład po 10 linków. Praktykę tę potwierdza test.

Dostępny i aktywowany z klawiatury i za pomocą myszki

Uwaga: Dla niektórych elementów interfejsu, takich jak suwaki (przycisk przesuwny lub obrotowy itp.), nie można kontrolować elementu wyłącznie klawiszem Enter. W takiej sytuacji można użyć innych przycisków (przyciski ze strzałkami).

W specyfikacji wyrażenie „kontrolowany z klawiatury i przy pomocy myszy” odnosi się również do niniejszej definicji.

Ważna uwaga: użycie niektórych technologii może spowodować, że nawigowanie fokusem jest zbyt złożone lub niestabilne wyłącznie przy użyciu tabulacji, przycisków strzałek i klawisza Enter.

W takim przypadku dostępne udostępnienie skrótów klawiszowych może być jedynym rozwiązaniem, dzięki któremu element może być używany.

Kryterium może być uznane za zgodne pod warunkiem, że używane skróty klawiszowe są dobrze opisane i działają niezależnie od położenia fokusa w interfejsie.

Odnośnie tego tematu można przejrzeć technikę SL15: Providing Keyboard Shortcuts that Work Across the Entire Silverlight Application na przykład dla środowiska Silverlight.

E

Element interfejsu

Element interfejsu jest elementem, z którym użytkownik może wchodzić w interakcje, na przykład przyciskiem, linkiem, obszarem wprowadzania. Niektóre elementy mogą być bardziej złożone, jak przykładowo menu, okno dialogowe, system kart. Element interfejsu może być również oparty na natywnych elementach HTML lub zaprogramowanych z użyciem JavaScript i API ARIA.

Etykieta pola formularza

Tekst w pobliżu pola formularza, który informuje o jego charakterze, typie lub formacie oczekiwanych informacji. Etykieta może być powiązana z polem formularza na różne sposoby:

Ważna uwaga: jeśli w jednym polu dostępnych jest wiele technik, określenie „dostępnej nazwy”, to znaczy nazwa, która będzie wyświetlana, podlega ścisłej kolejności:

  1. aria-labelledby;
  2. w innym wypadku aria-label.
  3. w innym wypadku label;
  4. w innym wypadku title.

Kolejność ta powinna być wykorzystana przy ocenie adekwatności etykiety (kryterium 11.2). Przykładowo, nawet w przypadku obecności label, należy wziąć pod uwagę tekst z referencją aria-labelledby.

Referencja: Accessible name and description calculation.

Ważna uwaga dotycząca użycia placeholder: Jeśli obecny jest atrybut placeholder, będzie odtworzony zamiast atrybutu title. W rezultacie, gdy obecne są oba atrybuty, title i placeholder, powinny być takie same.

Uwaga dotycząca etykiet powiązanych przez aria-labelledby: Są to fragmenty tekstów określone przez id i powiązane przez aria-labelledby na następującym modelu: aria-labelledby="ID1 ID2 ID3…". Aby zapewnić maksymalną kompatybilność z aplikacjami klienckimi, zwłaszcza z Internet Explorerem 11, zaleca się zaimplementowanie tabindex="- 1" dla fragmentów tekstów, które nie są elementami interaktywnymi (przyciski, linki, elementy formularzy itp.).

F

G

H

I

Informacja (przez kolor)

Informacja przekazywana wizualnie za pośrednictwem koloru. Wskazanie, że pola na czerwono są obowiązkowe w formularzu, zmiana koloru tła, aby wskazać stronę aktywną w menu nawigacji, zmiana koloru nazwy artykułu dla wskazania jego niedostępności na liście, to przykłady informacji przekazywanej przez kolor.

Informacji podanej wyłącznie przez kolor powinna towarzyszyć inna metoda przeznaczona dla użytkowników, którzy nie widzą lub źle rozróżniają kolory lub ich powiązania.

Inny środek uzyskiwania informacji przez kolor może być zupełnie różny, gdy środek wykorzystuje grafikę (użycie CSS lub elementu graficznego), informacji wizualnej może towarzyszyć informacja tekstowa. Przykładowo, efekt obramowania, wytłuszczenia, zmiany typografii lub inne podobne zabiegi będą uznane za niewystarczające, ponieważ informacje te nie będą dostępne zwłaszcza dla osób niewidomych.

Istotność (informacji inaczej niż przez kolor)

Środki umożliwiające uzyskanie informacji nie tylko na podstawie koloru musi być dostępny dla wszystkich. Na przykład, w przypadku listy artykułów, na której artykuły w promocji są na żółto, użycie tekstu ukrytego przy pomocy CSS jest środkiem umożliwiającym uzyskanie informacji „w promocji”, ale nie jest istotne, ponieważ informacja ta jest ukryta przed użytkownikiem, który wyświetla aktywną stronę CSS.

Uwaga: Użycie znacznika wyróżnienia (strong lub em) jako innego środka do uzyskania informacji podanej przez kolor pozwala potwierdzić kryterium, nawet jeśli elementy te nie są wspierane przez technologie wspomagające, zwłaszcza czytniki ekranu.

J

Język domyślny strony

Wskazanie głównego języka przetwarzania dokumentu, które może być obecne w korzeniu html lub w każdym elemencie danej strony przez atrybuty lang lub xml:lang według następującego schematu

:

K

Kierunek czytania

Wskazuje kierunek czytania dokumentu lub fragmentu tekst przykładowo przy pomocy atrybutu dir, dir="ltr". Dwie rozpoznawane wartości to:

Uwaga: W razie braku wskazania kierunku czytania przy pomocy atrybutu dir dla elementu html, body, lub jednego z elementów nadrzędnych analizowanego tekstu, standardowy kierunek czytania to od lewej do prawej (wartość "ltr").

Kod języka

Dwuliterowy (ISO 639-1) lub trzyliterowy (ISO 639-2 i kolejne) standard kodów językowych pozwala wskazać język dokumentu lub fragmentu tekstu. Podanie kodu języka składa się z dwóch części oddzielonych półpauzą wg modelu lang="[code][-option]".

Jeśli jako opcji używa się kod kraju, może on służyć do wskazania regionu pochodzenia języka, na przykład "en-us" oznacza język angielski amerykański. Kod języka jest podawany wyłącznie w części [code] przed półpauzą.

Kod poprawny

Kolejność tabulacji

Kolejność, w której przesuwa się fokus (w kierunku elementu następnego lub elementu poprzedniego). Naturalna kolejność to kolejność implementowana przez kod źródłowy. Jeśli jest ona zmieniona przez użycie atrybutu tabindex lub użycie polecenia JavaScript, referencyjna jest zmieniona kolejność.

Uwaga: jeśli jakiś element inicjalizuje zmianę na stronie (zmiana kontekstu, zarządzanie obszarami ukrytymi, dodanie treści, zarządzanie polami formularza itp.), konieczna jest aktywacja elementu, który inicjalizuje zmianę, aby przetestować spójność kolejności tabulacji.

Kompatybilny z technologiami wspomagającymi użytkownika

Treść lub funkcjonalność powinny być kompatybilne z technologiami wspomagającymi użytkowników, a także z funkcjami dostępności przeglądarek i innych aplikacji klienckich przy pomocy API dostępności.

Dotyczy to zarówno technologii, jej funkcjonalności i jej użytkowników:

Sprawdzenie kompatybilności z technologiami wspomagającymi wymaga przeprowadzenia pewnej liczby testów specyficznych dla używanej technologii, na przykład:

Kontekst linku

Kontekst linku zawiera informacje dodatkowe (są to informacje kontekstowe), które mogą zostać programowo powiązane z tekstem linku.

Informacje kontekstowe, które zapewniają, że link jest jasny są następujące:

Uwaga 1: Jeden z 9 kontekstów linku powinien umożliwić wyjaśnienie linku.

Uwaga 2: RGAA 3 zakłada, że linki specjalne, takie jak linki typu mailto (które tworzą odwołanie w postaci klikalnego adresu e-mail) są wystarczająco jasne i nie wymagają informowania przy pomocy tytułu, że czynność polega na wysłaniu maila. Autorzy zwracają uwagę na fakt, że ta ogólna zasada może być dostosowana do kontekstu, przykładowo, jeśli strona zawiera wiele klikalnych adresów e-mail, do których przypisane są różne akcje (na przykład dla jednego wysłanie e-maila przy pomocy klienta poczty, a dla drugiego dostęp do formularza), może być konieczne podanie dodatkowych informacji o działaniu linku, aby rozróżnić ich zachowania.

Kontrola (dźwięk uruchamiany automatycznie)

Możliwość zatrzymania lub ponownego uruchomienia przez użytkownika dźwięku uruchamianego automatycznie.

Uwaga: Sposób kontroli dźwięku powinien być dostępny jako pierwszy element strony.

Kontrola (treść ruchoma lub migająca)

Możliwość kontroli przez użytkownika wyświetlenia lub odtwarzania treści ruchomych lub migających co najmniej z klawiatury i przy pomocy myszy.

Dotyczy to wszystkich treści ruchomych, za wyjątkiem mediów opartych na czasie wspieranych przez multimedia: obrazy animowane (na przykład animowane gify), treści ruchome obsługiwane przez znacznik object, przykładowo z kodu JavaScript lub efekty CSS.

Uwaga 1: W stosownych przypadkach, sposób kontroli powinien być dostępny jako pierwszy element strony.

Uwaga 2: Sposób kontroli treści ruchomej lub migającej powinien umożliwiać użytkownikowi wchodzić w interakcję z resztą strony. Dlatego też zatrzymanie lub pauza uruchamiane wyłącznie przez ustawienie fokusa nie pozwala zatwierdzić tego kryterium.

Uwaga 3: W niektórych przypadkach ruch stanowi integralną część elementu i nie jest możliwe kontrolowanie go przez użytkownika, jak przykładowo pasek postępu, którego funkcją jest wskazywanie przez ruch postępu zdarzenia, takiego jak pobieranie. W takim przypadku kryterium nie ma zastosowania.

Kontrola przeglądania (media oparte na czasie)

Możliwość kontroli przez użytkownika przeglądania mediów opartych na czasie co najmniej z klawiatury i przy pomocy myszy. Należy przestrzegać następujących punktów:

Uwaga: Jeśli media oparte na czasie nie zawierają dźwięku, nie ma potrzeby stosowania funkcjonalności kontroli głośności. Jeśli ta funkcjonalność jest jednak obecna i wymaga alternatywy tekstowej, by mogła być zrozumiana przez niektórych użytkowników (przykład: przycisk „głośność” na wideo we Flashu), należy zapewnić taką alternatywę, ponieważ użytkownik będzie prawdopodobnie chciał mieć do niej dostęp i ją uruchomić.

Kontrola wprowadzania (formularz)

Wszystkie procedury, które pozwalają powiadomić użytkownika o polach obowiązkowych, wskazówki dotyczące oczekiwanego typu lub formatu i błędy wprowadzania do formularza. Kontrole wprowadzania mogą być zaimplementowane przez autora treści lub opierać się na atrybutach (takich jak required lub pattern), właściwościach WAI-ARIA (takich jak aria-required) lub typy pól, które automatycznie generują wskazówki dotyczące wprowadzania i błędów (takie jak przykładowo typy url, email, date, time

Ważna uwaga: Gdy strona jest odsyłana z błędami wprowadzania, tytuł strony powinien zawierać informację „błąd w formularzu”.

Kontrola za pomocą klawiatury i myszy

Kontrola za pomocą klawiatury (sterowanie funkcjami za pomocą klawiatury) oznacza, że można do niej uzyskać dostęp za pomocą klawisza Tab i aktywować ją za pomocą klawisza Enter, z wyjątkiem sytuacji, gdy jest to konieczne:

Kotwica

W HTML, kotwica składa się ze znacznika <a> z atrybutem id i przykładowo nie ma href, <a id="contenu"></a>. Kotwica jest przykładowo odsyłaczem o postaci <a href="#id">Tytuł</a>: <a href="#contenu">Treść</a>.

Krótka i zwięzła

Warunki odwzorowania alternatywy tekstowej przy pomocy technologii wspomagającej (na przykład lupy) wymagają, aby była ona jak najkrótsza. Zalecana jest maksymalna długość 80 znaków; ogranicza to liczbę manipulacji niezbędnych do odczytania alternatywy przez użytkowników monitorów brajlowskich, a zwłaszcza lup ekranowych.

L

Legenda obrazu

Gdy tekst przyległy do obrazu zawiera informacje o obrazie (na przykład notę o prawach autorskich, datę, autora itp.) lub jest przeznaczony do uzupełnienia informacji dostarczanych przez obraz (na przykład tekst powiązany z obrazem w galerii obrazów), można mówić o legendzie obrazu.

Gdy obraz ma legendę, konieczne jest strukturalne powiązanie legendy obrazu z obrazem, aby technologie wspomagające mogły przetwarzać obraz i jego legendę jako jedną całość.

HTML5 proponuje powiązanie legendy z obrazem przez elementy figure (obraz i legenda razem) i figcaption (legenda).

Obraz bez legendy może oznaczać:

Uwaga: jeśli tekst powiązany z obrazem może być zastępowany, nie jest konieczne używanie zestawu figure, figcaption, ponieważ obraz może być przetwarzany jako obraz dekoracyjny.

Więcej informacji na ten temat w uwadze Requirements for providing text to act as an alternative for images w W3C.

Element HTML (znacznik a), który może być uruchamiany przez użytkownika (przy pomocy myszy, z klawiatury itp.) i powodujący określone działanie (wyświetlenie strony internetowej, pobranie pliku itp.) zdarzenie generowane przez skrypt. Link posiada co najmniej:

Link jednoznaczny poza kontekstem

Link jednoznaczny poza kontekstem, gdy sam tytuł linku (treść między znacznikiem <a href="…"> a </a>) umożliwia poznanie i zrozumienie funkcji i przeznaczenia linku.

Link obrazkowy

Link, którego treść między <a href="…"> a </a> składa się wyłącznie z obrazu. Tytuł linku dla linku obrazu jest treścią alternatywy tekstowej obrazu.

Link obrazkowy może składać się z:

Uwaga dotycząca embed: Dla doctype wcześniejszych niż HTML5, alternatywa obrazu wbudowanego może być zawarta między <embed> a </embed>. W HTML5 znacznik embed został zmodyfikowany. Jest to znacznik samozamykający, który nie może zawierać alternatywnej treści. Jako, że właściwości ARIA, takie jak aria-label, które umożliwiają wbudowanie alternatywy, nie są obsługiwane w sposób jednorodny, jedynymi możliwymi metodami dla dostarczenia alternatywy dla obrazów wbudowanych będących nośnikami informacji są: link przyległy umożliwiający wyświetlenie strony lub fragmentu tekstu zawierającego adekwatną alternatywę, mechanizm, który użytkownikowi zastąpienie obrazu tekstem alternatywnym lub obrazem posiadającym adekwatną alternatywę.

Link przyległy

Link jest wyświetlany sąsiadująco na prezentacji graficznej (aktywny CSS) i kodzie HTML. W kodzie HTML link musi znajdować się tuż przed lub tuż po obiekcie, z którym jest powiązany.

Link tekstowy

Link, którego treść między <a href="…"> a </a> jest utworzony wyłącznie z tekstu.

Link wektorowy

Link, którego zawartość między <a href="…"> a </a> składa się tylko z obrazu wektorowego (znacznik svg).Tytuł linku dla linku wektorowego jest treścią alternatywy tekstowej obrazu wektorowego.

Link złożony

Link, którego treść między <a href="…"> a </a> składa się z co najmniej 2 elementów różnego rodzaju; na przykład tekstu i wielu obrazów. Tytuł linku złożonego jest zestawem tekstu i treści alternatywy tekstowej obrazów zawartych między <a href="…"> a </a>.

Ważna uwaga: Przypominamy, że użycie dwóch sąsiadujących (link obrazkowy i link tekstowy) i identycznych linków jest dużym utrudnieniem dla użytkownika. Nawet jeśli nie stanowi to niezgodności, należy unikać takiego użycia. Użycie takich typów linków powinno polegać na umieszczeniu obrazu w linku tekstowym w taki sposób, aby utworzyć link złożony, co pozwala uniknąć redundacji.

Odnośnie tego tematu można przejrzeć technikę H2: Combining adjacent image and text links for the same resource.

Link nieoczywisty

Link, który użytkownicy mający problemy z rozróżnianiem kolorów, mogą pomylić z normalnym tekstem, gdy jest oznaczony wyłącznie kolorem. Przykładowo w tekście „Nowy strajk na kolei”, jeśli słowo „strajk” będzie oznaczone wyłącznie kolorem, jego właściwości mogą nie zostać zauważone przez użytkowników nierozróżniających kolorów, którzy czytają treść z aktywnym CSS. Natomiast w tekście „Nowy strajk na kolei, czytaj dalej”, jeśli „czytaj dalej” jest linkiem, użytkownik nierozróżniający kolorów nie będzie miał problemów ze zrozumieniem jego funkcji.

Uwaga: „Oznaczone wyłącznie kolorem” oznacza, że link nie ma żadnego innego oznaczenia wizualnego (ikona, podkreślenie, obramowanie itp.). Kryterium to dotyczy linku, którego kolor jest taki sam, jak otaczającego tekstu.

Linki identyczne

Dwa linki są określane jako identyczne, gdy link x (tytuł samego linku, treść atrybutu title lub kontekst linku) jest taki sam jak link y. Definicja ta odnosi się wszystkich typów linków: linków tekstowych, linków obrazkowych (linki mają wówczas taki sam obraz) i linku złożonego.

Uwaga: Linki o takich samych tytułach, ale różnych atrybutach title lub różnych kontekstach nie są identyczne (na przykład: <a href="link_bar.html" title="kliknij tu, aby pobrać pasek narzędzi">kliknij tutaj</a> i <a href="link_doc.html" title="kliknij tu, aby pobrać plik">kliknij tutaj</a>).

Linki pomijające i linki szybkiego dostępu

Linki, których funkcją jest umożliwienie nawigacji wewnątrz treści (linki pomijające, link dostępu do formularza wyszukiwania lub do menu itp.).

Lista wyboru

Pole formularza wyświetlające serię pozycji do wyboru w postaci listy rozwijalnej (znacznik select ze znacznikami option).

Listy

Ciąg elementów, które mogą być grupowane w postaci uporządkowanej, nieuporządkowanej lub zawierającej definicje listy. Przykładowo ciąg linków z menu nawigacji jest nieuporządkowaną listą linków, różne etapy procedury są uporządkowaną listą elementów, zaś para pojęcie/definicja w sowniku jest listą definicji. W HTML, listy wykorzystują następujące znaczniki:

M

Mapa odsyłaczy

Obraz reaktywny - z obszarami aktywnymi, klikalnymi (atrybut href), które są łączami do zasobów internetowych, i neutralnymi (atrybut nohref). Może działać w przeglądarce (po stronie klienta, atrybut usemap) lub na serwerze (po stronie serwera, atrybut ismap).

Mapy odsyłaczy po stronie serwera stosuje sie wyjątkowo rzadko.

Uwaga: w HTML5, atrybut ismap jest niekatulany i niezgodny dla przycisków typu (input type="image").

Mechanizm zastępowania

Mechanizm oparty generalnie na CSS, umożliwiający użytkownikowi zastąpienie tekstu przez obraz lub odwrotnie na zasadzie przełącznika stylów. Mechanizm może wykorzystywać język skryptu po stronie serwera lub język skryptu po stronie klienta.

Mechanizm zmiany kontrastów

Jeśli mechanizm jest obsługiwany przez link lub przycisk, którego widoczny tytuł składa się tylko z tekstu (treść między znacznikami <a> i </a>, <button> i </button> lub na przykład atrybut value), współczynnik kontrastu elementu powinien być przetestowany przy pomocy testów 3.3.1, 3.3.2, 3.3.3, 3.3.4, 3.4.1, 3.4.2, 3.4.3 lub 3.4.5, w zależności od wymaganego poziomu i przypadku zastosowania.

Dla wszystkich innych implementacji wykorzystuje się testy od 3.3.5 do 3.4.5 (w zależności do wymaganego poziomu, AA lub AAA).

Media, multimedia

Obiekt medialny to informacja zrozumiała dla komputera, zakodowana w jednym medium. Obiekt multimedialny to informacja zrozumiała dla komputera, zakodowana w jednym lub więcej mediów.

Termin „multimedia” z racji przedrostka „multi-” powinien być w zasadzie stosowany do informacji zakodowanych w więcej niż jednym menu, ale w praktyce to rozróżnienie nie ma znaczenia.

Wykorzystywane obecnie media to media wizualne i akustyczne: tekst, nieruchome, obrazy, audio i wideo. Z punktu widzenia prezentacji istotny jest podział na media nieoparte na czasie (dyskretne, statyczne), obejmujące tekst i obrazy nieruchome oraz media oparte na czasie (ciągłe, dynamiczne), obejmujące audio i wideo.

Media nieoparte na czasie

Treść, która nie zmienia się w czasie, którą można przeglądać przy pomocy wtyczki (Flash, Java, Silverlight itp.) lub przy pomocy elementów svg i canvas; na przykład interaktywna karta we Flashu, aplikacja Flash lub Java, pokaz slajdów są mediami nieopartymi na czasie, statycznymi. Media nieoparte na czasie mogą zawierać media oparte na czasie (czytnik Flash, który zawiera na przykład listę wideo).

Uwaga: Użycie parametru wmode jako obiektu Flash z wartościami "transparent" i "opaque" unieważnia kryterium 4.21 (Czy przeglądanie każdych mediów nieopartych na czasie może być kontrolowane z klawiatury lub przy pomocy myszy?). Zastosowanie tych wartości powoduje, że animacja Flash nie jest widoczna dla użytkowników odtwarzaczy ekranowych.

Media oparte na czasie (typu dźwięk, wideo i zsynchronizowane)

Inaczej media ciągłe albo dynamiczne:

Media oparte na czasie mogą być rozpowszechniane w czasie rzeczywistym lub proponowane do odczytu w sposób asynchroniczny (media nagrane).

Uwaga 1: Użycie parametru wmode jako obiektu Flash z wartościami "transparent" i "opaque" unieważnia kryterium 4.20 (Czy przeglądanie każdych mediów nieopartych na czasie może być kontrolowane z klawiatury lub przy pomocy myszy?). Zastosowanie tych wartości powoduje, że animacja Flash nie jest widoczna dla użytkowników odtwarzaczy ekranowych.

Uwaga 2: Animowane gify, animacje wykonane przy użyciu JavaScript lub CSS nie są traktowane jako media oparte na czasie.

Uwaga 3: Element bgsound jest specyficzny dla Internet Explorera i nie powinien być używany.

N

Nagła zmiana luminancji lub efekt błyskowy

Zmiana luminancji względnej, która może u niektórych osób wywołać atak padaczki, jeżeli efekt ten ma odpowiednie natężenie i zmienia się z pewną określoną częstotliwością.

Nagłówek

Element HTML (znacznik h) z 6 poziomami hierarchii (od h1 dla najważniejszego tytułu do najmniej ważnych h6) umożliwiających uporządkowanie treści strony internetowej.

Na stronach internetowych należy przestrzegać hierarchii, a poszczególnych poziomów nie można pominąć (na przykład tytuł h3 nie może następować bezpośrednio po tytule h1).

Natomiast porządek hierarchii nie musi rozpoczynać się obowiązkowo od h1. Nawet jeśli takie użycie nie jest zalecane, jest uważane za zgodne rozpoczynanie hierarchii tytułów od innego poziomu niż poziom 1.

Na każdej stronie internetowej powinien znajdować się co najmniej jeden tytuł h1.

Uwaga: Tytuły ukryte przez CSS są uznawane jako obecne i potwierdzają kryterium 9.1.

Nagłówek kolumny lub wiersza

Treść komórki tabeli danych (zazwyczaj pierwszej komórki kolumny lub wiersza), która stanowi tytuł dla całości lub części kolumny lub wiersza. Kolumna lub wiersz może zawierać wiele nagłówków (nagłówki pośrednie). Nagłówki powinny wykorzystywać znacznik th.

Napisy zsynchronizowane (obiekt multimedialny)

Tekst informacji audio (słowa osób, hałas istotny do zrozumienia akcji itp.) obecne w mediach opartych na czasie i wyświetlane w sposób synchroniczny wraz ze strumieniem multimedialnym.

Uwaga 1: Aby odróżnić źródła dźwięku (różne osoby, głos w tle itp.), zaleca się wykorzystanie odpowiedniego mechanizmu (umieszczenie w nawiasie kwadratowym, kursywa, wyraźne poinformowanie „głos w tle:…”).

Uwaga 2: Nie należy mylić napisów związanych z tłumaczeniem (na przykład kind="subtitle" w HTML5) i napisów dla głuchych i niesłyszących (na przykład kind="captions" w HTML5). Te dwa rodzaje napisów mają różne cele. Tylko obecność i adekwatność napisów dla głuchych i niedosłyszących zapewnia zgodność.

Nawigacja okruszkowa, ścieżka powrotu

Technika nawigacji, wskazuje użytkownikowi aktualną lokalizację w zestawie stron, np. witryni einternetowej. Termin „nawigacja okruszkowa” (ang. 'breadcrumbs') wywodzi się od oznaczania przebytej drogi przy pomocy okruszków, pozostawianych przez Jasia i Małgosię, bohaterów popularnej baśni dla dzieci.

Najczęściej spotykanymi typami nawigacji okruszkowej są:

Nazwa, rola, wartość, parametry i zmiany statusu

Element powinien mieć odpowiednią rolę i nazwę, jego ewentualne wartości i parametry powinny być dostępne i prawidłowo przekazywane, zwłaszcza do API dostępowych.

Element może opierać się na elemencie interaktywnym HTML lub na elemencie nieinteraktywnym z API ARIA przy pomocy roli ad hoc. Ważne: przyciski (znaczniki buton lub input type="button"), gdy są kontrolowane przez JavaScript, powinny być sprawdzone z kryterium 7.1.

Nazwa może być tytułem elementu, przykładowo tytułem przycisku.

Wartość jest przykładowo elementem wybranym z listy rozwijalnej lub bieżącą wartością kursora (slider).

Rola odpowiada typowi elementu zdefiniowanemu przez specyfikację HTML lub API WAI-ARIA (jak znacznik buton lub rola ARIA role="button").

Parametry odpowiadają szczególnym informacjom o elemencie, zazwyczaj udostępnianym przez API WAI-ARIA. Przykładowo aria-controls jest parametrem, który przekazuje do API informację, że element kontroluje taką lub taką treść (oznaczoną identyfikatorem - atrybut id).

Zmiany statusów są również udostępniane przez API WAI-ARIA. Na przykład aria-expanded jest statusem umożliwiającym poinformowanie API, że element jest „otwarty” lub „zamknięty”. Uwaga: status może być również przekazany przez nazwę, gdy tytuł zmienia się dynamicznie, odpowiadając zwłaszcza statusowi kontrolowanego obszaru.

Parametry te nie są obowiązkowe, ale mogą być wymagane, gdy stają się niezbędne do udostępnienia komponentu. Audytor rozważa przypadki, w których parametry te są niezbędne w zależności od kontekstu związanego z użyciem komponentu.

Audytor powinien również sprawdzić czy parametry, jeśli są, są poprawnie używane.

Uwaga: Role, właściwości i statusy ARIA są implementowane przykładowo przy pomocy atrybutów role="banner", aria-hidden="true".

Niejednoznaczny dla użytkowników

Cel nie może być określony na podstawie treści linku lub treści strony wyświetlanej równocześnie z linkiem. (tzn. że użytkownicy bez niepełnosprawności wiedzą, co kryje się pod danym linkiem dopiero po kliknięciu na niego). Przykład: słowo guawa w tym zdaniu: „Najwięksi eksporterzy guawy” jest linkiem.

Tak umieszczony link może oznaczać przeniesienie do definicji guawy, listy eksporterów guawy lub zdjęcia przedstawiającego ludzi zbierających guawę. Dopóki link nie zostanie kliknięty, zarówno użytkownicy pełnosprawni, jak i niepełnosprawni, nie wiedzą, co się pod nim kryje.

O

Obraz dekoracyjny

Obraz niemający żadnej funkcji i nie niosący żadnej szczególnej informacji względem treści, z którą jest powiązany. Przykłady:

Obraz niosący informację

Obraz niosący informację niezbędną do zrozumienia treści, z którą jest powiązany.

Uwaga 1: jeśli obraz jest jedyną zawartością linku, jego alternatywa jest tekstem linku. W takim przypadku, alternatywa obrazu powinna być oceniona w ramach tematyki „Linki”.

Uwaga 2: gdy przycisk formularza, wstawiony przez element <button>, zawiera tylko obraz (znacznik <img>, <object>, <embed>, <canvas> lub <svg>), alternatywa obrazu jest tekstem przycisku. Możliwe są dwa przypadki:

Obraz niosący informacje kolorem

Obraz, którego całość lub część przekazuje wizualnie informację tylko za pośrednictwem koloru.

Obraz z obiektu

Obraz wbudowany lub wygenerowany przez znacznik object.

Obraz tekstu

Obraz wyświetlający tekst.

Uwaga: nie zaleca się używania obrazów tekstu. Gdy nie jest możliwe uzyskanie takich samych efektów w CSS, kryterium 1.8 [AA] wymaga, aby tekst był utworzony jako tekst CSS, lub aby mechanizm zastępowania umożliwił użytkownikowi zastąpienie tych obrazów tekstem formatowanym w CSS.

Obraz tekstu z obiektu

Obraz utworzony przez znacznik object i wyświetlający tekst.

Obraz testowy

Obraz służący jako test, CAPTCHA lub obraz służący jako test w quizie albo grze. Przykład: seria obrazów przedstawia szczegóły pochodzące ze sławnych obrazów; należy odgadnąć tytuł i malarza danego obrazu. W takiej sytuacji podanie adekwatnej alternatywy (przykładowo nazwy obrazu lub malarza) powodowałoby, że obraz nie byłby testem.

Alternatywa musi zatem wykorzystać możliwość identyfikacji obrazu przykładowo przez „obraz 1 testu”.

Obszar (mapy odsyłaczy)

Obszar klikalny lub obszar nieklikalny (mapy odsyłaczy po stronie klienta lub obszar klikalny mapy odsyłaczy po stronie serwera.

Obszar klikalny

Obszar mapy odsyłaczy, któremu przypisana jest akcja; na przykład uruchomienie zdarzenia przez kliknięcie na link (dla obszaru klikalnego po stronie klienta: znacznik area z atrybutem href). Znaczniki area są zawarte w znaczniku map.

Dla map odsyłaczy po stronie serwera, dane są przechowywane na serwerze.

Obszar nagłówka strony

Obszar strony, punkt orientacyjny, znajdujący na górze dokumentu i zawierający zazwyczaj tytuł serwisu, logo, slogan itp., zdefiniowany znacznikiem header lub atrybutem role="banner"

Uwaga: Nie należy mylić obszaru nagłówka poziomu witryny, który odnosi się do całej strony, z innymi obszarami, która również mogą być oznaczone w HTML5 jako element header, ale odnosić się do części dokumentu, np. artykułu.

Zob. definicję techniczną podawaną przez API ARIA: Banner (role).

Obszar zawierający linki, które umożliwiają nawigację po stronie lub całej witrynie. Jest to zazwyczaj menu główne i menu kontekstowe, definiowany znacznikiem nav lub atrybutem role="navigation"

Uwaga: Linki w stopce odsyłające do informacji prawnych, mapa strony i inne informacje dotyczące witryny nie należą do głównego menu nawigacji.

Zob. definicję techniczną obszaru nagłówka podaną przez API ARIA nawigacja (rola).

Obszar nieklikalny

Obszar mapy odsyłaczy, z którym nie jest związana żadna czynność. Obszar nieklikalny po stronie klienta jest zawarty w znaczniku area:

Obszar stopki strony

Obszar strony, punkt orientacyjny, z informacjami dotyczącymi całj strony, zdefiniowany znacznikiem footer lub atrybutem role="contentinfo" Znajdują się tu na przykład informacje prawne, warunki użytkowania, linki do polityk dostępnści, prywatności, mapy strony i inne.

Uwaga: Nie należy mylić obszaru stopki poziomu witryny, który odnosi się do całej witryny, z innymi obszarami, która również mogą być oznaczone w HTML5 jako element footer, ale odnosić się do części dokumentu, np. artykułu.

Zob. definicję techniczną podawaną przez API ARIA: Contentinfo (role).

Obszar treści głównej

Główny obszar strony, punkt orientacyjny, zawierający podstawowe treści i funkcje (poza menu, wyszukiwarką, elementami pobocznymi, takimi jak strefy reklamowymi, powiązane aktualności itp.).

Uwaga: Może istnieć tylko jeden główny obszar strony. Na niektórych stronach, na przykład na stronie głównej, mogą być trudności w jego określeniu.

Zob. definicję techniczną podawaną przez API ARIA: Main (role).

Obszar wyszukiwania, Wyszukiwarka (wewnętrzna witryny internetowej

Obszar strony, punkt orientacyjny, zawierający wyszukiwarkę umożliwiającą przeprowadzenie wyszukiwania w treści całej witryny, zdefiniowany atrybutem role="search"

Uwaga: Nie należy mylić takiego obszaru wyszukiwania, unikalnego dla witryny, z innymi wyszukiwarkami umożliwiającymi przykładowo wyszukiwanie na ograniczonej części witryny: katalogu, ofert w sekcji przetargów publicznych itp.

Zob. definicję techniczną obszaru nagłówka podaną przez API ARIA search (role)

Opis szczegółowy (obraz)

Treść powiązana z obrazem wraz z alternatywą tekstową, aby opisać w całości informację przenoszoną przez obraz. Szczegółowy opis może być wprowadzony przez:

Uwaga: Aby zapewnić maksymalną kompatybilność z aplikacjami klienckimi, zwłaszcza z Internet Explorerem 11, zaleca się zaimplementowanie tabindex="-1" dla fragmentów tekstów, które nie są elementami interaktywnymi (przyciski, linki, elementy formularzy itp.).

Oznaczenie fokusem

Oznaczenie fokusem powoduje wyeksponowanie elementu w wyniku działania użytkownika. W HTML dostępne są trzy możliwości oznaczania elementu fokusem:

Niektóre elementy przyjmują fokus naturalnie, na przykład: a, area, button, input, object, select, label, legend, optgroup, option i textarea.. Zachowanie się elementu podczas oznaczania fokusem zależy od rodzaju elementu; na przykład link powinien być uruchamiany po oznaczeniu fokusem (za wyjątkiem użycia skryptu). Natomiast element formularza, taki jak textarea, powinien umożliwiać wprowadzanie po oznaczeniu fokusem. Elementy label i legend są oznaczane fokusem tylko kursorem myszy. Dla elementu label, oczekiwanym zachowaniem jest przesunięcie oznaczenia fokusem na element, który jest z nim powiązany.

Uwaga 1: Specyfikacja WAI-ARIA rozszerza rolę przypisaną do atrybutu tabindex definiując, że każdy element html może być oznaczony fokusem przez przypisanie mu wartości tabindex="0". Natomiast żadne zachowanie nie jest przypisywane przez samą obecność tabindex. Wartość tabindex="-1" usuwa element, do którego jest przypisana z planu tabulacji, uniemożliwiając informowanie o „oznaczeniu fokusem”. Użycie tabindex, zgodnie ze specyfikacją WAI-ARIA, może potwierdzić niektóre testy odnoszące się zwłaszcza do sterowania fokusem z tabulacji.

Uwaga 2: Wskazanie wizualne nie powinno się pogarszać, to znaczy nie powinno być zmniejszane przy pomocy wartości, które zmieniają styl w stosunku do stylu standardowego.

Oznaczenie przez kształt, rozmiar lub położenie

Może to być przykładowo:

I każdy inny podobny efekt graficzny.

P

Pasek nawigacji

Lista linków umożliwiających poruszanie się po witrynie, rubrykach lub zbiorze stron. Podstawowe paski nawigacji to:

Pole wprowadzania formularza

Obiekt formularza pozwalający użytkownikowi na:

Poniższe obiekty formularza nie są uznawane za pola formularza:

Podsumowanie (tabeli)

Podsumowanie to fragment tekstu powiązany ze złożoną tabelą danych. Pozwala podać informacje dotyczące rodzaju i struktury tabeli, aby ułatwić korzystanie z tabeli przez użytkowników technologii wspomagających.

Uwaga: Spośród 5 metod proponowanych w specyfikacji w HTML5 jedyną możliwą techniką jest wstawienie podsumowania tabeli do jej tytułu (znacznika caption) i ukrycie w razie konieczności przy pomocy CSS.

W poprzednich wersjach HTML podsumowanie można wstawiać za pomocą atrybutu summary w znaczniku table. W HTML5 atrybut summary jest niedozwolony.

Przejrzeć uwagę techniczną dotyczącą podsumowania tabeli.

Poprawnie odwzorowany przez technologie wspomagające

Jeśli kryterium, test lub warunek wymaga sprawdzenia odwzorowania narzędzia, należy upewnić się, że odwzorowanie to jest zgodne z dostępnością.

Test polega na sprawdzeniu czy odwzorowanie jest istotne dla co najmniej jednej z kombinacji z bazy referencji używanej do zadeklarowania, że element, urządzenie lub alternatywa są „zgodne z dostępnością”.

Na przykład: test 1.3.7 żąda sprawdzenia czy alternatywa obrazu niosącego informację wektorową jest poprawnie odwzorowana.

Test jest przeprowadzany przy użyciu NVDA (ostatnia wersja) i Firefox, JAWS (poprzednia wersja) i IE9+, Voice Over (ostatnia wersja) i Safari.

Jeśli zostanie stwierdzone, że alternatywa jest poprawnie odwzorowana, test jest poprawny.

Prezentacja informacji

Odtwarzanie wizualne treści przez przeglądarkę w trybie graficznym. Prezentacja odnosi się do stylu, położenia i wymiarów elementów HTML i ich zawartości. Prezentacja informacji powinna być wykonana z użyciem CSS. Elementy (basefont, blink, center, font, marquee, s, strike, tt, u;) i atrybuty (align, alink, background, basefont, bgcolor, border, color, link, text, vlink) są zabronione.

Uwaga: Atrybuty width i height używane na innych elementach niż znaczniki img, object, embed, canvas i svg są również zabronione.

Procent domyślnego rozmiaru czcionki

Do lub od 150% (1.5em) rozmiaru fontu standardowego bez pogrubienia lub od 120% (1.52em) rozmiaru fontu standardowego z pogrubieniem

Te dwa pomiary definiują rozmiar względny czcionki odpowiadający rozmiarowi czcionki wynoszącemu 14 punktów z pogrubieniem lub 18 punktów bez pogrubienia, zakładając, że font korpusu (body) to 100%.

Uwaga: Do 150% i do 120% oznacza, że rozmiar czcionki jest dokładnie mniejszy niż 150 lub 120%. Od 150% i do 120% oznacza, że rozmiar czcionki jest większy lub równy 150 lub 120%.

Standardowy rozmiar fontu to rozmiar zdefiniowany przez autora dla dokumentu lub, w razie jego braku, standardowy rozmiar użyty przez aplikację kliencką (np. przeglądarkę).

Przekierowanie

Sposób, który pozwala przenieść użytkownika z wyświetlanej strony, na inną stronę należącą do tej samej lub innej domeny.

Przycisk (formularz)

Element formularza, którzy umożliwia wykonanie zdefiniowanej operacji. Na przykład przycisk wysłania formularza pozwala wysłać zebrane informacje do serwera w celu ich przetwarzania. Tekst przycisku powinien opisywać operację, która zostanie wykonana po jego naciśnięciu (na przykład: „Uruchom wyszukiwanie”, „Wyślij wiadomość”). W HTML, istnieją trzy rodzaje przycisków formularza:

Istnieją cztery typy tekstu na przycisku:

Procedura odświeżania

Technika mająca na celu zmianę zawartości jednego lub wielu elementów strony internetowej. Sposób odświeżania może polegać na automatycznym przeładowaniu strony lub odbywać się dynamicznie bez przeładowywania strony (na przykład przy pomocy AJAX). Użytkownik musi mieć możliwość niezależnego kontrolowania każdej procedury odświeżania.

R

Ramka pływająca

Element HTML (znacznik iframe) umożliwiający wyświetlenie treści strony internetowej, w której jest zaimplementowana.

Rozmiar czcionek

Wartość przypisywana czcionkom znajdującym się na stronie internetowej. Dla treści internetowych, czcionki należy definiować w jednostkach względnych (%, em lub rem, vw, vh, vmin lub vmax) lub przez słowa klucze (xx-small, x-small, small, medium, large, x-large, xx-large, smaller, or larger).

Uwaga: Użycie pikseli (px) w RGAA jest zabronione.

S

Skrypt

Kod napisany zazwyczaj w postaci listy poleceń (na przykład w JavaScript). Języki interpretowane po stronie klienta wymagają kompatybilnej przeglądarki, w której aktywne jest wykonanie poleceń języka. Polecenia języka skryptu po stronie klienta mogą być wbudowane lub zawarte w pliku zewnętrznym. W obu przypadkach wprowadzenia dokonuje się przy pomocy znacznika <script>.

Spójne

Etykiety pól formularza obecne jednocześnie na tej samej stronie lub w zestawie stron i informujące o wprowadzeniu tych samych danych muszą być sformułowane bez dwuznaczności, aby użytkownik wiedział, że wprowadzana przez niego dana jest taka sama.

Strona „mapa witryny”

Dedykowana strona przedstawiająca strukturę drzewiastą witryny internetowej, zazwyczaj w postaci list linków zorganizowanych w rubryki i podrubryki, umożliwiająca dostęp do wszystkich stron witryny.

Uwaga 1: Linki mapy strony mogą składać się ze znaczników a lub area.

Uwaga 2: Nie jest konieczne, aby mapa strony zawierała linki do wszystkich stron witryny, natomiast istotne jest, aby z poziomu mapy strony użytkownik mógł uzyskać dostęp zbioru stron witryny.

Struktura drzewiasta dokumentu

Test 9.2.2 wymaga sprawdzenia, czy struktura elementów tworzących sekcje (przykładowo NAV), SECTION, ARTICLE) jest spójna, to znaczy reprezentatywna dla architektury dokumentu.

Struktura ta jest uzupełniająca w stosunku do struktury tytułów h1 do h6, które są jego elementem.

Nieprawidłowe użycie elementów tworzących sekcje może spowodować utworzenie niespójnej struktury drzewiastej dokumentu, przykładowo przez nadmierne użycie elementów SECTION lub ARTICLE .

Uwaga 1: Dla zapewnienia stopniowego wprowadzania struktury drzewiastej dokumentu i biorąc pod uwagę, że specyfikacja wymaga, aby w każdym przypadku struktura treści (znaczniki h(x)) była stabilna i spójna, dopuszcza się uznanie testu 9.2.2 za niemający zastosowania, gdy nie można zapewnić doskonale spójnej struktury drzewiastej dokumentu. Odnośnie tego tematu można przejrzeć następującą notę techniczną: Nota techniczna dotycząca struktury drzewiastej dokumentu.

Uwaga 2: Odnośnie tego tematu można przejrzeć przykład podany w specyfikacji HTML5: 4.3.10.2 Sample outlines.

System nawigacji

Każdy sposób umożliwiający nawigację na witrynie lub stronie; uwzględniane systemy nawigacji to:

Ś

Środowisko kontrolowane

Każde środowisko, w którym dostęp do informacji, technologie, warunki użytkowania i profil użytkowników, są znane i mogą być kontrolowane. Podstawowe elementy, których kontrolowanie jest kluczowe to:

Autorzy i administratorzy muszą zapewnić kompatybilność używanych technologii i ich użycie przez użytkowników z własnymi technologiami (w tym technologie wspomagające). Serwis informacyjne lub witryny internetowe, niezależnie od ich statusu, które umożliwiają dostęp publiczny, nie mogą być uważane za środowiska kontrolowane.

T

Tabela danych

Element HTML (znacznik table) pozwalający na ustrukturyzowanie informacji w wierszach i kolumnach przy pomocy komórek danych (znacznik td) i komórek nagłówkowych (znacznik th).

Tabela układu

Technika, która wykorzystuje element HTML (znacznik table) do kontrolowania wyświetlania informacji przy pomocy komórek (znacznik td).

Tekst formatowany

Tekst, którego formatowanie jest kontrolowane przez arkusz stylów.

Tekst linku

Informacja tekstowa zawarta między <a href="…"> a </a> linku, w razie konieczności uzupełniona o informacje kontekstowe.

4 różne typy linków to:

Uwaga 1: Więcej informacji zob. definicja linku obrazu.

Uwaga 2: Link obraz, który nie ma atrybutu alt nie ma zastosowania dla kryterium criterion 6.5.

Tekst powiązany przez właściwość ARIA

Są to fragmenty tekstu zdefiniowane przez id i te powiązane przez aria-labelledby lub aria-describedby na następującym modelu: aria-labelledby="ID1 ID2 ID3…".

Uwaga: Aby zapewnić maksymalną kompatybilność z aplikacjami klienckimi, zwłaszcza z Internet Explorerem 11, zaleca się zaimplementowanie tabindex="-1" dla fragmentów tekstów, które nie są elementami interaktywnymi (przyciski, linki, elementy formularzy itp.).

Właściwości aria-label i aria-labelledby mogą być wykorzystywane do tworzenia etykiety pola formularza. Tak utworzona etykieta jest niewidoczna, co pozwala rozwiązać wiele przypadków, w których widoczna etykieta nie jest pożądana.

Natomiast wiąże się to z potencjalnym ryzykiem dla niektórych użytkowników i może być konieczne, aby narzędzia proponowane przez aria-label lub aria-labelledby były uzupełnione widocznym tekstem umieszczonym obok pola.

Tekst ukryty

Technologie wspomagające (zwłaszcza czytniki ekranu) nie odwzorowują tekstu ukrytego przy pomocy właściwości:

Do całej treści tekstowej wykorzystującej jedną z tych właściwości ma zastosowanie kryterium 10.13.

Transkrypcja (media oparte na czasie)

Transkrypcja to pisemne przedstawienie wypowiedzi z zapisów audio lub video.

Transkrypcja musi być powiązana z mediami opartymi na czasie za pomocą odpowiedniej techniki (tekst kodowany w HTML lub w pliku tekstowym, który znajduje się na tej samej stronie i można go przejrzeć przy pomocy linku).

Treść ta daje użytkownikowi dostęp (niezależnie od przeglądania obiektu multimedialnego) do:

Te informacje muszą być ułożone w porządku chronologicznym pojawiania się w mediach opartych na czasie.

Uwaga: tekst transkrypcji musi być umieszczony na zewnątrz znacznika object.

Treść widoczna

Dla testu 10.2.1: „Treść widoczna” oznacza, że treść pozostaje widoczna, gdy CSS jest wyłączony. Przykładowo, obraz będący nośnikiem informacji, wykorzystywany jako tło z użyciem CSS, nie przechodzi tego testu, ponieważ informacja nie jest „dostępna”, gdy style CSS są wyłączone. Natomiast obraz będący nośnikiem informacji, wykorzystywany jako tło z użyciem CSS, ale wraz ukrytym tekstem, przechodzi ten test, ponieważ informacja jest „dostępna”, gdy style CSS są wyłączone.

Uwaga: praktyka, która polega na wykorzystaniu obrazów będących nośnikiem informacji w postaci tła przy pomocy CSS jest formalnie niezalecana, nawet jeśli występuje tekst ukryty.

Tylko w celach prezentacji

Tylko w celach prezentacji: użycie znaczników HTML dla celu innego niż przewidziany w specyfikacji (w odniesieniu do zadeklarowanego typu dokumentu). Przykłady: użycie znaczników Hn tylko dla stworzenia efektu typograficznego; użycie znacznika blockquote tylko w celu ustawienia wcięcia paragrafu itp.

Uwaga 1: Użycie elementów div lub span do tworzenia paragrafów jest uznawane za niezgodne i unieważnia kryterium.

Uwaga 2: WAI-ARIA proponuje rolę presentation umożliwiającą usunięcie semantyki elementu, na przykład <h1 role=presentation">Tytuł</h1>. W takim przypadku tekst będzie prawidłowo wyświetlany, ale tytuł nie (wyświetlanym elementem będzie element nieokreślony typu <title>)..

Użycie roli presentation może być wymagane, gdy używa się wzorca projektowego ARIA.

Użycie roli presentation może być również wykorzystane do usunięcia semantyki elementu, gdy jest on używany wyłącznie do celów prezentacji, na przykład <blockquote role=presentation"> daje taki sam efekt, jak brak elementu blockquote.

Mimo, iż takie użycie jest niezalecane (na przykład w technologiach wspomagających, które nie implementują ARIA), może być uznane za zgodne z WCAG. Natomiast użycie roli presentation na elemencie, którego natura (na przykład semantyka) jest kluczowa do zrozumienia treści, jest złamaniem zasad WCAG (zwłaszcza niepowodzenie Failure F92) i unieważnia kryterium.

Typ dokumentu

Zbiór danych referencyjnych, który pozwala aplikacjom klienckim rozpoznać charakterystyki techniczne języków używanych na stronie internetowej (znacznik doctype).

Typ i format danych

Wskazówka dotycząca typu i formatu danych wymaganych podczas wypełniania pola formularza. Na przykład:

Ważna uwaga: Jeśli typ pola formularza proponuje maskę wprowadzania, jak przykładowo pola date lub time, wskazanie formatu nie jest konieczne.

Tytuł linku

Zawartość atrybutu title linku. Ta treść może być obecna tylko wtedy, gdy konieczne jest zidentyfikowanie przeznaczenia linku w wyraźny sposób. Tytuł linku powinien być zawierać tekst linku, ale z dodatkowymi informacjami. Tytuł linku jest uznawany za nieadekwatny w następujących przypadkach:

Uwaga 1: Tytuł linku identyczny jak tekst link jest w drodze wyjątki akceptowany tylko w przypadkach linków obrazów (linki zawierające tylko obrazy), na przykład ikon lub linku, którego jedyną widoczną treścią jest obraz (link złożony, którego tekst jest ukryty).

Uwaga 2: Przypominamy, że atrybut title może powodować wiele problemów przy odtwarzaniu, na przykład z klawiatury, na powierzchniach dotykowych, gdy technologia wspomagająca jest ustawiona w taki sposób, by ich nie odtwarzać i ma być używany tylko w ostateczności.

Tytuł ramki

Zawartość atrybutu title znacznika iframe umożliwiająca poznanie rodzaju treści rozpowszechnianej przy pomocy ramki pływającej, gdy na przykład użytkownik kliknie na ramkę lub wyświetli listę ramek strony.

Uwaga 1: Niektóre ramki pływające służą wyłącznie do wykonywania operacji technicznych, takich jak przetwarzania przeznaczone do przygotowania lub sterowania treściami wyświetlonymi na stronie, jak przykładowo ramki używane przez niektóre sieci społecznościowe, np. Facebook.

Jeśli ramki nie posiadają tytułu dostarczonego przez zdalną usługę lub jeśli tytuły są nieadekwatne, można użyć ogólnych informacji, na przykład title="treści techniczne Facebook".

Uwaga 2: Jeśli nie przeszkadza to w działaniu takiej ramki, mogą być one niedostępne dla technologii wspomagających przez użycie na przykład właściwości ARIA aria-hidden="true".

Tytuł strony

Zawartość znacznika title strony internetowej umożliwiająca jasne, zwięzłe i unikalne zidentyfikowanie treści/natury strony („Mapa strony www.nomdusite.fr” przykładowo dla strony mającej mapę strony).

Tytuł tabeli (danych)

Zawartość elementu HTML (znacznik caption), która pozwala jasno i wyraźnie zidentyfikować treść tabeli danych.

U

Umieszczone obok siebie

Konieczne jest, aby etykieta i jej pole były wizualnie blisko siebie, aby powiązanie między nimi nie mogło wprowadzać w błąd.

Uwaga: WCAG zaleca, aby etykiety pól wprowadzania tekstu lub uprzednio zdefiniowanych wartości, takich jak przykładowo listy, były umieszczone po lewej lub u góry odnośnych pól, natomiast etykiety pól typu radio lub pól wyboru były umieszczone po polu, a zatem po prawej lub u dołu. To zalecenie nie zawsze ma racjonalne uzasadnienie, nie jest zatem zawarte w RGAA

Inne położenie, które uwzględnia jednoznaczne połączenie wizualne nie może stanowić niezgodności w rozumieniu RGAA3.

URL

Adres pozwalający uzyskać dostęp do zasobów World Wide Web: dokument HTML, strony internetowe, obraz, dźwięk itp.

Uwaga: W specyfikacji RGAA, pojęcie URL jest używane zamiast URI (łańcuch znaków identyfikujący dane zasoby).

W

Wersja alternatywna „tylko audio”

Wersja „tylko audio” to wersja dźwiękowa, na przykład w postaci plików w formacie MP3, używana jako alternatywa dla wersji tylko wideo (wideo bez informacji dźwiękowej). Tylko użytkownikom wykorzystującym dostępność, którzy są osobami niewidomymi i nie mogą obejrzeć wideo, WCAG proponuje jako alternatywę wersję dźwiękową.

Wersja „tylko audio” powinna zawierać wszystkie informacje wizualne ważne dla wideo.

Zazwyczaj prościej tworzy się wersję dźwiękową niż wersję tekstową, gdy wideo jest bardziej opisowe (transkrypcja tekstowa wymaga często dużo pracy redakcyjnej). Przypominamy, że tylko transkrypcja tekstowa zapewnia uniwersalny dostęp do informacji przekazywanych przez wideo, jeśli użytkownik nie byłby w stanie na przykład uruchomić wideo.

Wersja dostępna (dla pobieranego dokumentu)

Dokumenty do pobrania, których rodzaje formatu są uznawane za kompatybilne z dostępnością muszą być udostępnione albo bezpośrednio, albo za pośrednictwem dostępnej wersji lub wersji w HTML. Formaty dokumentów, które są uznawane za kompatybilne to:

Treści powinny być zgodne z listą kryteriów Pobieranie dokumentów biurowych (format ODT, 74 kB)

Uwaga: format txt nie może być używany do utworzenia dostępnej wersji pobieranego dokumentu.

Witryna internetowa: zbiór wszystkich stron internetowych

Przypadek szczególny stron internetowych poddomeny; poddomena może:

Własności i metody zgodne ze specyfikacją DOM

Metody wprowadzania treści zgodne ze specyfikacją DOM (Document Object Model) pozwalają utworzyć, wprowadzić i manipulować elementami przy pomocy DOM (na przykład document.createElementi element.appendChild) w przeciwieństwie do metody document.write, która może powodować problemy w niektórych kontekstach (zob.: https://www.w3.org/TR/html5/webappapis.html#dom-document-write).

Własność CSS określająca kolor

Dotyczy następujących właściwości: color, background>-color, background, border-color, border, outline-color, outline.

Uwaga: może to dotyczyć również użycia obrazu tła do wprowadzenia koloru (własność bakground:url(…)).

Współczynnik kontrastu

Różnica między luminancją koloru pierwszoplanowego a kolorem tła. Współczynnik kontrastu jest oparty na różnicy luminancji względnej między tłem a pierwszym planem zgodnie z zasadą: (L1 + 0,05) / (L2 + 0,05) gdzie L1 jest luminacją względną jaśniejszego z kolorów, a L2 jest luminacją względną ciemniejszego z kolorów. Luminacja jest obliczana według następującego wzoru: L = 0,2126 * R + 0,7152 * G + 0,0722 * B. gdzie R, G i B są zdefiniowane przez:

i RsRGB, GsRGB i BsRGB są zdefiniowane przez:

Znak „^” jest operatorem wykładniczym.

Uwaga: pomiar kontrastu dotyczy tekstu, tekstu na obrazie, tekstu i tekstu na obrazie w animacjach, tekstu napisów i tekstu naniesionych na wideo. Dla tekstu, tekstu na obrazie, tekstu i tekstu na obrazie w animacjach, tekstu napisów i tekstu naniesionych na wideo, rozmiar czcionki powinien być mierzony w stosunku do standardowego rozmiaru wyświetlania (taki, jak wyświetlony). Nie dotyczy to tekstów znajdujących się na elementach obrazu lub wideo (na przykład napis, ogłoszenie itp.).

Źródło: Procedura obliczania kontrastu WCAG (po angielsku).

Wzorzec projektowy

Wzorzec projektowy (Design Pattern) jest modelem zdefiniowanym przez API WAI-ARIA, który opisuje strukturę, role i właściwości, które musi spełniać komponent JavaScript (widżet).

Wzorce projektowe są opisane w dokumencie: WAI-ARIA 1.0 Authoring Practices.

Komponent zaprogramowany w JavaScript powinien być zgodny ze wzorcem projektowym odpowiadającym wykorzystywanej roli WAI-ARIA.

Uwaga 1: biorąc pod uwagę brak obsługi niektórych właściwości i niektórych ról WAI-ARIA oraz dużą liczbę różnych sytuacji, w których można zaproponować komponent JavaScript, można dostosować wzorce projektowe do poszczególnych kontekstów izastosowań.

W takim przypadku dostosowany wzorzec projektowy musi:

Uwaga 2: Nie dotyczy to wzbogacania wzorca projektowego dodatkowymi rolami lub właściwościami WAI-ARIA, których kompatybilność z dostępnością jest kontrolowana przez test odtwarzania na bazie referencyjnej. Przykładowo dodanie właściwości aria-hidden do paneli (rola role="tabpanel") systemu zakładek nie określa dostosowanego wzorca projektowego.

Z

Zastosowanie wzorca projektowego ARIA

API ARIA definiuje wzorce projektowe, na przykład dla systemu zakładek lub okna modalnego, których celem jest zapewnienie jednorodnego zachowania wzorcowego wszystkich elementów interfejsu. Przestrzeganie wzorców projektowych jest wymagane w specyfikacji RGAA.

Można dostosować wzorce projektowe, zastępując źle obsługiwaną właściwość właściwością równoważną lub wzbogacając element o właściwości polepszające doświadczenie użytkownika lub zabezpieczając jego zachowanie.

Zadaniem audytora jest sprawdzenie, czy te dostosowania są spójne ze wzorcem projektowym, nie zmieniają zachowania elementu w zakresie doświadczenia użytkownika i czy dostosowany element jest prawidłowo odwzorowany przez technologie wspomagające.

Jeśli te wymagania są spełnione, element może być zadeklarowany jako „zgodny” ze wzorcem projektowym.

Zbiór stron

Strony powiązane ze sobą linkami i mające wspólny temat lub charakter. Przykładowo strony będące wynikiem wyszukiwania lub strony katalogu (dla tego samego wyszukiwania) są zbiorami stron.

Zestaw stron

Strony internetowe powiązane między sobą linkami i stanowiące spójną całość w ramach witryny internetowej. Przykładowo strony procedury płatności elektronicznych, strony o specjalnej rubryce, strony bloga, strony zarządzania kontem klienta są zestawami stron.

Uwaga: Strona główna witryny internetowej może sama w sobie stanowić „zestaw stron” ze względu na swoją jednolitość.

Zrozumiały (kolejność odczytu)

Zrozumiała treść jest czytelna (kolejność elementów jest logiczna) i spójna (powiązania w tekście są spójne).

Złożona tabela danych

Jeśli tabela danych zawiera nagłówki, które nie są umieszczone wyłącznie w pierwszym wierszu lub w pierwszej kolumnie tabeli lub ich zakres nie odnosi się do wszystkich kolumn i wierszy, można mówić o złożonej tabeli danych. Konieczne jest zatem dostarczenie „podsumowania” umożliwiającego wyjaśnienie natury i struktury, aby ułatwić przeglądanie na przykład użytkownikom korzystającym z technologii wspomagających.

Zmiana języka

Podanie zmiany języka jest konieczne, aby technologie wspomagające mogły zmienić język odtwarzania głosowego elementu. Zmiana języka odnosi się do całej treści, w tym również do wartości niektórych atrybutów, takich jak title.

Uwaga: Nie można wskazać zmiany języka w samej wartości atrybutu, w takim przypadku zmiana języka jest podana w elemencie, który zawiera atrybut. Przykładowo, link po angielsku zawarty w title powinien mieć atrybut lang="en". Jeśli atrybut zawiera wiele fragmentów tekstu w różnych językach, kryterium nie ma zastosowania.

Zmiana kontekstu

Znaczące zmiany treści strony internetowej, które dokonywane bez świadomości użytkownika, mogą go dezorientować, jeżeli nie jest on w stanie oglądać całej strony jednocześnie. Zmiany kontekstu obejmują zmiany:

Uwaga: Zmiana treści nie zawsze oznacza zmianę kontekstu. Zmiana w treści, na przykład rozwinięcie drzewa, dynamicznego menu lub karty niekoniecznie zmieniają kontekst, dopóki nie zmienią jednego z powyższych elementów (np. fokusa).

Przykład: Otwarcie nowego okna, przeniesienie fokusa na inny element, przejście na inną stronę internetową (włączając w to także każdą sytuację, kiedy użytkownikowi tylko wydaje się, że przechodzi na inną stronę internetową) lub znacząca reorganizacja treści strony są przykładami zmiany kontekstu.

Zmiana rodzimej roli elementu HTML

Specyfikacja WAI-ARIA pozwala zmienić rodzimą rolę elementu, na przykład zmienić element a na element button.

Modyfikacje mogą być przeprowadzane tylko pod pewnymi warunkami, opisanymi w dokumencie: Notes on Using WAI-ARIA in HTML, który opisuje kilka istotnych ograniczeń.

Aby modyfikacja roli natywnej elementu HTML przez WAI-ARIA była kompatybilna, zastrzeżenia te powinny być przestrzegane.

Każdy element, którego rodzaj został zmieniony przez implementację roli ARIA, powinien przestrzegać kryteriów i testów związanych ze zdefiniowaną rolą. Na przykład link <a>, który posiada rolę ARIA button powinien przestrzegać warunków zdefiniowanych dla elementów button, a nie warunków dla linków.

Ź