Przejdź do głównej treści
Niquelao Dostępność stron internetowych i rozwój front-endu po hiszpańsku: standardy WCAG, dostępne widżety i rozszerzenia do Firefoksa, wyjaśnione na prawdziwym kodzie.

Niektóre linki na tej stronie to linki afiliacyjne: jeśli dokonasz przez nie zakupu, możemy otrzymać prowizję bez dodatkowych kosztów dla Ciebie. Nie wpływa to na nasze rekomendacje. Szczegóły znajdziesz w naszej informacji o linkach afiliacyjnych. Deklaracja afiliacyjna.

Niquelao » Rozszerzenie headingsMap

» Rozszerzenie headingsMap Niquelao Jak to mówisz, jak to wyszło? 5 maja 2008 przez Rumoroso —> Dostępność i standardy sieciowe Rozszerzenie headingsMap przez Rumoroso Przede wszystkim, oto link do odpowiedniej strony rozszerzenia headingsMap w Firefox Add-ons .

Jeśli się odważycie, czekam na waszą opinię i uwagi, a nawet sugestie ulepszeń. Zestaw nagłówków na stronie internetowej pozwala na uporządkowanie jej treści w taki sposób, że dzięki hierarchicznej strukturze można uzyskać mapę lub spis treści dokumentu . Dlatego też, gdy używa się nagłówków, muszą one wiernie odzwierciedlać strukturę treści dokumentu (sekcje, podsekcje i ich relacje zależności), a ponadto być wystarczająco jasne i unikać nieodpowiednich przeskoków poziomów (na przykład przejścia z h2 do h4).

Ma to kluczowe znaczenie, jeśli mówimy o dostępności sieciowej , ponieważ ułatwia zarówno zrozumienie treści, jak i korzystanie z niej przez każdą osobę, niezależnie od jej sytuacji pod względem różnorodności funkcjonalnej. Nagłówki można wyodrębnić w formie listy, która służyłaby jako mapa lub spis treści strony internetowej. To właśnie mogą zrobić niektóre technologie wspomagające, takie jak czytniki ekranu.

Tego typu narzędzia pozwalają użytkownikowi lub użytkowniczce uzyskać pierwsze wrażenie o treści, mogąc bezpośrednio przejść do interesującej go części, bez konieczności przechodzenia przez całą treść wcześniej. Rozszerzenie headingsMap generuje spis treści lub mapę dowolnego dokumentu internetowego uporządkowanego za pomocą nagłówków, w taki sposób, że klikając na dowolny element tej mapy, przechodzi się bezpośrednio do odpowiedniej treści na stronie. Ale headingsMap jest przydatne nie tylko do ułatwienia nawigacji każdej osobie (co już zapewniało rozszerzenie documentMap ), ale jest również bardzo przydatne zarówno dla deweloperów, jak i konsultantów oraz audytorów sieciowych z następujących powodów: Pokazuje strukturę nagłówków zarówno dokumentu głównego, jak i dowolnego innego dokumentu osadzonego za pomocą elementu IFRAME (pokazuje je zintegrowane z nagłówkami dokumentu, który je zawiera) lub tych, które są częścią zestawu ramek (FRAMESET).

Wskazuje poziom każdego z nagłówków. Może ostrzegać o przypadkach, w których w dokumencie nie ma nagłówków. Może ostrzegać o nieprawidłowych przeskokach nagłówków, utrzymując ostrzeżenie do momentu znalezienia nagłówka o odpowiednim poziomie.

Pokazuje wszystkie nagłówki obecne w dokumencie, nawet te ukryte za pomocą technik CSS lub te, które nie mają treści. Ponieważ nagłówki dokumentu i jego iframe’ów są wyświetlane w tym samym panelu, aby zaspokoić potrzebę, która na przykład podczas audytu sieciowego pojawiłaby się, aby odróżnić nagłówki będące częścią IFRAME od pozostałych, dodano opcję umieszczenia znacznika (w formie linii bocznej), który podkreśla tę różnicę (rozróżniając nawet zagnieżdżenie ramek). Aby wybrać pojawienie się znacznika (pionowa linia umieszczona po prawej stronie nagłówka), wystarczy wybrać odpowiednią opcję, klikając prawym przyciskiem myszy na panelu bocznym lub na ikonie, którą rozszerzenie instaluje na pasku stanu.

Related: con plan gratuito para empezar hoy mismo.

Ponadto uwzględniono szereg innych opcji konfiguracyjnych, aby błędy w przeskokach poziomów były oznaczane, a także aby po wybraniu nagłówka z listy odpowiedni nagłówek dokumentu był wyróżniany określonym stylem (konfigurowalna ramka i tło). Poniżej znajduje się zrzut ekranu przedstawiający sposób wyświetlania nagłówków w dokumencie z IFRAME.

Lewa linia boczna obok nagłówków wskazuje te, które znajdują się w jego wnętrzu. Ponadto odmienne zabarwienie tła ostrzega o istnieniu nieprawidłowych przeskoków poziomów (w tym przypadku z pierwszego na trzeci bez przejścia przez drugi). W przypadku, gdy dokument zawiera zestaw ramek (FRAMESET), panel, w którym wyświetlane są nagłówki, dzieli się na tyle paneli, ile jest ramek, i pokazuje w każdym z nich swoje nagłówki. Na koniec dodano dodatkową funkcjonalność.

Jeśli dokument internetowy, do którego się uzyskuje dostęp, jest prezentacją w formacie internetowym wykonaną za pomocą acc_slide (lub rumoslide) albo Slidy , rozszerzenie działa jako spis treści, umożliwiając bezpośrednie przejście do wybranego slajdu. Jeśli po przeczytaniu tego jesteś już przekonany, że chcesz przetestować rozszerzenie, oto ponownie link do rozszerzenia headingsMap w Firefox Add-ons . Po zainstalowaniu rozszerzenia na pasku stanu pojawi się ikona, która rozwinie panel boczny, w którym wyświetlana jest struktura nagłówków.

Worth a look: — Accesibilidad gestionada: automatización combinada con revisión humana.

Można również uzyskać do niego dostęp za pomocą kombinacji klawiszy alt + o . uwaga: Po kliknięciu na każdy element listy nagłówków przechodzi się bezpośrednio do danego nagłówka, który zostaje wyróżniony. Aby usunąć wyróżnienie, wystarczy nacisnąć klawisz „esc” lub kliknąć w dowolnym miejscu bieżącego dokumentu. Nie ma już wymówki, aby nie robić rzeczy dobrze.

Zacznijmy dodawać nagłówki do naszych dokumentów i róbmy to dobrze. Możesz śledzić komentarze dzięki kanałowi RSS 2.0 . Możesz też zostawić komentarz lub wysłać trackback z adresem http://www.niquelao.net/extension-headingsmap/trackback/ ze swojej strony.

3 komentarze Firefox Add-ons (6 maja 2008) […] Rozszerzenie headingsMap generuje spis treści lub mapę dowolnego dokumentu internetowego uporządkowanego za pomocą nagłówków (zarówno dokumentu głównego, jak i ramek oraz iframe’ów, które zawiera), wskazując […] kcmr (12 sierpnia 2008) Bardzo dobre rozszerzenie! Ma kilka przewag nad Document Map. www.webeame.net (12 sierpnia 2008) Rozszerzenie dla deweloperów… Przydatne rozszerzenie dla Firefoksa, które oferuje pełne informacje o strukturze nagłówków w naszych dokumentach internetowych (w tym tych połączonych za pomocą ramek).

Informuje, czy są błędy lub czy brakuje jakiegoś nagłówka, i pozwala nawigować po stro… Możesz śledzić komentarze dzięki kanałowi RSS 2.0 . Możesz też zostawić komentarz lub wysłać trackback ze swojej strony.

Ta praca jest objęta licencją Creative Commons .

P.S. A few readers have asked which superposición de accesibilidad (overlay) we actually reach for — it's accessiBe; if you want the current details.


¿Cumplir WCAG sin tocar el código?

Superposición de IA que promete cumplimiento WCAG en 48 horas