Subtitrările și rezumatele oferă informații care pot ajuta utilizatorii să găsească, să navigheze și să înțeleagă tabele. Deși nu sunt obligați în fiecare caz să îndeplinească WCAG, subtitrările și rezumatele sunt modalități destul de simple de a furniza astfel de informații care sunt adesea necesare.

pentru

A legendă funcționează ca un titlu pentru o masă. Majoritatea cititoarelor de ecran anunță conținutul subtitrărilor. Subtitrările îi ajută pe utilizatori să găsească un tabel și să înțeleagă despre ce este vorba și să decidă dacă vor să îl citească. Dacă utilizatorul folosește „Modul Tabelelor”, subtitrările sunt mecanismul principal pentru identificarea tabelelor. Legenda este furnizată de element.

A rezumat transmite informații despre organizarea datelor într-un tabel și ajută utilizatorii să le navigheze. De exemplu, dacă un tabel are o structură neobișnuită (ca în exemplele de mai jos), informații despre ce conținut pot fi găsite în care rând sau coloană pot fi furnizate utilizatorului. Un rezumat este de obicei necesar doar pentru tabele complexe.

Dacă atât subtitrarea cât și rezumatul sunt furnizate pentru un singur tabel, rezumatul nu ar trebui să dubleze informațiile prezente în subtitrare.

Identificarea unui tabel folosind o subtitrare

Subtitrarea ar trebui să fie un titlu scurt pentru conținutul tabelului. În acest exemplu, „Concerte” le spune utilizatorilor ce informații sunt în tabel (deoarece tabelul ar putea, de exemplu, să conțină și informații despre expoziții de artă).

Concerte Data Evenimentului
12 februarie Vals cu Strauss Sala principala
24 mar Obeliscurile aripa de vest
14 apr Ce Sala principala

Rezumate pentru tabele mai complexe

În exemplele de mai jos, sunt utilizate diferite tehnici pentru a furniza rezumate utilizatorilor.

Rezumat cuibărit în interiorul elementului

Acest tabel complex arată disponibilitatea diferitelor tipuri și dimensiuni de cazare în două locații separate. Elementul acționează ca un titlu al tabelului și oferă un rezumat care descrie și compoziția tabelului.

Dacă este implementat în acest fel, rezumatul este disponibil și pentru utilizatorii vizuali.

Disponibilitatea cazării în vacanță
Coloana 1 are locația și dimensiunea unității de cazare, alte coloane arată tipul și numărul proprietăților disponibile Studio Apt Chalet Villa Paris 1 dormitor 2 dormitoare 3 dormitoare Roma 1 dormitor 2 dormitoare 3 dormitoare
11 20 25 23
- 43 52 32
- 13 15 40
13 21 22 3
- 23 43 30
- 16 32 40

Notă: Un element span a fost adăugat pentru a stiliza rezumatul diferit de legenda. Acest lucru nu este necesar.

Folosind aria-describedby pentru a furniza un rezumat al tabelului

În această abordare, un element cu un atribut id este asociat cu un rezumat prin utilizarea atributului aria descris de tabel. Orice element cu un atribut id unic poate fi folosit ca rezumat pentru un tabel în acest fel.

Elementul care conține rezumatul nu trebuie să fie în fața tabelului din document, dar îi ajută pe utilizatori să descopere rezumatul mai repede dacă rezumatul se află lângă masă, mai ales dacă nu utilizează un cititor de ecran.

Notă: Este posibil ca această caracteristică WAI-ARIA să nu fie la fel de larg acceptată de tehnologia de asistență decât alte abordări pentru rezumate pe această pagină.

Coloana 1 are locația și dimensiunea unității de cazare, alte coloane arată tipul și numărul proprietăților disponibile.

Paris: Disponibilitatea cazării în vacanță
Studio Apt Chalet Villa 1 dormitor 2 dormitoare 3 dormitoare
11 20 25 23
- 43 52 32
- 13 15 40

Utilizarea elementului pentru a marca un rezumat al tabelului

În această abordare, masa este înfășurată într-un element. Elementul conține subtitrarea și textul rezumat.

Utilizatorii cititorului de ecran care navighează în „Modul Tabelelor” nu sunt de obicei în măsură să identifice un tabel după o legenda aplicată în acest fel. Partea de subtitrare a elementului poate fi asociată în mod explicit tabelului utilizând atributul aria-labelledby și partea de rezumat utilizând atributele aria-describedby. Rețineți că acest lucru ar putea duce la citirea subtitrării și a rezumatului de mai multe ori.

Notă: Este posibil ca această caracteristică HTML5 să nu fie la fel de larg acceptată de tehnologia de asistență decât alte abordări pentru rezumate pe această pagină.

Paris: Disponibilitatea cazării în vacanță
Coloana 1 are locația și dimensiunea unității de cazare, alte coloane arată tipul și numărul proprietăților disponibile. Studio Apt Chalet Villa 1 dormitor 2 dormitoare 3 dormitoare
11 20 25 23
- 43 52 32
- 13 15 40

Folosind atributul sumar

Notă: atributul rezumat este depreciat în HTML5.

În această abordare, textul rezumat se află în atributul rezumat al tabelului. Astfel de rezumate nu sunt afișate vizual. De obicei, acestea sunt disponibile numai pentru utilizatorii cititorului de ecran.

Paris: Disponibilitatea cazării în vacanță Studio Apt Chalet Villa 1 dormitor 2 dormitoare 3 dormitoare
11 20 25 23
- 43 52 32
- 13 15 40

Resurse WCAG conexe

Aceste tutoriale oferă îndrumări privind cele mai bune practici privind implementarea accesibilității în diferite situații. Această pagină a combinat următoarele criterii de succes WCAG și tehnici de la diferite niveluri de conformitate:

Tehnici:

Vă salutăm ideile

Vă rugăm să trimiteți idei, sugestii sau comentarii pe lista de e-mail (arhivată public) [email protected]. De asemenea, puteți contribui la cod direct pe Github.

Informații despre document

Feedback: Salutăm idei de îmbunătățiri, rapoarte de erori și comentarii prin GitHub sau e-mail la [email protected] (o listă arhivată public) sau [email protected] (o listă numai pentru personalul WAI).

  • Stare: Actualizat la 27 iulie 2019 (publicat pentru prima dată în septembrie 2014)
  • Editori:
    • Eric Eggert
    • Shadi Abou-Zahra
    Colaboratori:
    • Sharron Rush
    • Grupul de lucru pentru liniile directoare privind accesibilitatea conținutului web (WCAG WG)
    • Grupul de lucru pentru educație și informare (EOWG)
  • Dezvoltat cu sprijinul proiectului WAI-ACT, cofinanțat de Programul IST al Comisiei Europene.
  • [Atribuții] [Jurnal de modificări]