Outline dokumentu html - jak zadbać o nawigację?

Question

Rozumiem, że w outline dokumentu trzeba uwzględnić element nav z główną nawigacją, żeby był dostępny w takim utworzonym spisie treści (bo jest to znacznik 'sekcjonujący'), prawda?

Zakładając, że dodam do 'nav' nagłówek <h2>Główna nawigacja</h2> - czytałem, że można ukrywać takie elementy (bo przecież zepsuje układ nawigacji). W jaki sposób to zrobić? Czy nie narażę się robotom google za ukrywanie treści? Nie mam zamiaru ukrywać tam żadnych słów kluczowych, chcę tylko zachować sensowny układ nagłówków w outline.

W jaki sposób ukryć ten element? Jeśli go ukryję, to całkowicie, czy np. pozwolić mu na "focus"? A może zupełnie źle do tego podchodzę? Szukam w sieci informacji, ale temat outline i ukrywania jest strasznie chaotycznie poprowadzony. Co osoba to inne podejście. Macie jakieś własne zdanie, lub podlinkujecie jakieś źródło?

Answer 1

Można ten element ukryć przy pomocy techniki .visuallyhidden.

Niemniej mało kto wstawia nagłówek w nawigacji – sam się z tego wycofałem. Użytkownik technologii asystującej i tak może się dostać do tego elementu albo przy pomocy skip linka, albo wykorzystując fakt, że jest to tzw. landmark, do których większość czytników ekranowych posiada dedykowane skróty klawiszowe.

Comments

Właśnie wydawało mi się, że to będzie trochę przekombinowane, ale bałem się, że nawigacja stanie się bez tego niedostępna lub wywali mi Untitled Section w nav. Takiego potwierdzenia szukałem, dzięki.

---

Jeśli boisz się Untitled Section, to znaczy, że nabrałeś się na mit o outline sekcyjnym.