Struktura strony
Koncepcja struktury strony
Dobrze zorganizowana treść pozwala na bardziej efektywną nawigację oraz przetwarzanie. Wykorzystanie HTML i WAI-ARIA, aby usprawnić nawigację i orientację na stronach internetowych i w aplikacjach.- Regiony strony: identyfikacja i oznaczanie obszarów na stronach internetowych korzystających z HTML5 i roli WAI-ARIA.
- Identyfikowanie regionów: identyfikowanie regionów, aby umożliwić użytkownikom dostęp do nich i odróżnianie ich.
- Nagłówki: dodaj nagłówki i umieść je w sekcjach strony zgodnie z ich relacjami i znaczeniem.
- Struktura treści: oznacz treści na stronie, w sposób, który wskaże odpowiednie i istotne elementy.
Dlaczego to jest ważne?
Strony z zawartością dobrze zbudowane są niezbędne dla wielu użytkowników sieci, na przykład:
- Osoby niepełnosprawne poznawczych i uczenia się są łatwiej znaleźć i priorytety treści na stronie.
- Osoby korzystające z czytników ekranu można przejść do głównej zawartości bezpośrednio i przejdź do sekcji, które są dla nich ważne.
- Użytkownicy klawiatury można bardziej efektywnie przeglądać strony i ich części. W przeciwnym razie, użytkownicy mają naciśnięciu klawisza Tab wielokrotnie do poruszania się wszystkich linków w każdej sekcji.
- Osoby używające oprogramowania, które pokazuje tylko główną treść strony internetowej, takich jak osoby niepełnosprawne poznawczych, otrzyma lepsze wyniki jeśli struktura strony jest prawidłowo oznaczony.
- Osoby z wadami wzroku , w tym osób z wadami wzroku mają sygnały, które zapewniają orientację na stronie jak iw treści.
- Telefony internauci często mają dostęp do tak zwanej „czytnik” lub w trybie „odczyt”, który pokaże tylko główną treść strony, jeśli jest prawidłowo oznaczony.
- Osoby używające niektórych wtyczek do przeglądarek można używać role przełomowe, aby przejść do poszczególnych sekcji na stronie.
- Istnieją dodatkowe korzyści z dobrej, dostępnej struktury strony, poza tymi, których doświadczają osoby niepełnosprawne. Jako przykład, wyszukiwarki mogą wykorzystywać dane do lepszego indeksu zawartości strony.
Materiały te zawierają wytyczne najlepszych praktyk w zakresie wdrażania dostępności w różnych sytuacjach. Ta strona łączy następujące kryteria sukcesu WCAG 2.0 i technik z różnych poziomów zgodności:
Kryteria powodzenia:
- 1.3.1 Informacje i relacje: informacje, struktura i relacje przenoszone poprzez prezentację można programowo określony lub są dostępne w tekście. (Poziom A)
- 2.4.1 Bypass Blocks: Mechanizm jest dostępny do bloków omijających treści, które są powtarzane na wielu stronach internetowych. (Poziom A)
- 2.4.6 Nagłówki i etykiety: Nagłówki i etykiety opisać temat lub przeznaczenie. (Poziom AA)
- 2.4.10 Sekcja Nagłówki: Nagłówki sekcji są używane do organizowania zawartości. (Poziom AAA)
Na podstawie:
https://www.w3.org/WAI/tutorials/page-structure/
