Strona korzysta z plików cookies w celu realizacji usług i zgodnie z Polityką prywatności. Możesz określić warunki przechowywania lub dostępu do plików cookies w Twojej przeglądarce. Zamknij

Nagłówek: Tak niewiele wystarczy - Aktualności - Polska Akademia Dostępności

Wiedza Narzędzia Rozwiązania

Projekt realizowany
przez:

Fundacja Widzialni Ministerstwo Administracji i Cyfryzacji
Wtorek, 7 maja 2024

Wyszukiwarka

Formularz wyszukiwania

Zaloguj się aby pobierać wzorce www i wziąć udział w forum.

Dostosuj wygląd

Czcionka:

  • Domyślna wielkość czcionki
  • Czcionka średnia
  • Czcionka duża

Kontrast

Nagłówek: Tak niewiele wystarczy

17 lipca 2015

Zdarza się, że nie ma ich w cale, a jak już są to ...lepiej żeby ich nie było. Specjaliści Fundacji, wciąż zwracają uwagę podczas audytów stron internetowych na nie stosowanie prawidłowej struktury nagłówków.

Osoby korzystające w tradycyjny sposób z internetu, przeglądając strony zapoznają się ze strukturą w sposób wizualny. Tytuły stron, artykułów czy linków są zawsze w pewien sposób wyróżnione. To pozwala na szybkie określenie hierarchii udostępnionych informacji. Pozwala to przede wszystkim na prostą i intuicyjną nawigację.

Nagłówki, są zaimplementowane w kodzie źródłowym. Z uwagi na swoją funkcję są niezbędnym elementem pozwalającym użytkownikom technologii asystujących, takich jak czytniki ekranowe - NVDA, JAWS, VoiceOver czy program powiększająco-czytający Zoomtext, na sprawną i szybką nawigację. Poruszając się za pomocą skrótów klawiszowych, mają także do dyspozycji takie, które pozwalają na przechodzenie pomiędzy nagłówkami. Mogą nawigować kolejno po każdym nagłówku lub przechodzić pomiędzy grupą, poprzez naciśnięcie tylko jednego klawisza. Tak więc poprawna struktura pozwala skorzystać im z serwisu na tych samych prawach jak innym użytkownikom. Co najważniejsze w taki sam - intuicyjny oraz szybki sposób dotrzeć do informacji, bez żmudnego odsłuchiwania, wiersz po wierszu.

Z uwagi, iż każdy serwis posiada nieco inną strukturę, zawsze należy podejść indywidualnie do każdego serwisu internetowego. Aby dostosować portal lub tworząc nowy zgodnie z zasadami WCAG, należy pamiętać o kilku podstawowych zasadach. Z technicznego punktu widzenia jest sześć poziomów nagłówków, jednakże my mamy możliwość wykorzystania pięciu, gdyż na każdej z podstron może być tylko jeden nagłówek poziomu 1 - H1. Jest to tytuł strony na której się znajdujemy. Kolejne poziomy związane są z odpowiednią hierarchią wnoszonych przez nie informacji. Na przykładzie strony PAD przedstawiamy właściwą strukturę nagłówków:

Widok strony głownej PAD Portalu

H1 Polska Akademia Dostępności
   H2 Wyszukiwarka
   H2 Dostosuj wygląd
   H2 Menu główne
   H2 Informacje
      H3 Wzorcownia
      H3 Narzędziownia
      H3 Platforma e-learningowa
   H2 Najnowsze aktualności
      H3 Artykuł 1
      H3 Artykuł 2
      H3 Artykuł 3
   H2 Komentarze na forum
      H3 Wpis 1
      H3 Wpis 2
      H3 Wpis 3
      H3 Wpis 4
      H3 Dział forum 1
      H3 Dział forum 2
      H3 Dział forum 3
   H2 Wzorcownia
   H2 Platforma e-learningowa
   H2 Narzędziownia

Jakie korzyści można osiągnąć poprzez prawidłową strukturę nagłówków? Nie od dziś wiadomo, że pozycjonowanie w wyszukiwarkach ma istotny wpływ na odnajdywanie informacji w internecie. Im wyższa nota w punktacjach robotów wyszukiwarek, tym wyżej wyświetlać się będzie nasz serwis w wynikach wyszukiwania. To z kolei ma niewymierny wpływ na liczbę odwiedzin serwisu internetowego. Problem ten rozumieją przede wszystkim podmioty komercyjne, walczące o klienta w sieci. Warto jednak pamiętać, że internauta chętniej wróci  do serwisu jeśli nie sprawia mu kłopot wyszukiwanie informacji i nawigacja.

 


Galeria zdjęć

Powiększ zdjęcie: Tag head - nagłówek