L jak lista - Aktualności - Polska Akademia Dostępności

Dzięki operacji zagnieżdżeń – zawierania jednej listy w drugiej -  możemy nadać odpowiednią hierarchię zamieszczanych na stronach www treści. Dlatego tworząc  poszczególne elementy w serwisach m.in. menu, należy pamiętać by ich budowa była oparta na listach.

Na przykładzie mapy serwisu ze strony PAD Portalu (jej części), lista wygląda następująco:

• Polska Akademia Dostępności
  • Partnerzy
• Narzędziownia
• Wzorcownia - projekty dla administracji publicznej
  • Aktualizacje
• Aktualności
• Konkurs "The best of accessibility project"
• Szkolenia i warsztaty
  • Scenariusze szkoleń
    • Czym jest dostępność?
    • Tworzenie dostępnych dokumentów
    • Administracja i zarządzanie dostępną stroną www

Z uwagi, iż listy nie posiadają odpowiednich znaczników by nadać im jakiekolwiek tytuł, można zastosować techniki w stylach CSS, zalecane także w rekomendacjach W3C, które zostać mogą ukryte dla osób widzących, a które anonsowane będą użytkownikom, przez technologie asystujące. Tak więc dla przykładu zastosować można nagłówek odpowiedniego poziomu, co wniesie odpowiedni przekaz, a który zostanie ukryty w stylach:

.hidden {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}

Prawidłowe stosowanie tych elementów ma istotny wpływ na dostępność, ale także na użyteczność serwisu. Tak jak w przypadku nagłówków, listy są jednym z podstawowych elementów nawigacyjnych i informacyjnych dla osób korzystających z technologii asystujących. Dzięki skrótom klawiaturowym dostępnym w programach, użytkownicy mogą poruszać się pomiędzy listami i poszczególnymi elementami tych list. Dodatkową informacją przekazywaną przez aplikacje pomocnicze jest także ilość elementów w liście oraz czy nastąpiło zagnieżdżenie.

Należy pamiętać, iż standard WCAG 2.0 w jednym z kryteriów sukcesu określa poprawne stosowanie list i dotyczy to najniższego, podstawowego poziomu A.