Elementy dynamiczne, rozwijalne serwisu
- Serwis posiada elementy rozwijalne, które nie są dostępne przy użyciu klawiatury (błąd). – Procent wystąpień: 22%
- W serwisie występują problemy z obsługą menu rozwijalnego przy użyciu programu odczytu ekranu – brak komunikatu informującego, że menu zostało rozwinięte – Procent wystąpień: 5,7%
Dotyczy kryteriów sukcesu WCAG:
Kto może poprawić: Web developer
Opis / zalecane rozwiązanie: Listy rozwijalne dostępne dla technologii wspomagających łatwo budować w oparciu o elementy <input type=”select”>. Jeżeli wykorzystujemy inną technikę, trzeba zapewnić focus klawiatury i nawigację klawiszami kursora każdemu elementowi listy. Elementy rozwijalne należy zawsze oznaczać atrybutami ARIA: aria-haspopup=”true” oraz ich stan przy pomocy aria-expanded=”false/true”.
Serwis posiada odnośniki do pobrania dokumentów bez informacji o ich formacie (problem). – Procent wystąpień: 17%
Dotyczy kryteriów sukcesu WCAG: 2.4.9 Cel łącza (z samego łącza)
Kto może poprawić: Redaktor treści
Opis / zalecane rozwiązanie: Informowanie użytkowników o formacie dokumentu, pozwala im przygotować się do obsługi konkretnego narzędzia, którym te pliki otworzą. Mogą też dzięki temu wybrać najbardziej odpowiedni dla nich format. Warto zapewniać alternatywne formaty udostępnianych dokumentów. Treść odnośnika do dokumentu powinna zawierać jasne określenie jego formatu. Np. Pobierz TYTUŁ DOKUMENTU — dokument pdf.
Nagłówki — struktura treści.
- Strony serwisu nie posiadają nagłówka H1 (błąd). – Procent wystąpień: 14,3%
- Strony serwisu mogą posiadać wielokrotne nagłówki H1 (błąd). – Procent wystąpień: 14,3%
- Strona główna nie posiada nagłówka H1 (błąd). – Procent wystąpień: 14,3%
- Strony serwisu posiadają błędy w definicji hierarchii nagłówków lub nie posiadają nagłówka H1 (błąd) – 12,2%
- W serwisie występują problemy z właściwą definicją struktury nagłówków (problem) – 6%
Dotyczy kryteriów sukcesu WCAG:
Kto może poprawić: Redaktor treści, nagłówki generowane automatycznie – Web developer
Opis / zalecane rozwiązanie: Jeżeli strona ma tytuł bądź tytułem jest opatrzona jakakolwiek znacząca treść (nie musi być tekstowa), to zawsze formatujemy go nagłówkiem <h1>. To najważniejszy punkt orientacyjny dla przeglądarek i technologii wspomagających. Powinien informować o zawartości treści w najszerszym kontekście. UWAGA: Na stronie może być tylko jeden nagłówek <h1>!
Sekcje treści powinny być opatrzone nagłówkami, które je identyfikują. Bardzo ułatwia to osobom niewidomym szybkie zorientowanie się i dotarcie do interesującego ich fragmentu treści. Nagłówki powinny także reprezentować logiczną strukturę i powiązania treści poprzez prawidłową hierarchię nagłówków. Przykład:
<h1>Informacje o wydziale</h1> <!– tytuł strony –>
<h2>Instytuty wydziału</h2>
<h2>Pracownicy wydziału</h2>
<h3>Władze wydziału</h3>
<h3>Pracownicy dydaktyczni</h3>
<h3>Pracwonicy administracyjni</h3>
<h2>Informacje dla studentów</h2>
<h2>Rekrutacja</h2>
Należy pamiętać, że nagłówki nie służą jedynie do graficznego wyróżniania tekstu. Ich struktura mówi technologiom wspomagającym (ale i wyszukiwarce Google), o czym jest teść (<h1>), jakie elementy zawiera(<h2>) i wewnątrz nich kolejne poziomy nagłówków pozwalają podzielić logicznie treść na kolejne składniki. Jeżeli domyślny wygląd nagłówków nie pasuje do koncepcji graficznej, do ich formatowania używamy CSS.