Spring til hovedindhold
Niquelao Webtilgængelighed og frontend-udvikling på spansk: WCAG-standarder, tilgængelige widgets og Firefox-udvidelser, forklaret med rigtig kode.

Nogle links på dette site er affiliate-links: hvis du køber gennem dem, kan vi tjene en kommission uden ekstra omkostninger for dig. Det påvirker aldrig, hvad vi anbefaler. Se vores affiliate-erklæring for detaljer. Affiliate-oplysning.

Niquelao » Udvidelse headingsMap

» Udvidelsen headingsMap Niquelao Hvordan synes du, det er blevet? 5. maj 2008 af Rumoroso —> Tilgængelighed og webstandarder Udvidelsen headingsMap af Rumoroso Først og fremmest finder du her linket til den relevante side for udvidelsen headingsMap på Firefox Add-ons .

Hvis du får lyst, modtager jeg gerne din feedback, dine meninger og endda forslag til forbedringer. Samlingen af overskrifter på en webside gør det muligt at strukturere indholdet på en sådan måde, at man via en hierarkisk opbygning kan få et overblik eller et indeks over dokumentet . Derfor skal overskrifter, når de anvendes, være en tro afspejling af dokumentets indholdsstruktur (sektioner, undersektioner og deres afhængighedsforhold), samt være tilstrækkeligt klare og undgå upassende spring i niveauer (f.eks. at gå fra h2 til h4).

Dette er afgørende vigtigt, når vi taler om webtilgængelighed , da det både faciliterer forståelsen af indholdet og brugen heraf for alle personer, uanset deres situation i forhold til funktionel diversitet. Overskrifter kunne udtrækkes som en liste, der fungerer som et kort eller indeks over webdokumentet. Det er præcis, hvad visse hjælpemidler såsom skærmlæsere kan gøre.

Denne type hjælpemidler giver brugeren et første indtryk af indholdet og mulighed for direkte at adgang til de dele, der er af interesse, uden at skulle gennemgå alt indholdet først. Udvidelsen headingsMap genererer et indeks eller kort over ethvert webdokument, der er struktureret ved hjælp af overskrifter, således at man ved at klikke på et hvilket som helst element i dette kort kommer direkte til det tilsvarende indhold på siden. Men headingsMap er ikke kun nyttig til at facilitere navigation for alle (noget som udvidelsen documentMap allerede tilbød ), den er også meget nyttig for både udviklere og webkonsulenter samt revisorer af følgende årsager: Den viser overskriftsstrukturen både for hoveddokumentet og for ethvert andet dokument, der er indlejret via IFRAME-elementet (disse vises integreret blandt dem i det bærende dokument) eller for dem, der er en del af et framesæt (FRAMESET).

Den angiver niveauet for hver enkelt overskrift. Den kan advare om tilfælde, hvor der ikke er nogen overskrifter i dokumentet. Den kan advare om forkerte spring mellem overskriftsniveauer og fastholde advarslen, indtil en overskrift på et passende niveau findes.

Den viser alle overskrifter, der findes i dokumentet, selv dem der er skjult via CSS-teknikker, eller dem der mangler indhold. Da overskrifterne fra dokumentet og dem fra eventuelle iframes vises i samme panel, og for at imødekomme behovet for f.eks. i en webrevision at kunne skelne mellem overskrifter, der er en del af en IFRAME, og resten, er der tilføjet en mulighed for at inkludere et mærke (i form af en sidelinje), der fremhæver denne forskel (og endda differentierer, hvis der er nestede frames).

Related: — Superposición de IA que promete cumplimiento WCAG en 48 horas.

For at vælge visningen af mærket (en lodret linje placeret til højre for overskriften) skal man blot vælge den tilsvarende indstilling ved at højreklikke på sidepanelet eller på ikonet, som udvidelsen installerer i statuslinjen. Derudover inkludereres en række andre konfigurationsmuligheder, så fejl i niveauspring kan markeres, og således at den tilsvarende overskrift i dokumentet fremhæves med en bestemt stil (konfigurerbar kant og baggrund), når en overskrift vælges i listen.

Nedenfor ses et screenshot af, hvordan overskrifter vises i et dokument med en IFRAME. Den venstre sidelinje ved siden af overskrifterne indikerer dem, der befinder sig inden for denne. Derudover signalerer den forskellige baggrundsfarve eksistensen af forkerte niveauspring (i dette tilfælde fra første til tredje uden om anden). Hvis dokumentet indeholder et framesæt (FRAMESET), divideres panelet, hvor overskrifterne vises, i lige så mange paneler, som der er frames, og viser overskrifterne for hvert enkelt frame.

Endelig er der tilføjet en ekstra funktionalitet. Hvis webdokumentet, der tilgås, er en præsentation i webformat lavet med acc_slide (eller rumoslide) eller med Slidy , fungerer udvidelsen som et indeks og giver mulighed for direkte at adgang til den ønskede slide. Hvis du efter at have læst dette er overbevist om, at du vil prøve udvidelsen, finder du her igen linket til udvidelsen headingsMap på Firefox Add-ons .

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

Når udvidelsen er installeret, vises et ikon i statuslinjen, som åbner sidepanelet, hvor overskriftsstrukturen vises. Man kan også få adgang via tastaturkombinationen alt + o . Bemærk: Ved at klikke på hvert element i listen over overskrifter kommer man direkte til den pågældende overskrift, som derefter fremhæves.

For at fjerne fremhævningen skal man blot trykke på tasten “esc” eller klikke et vilkårligt sted i det aktuelle dokument. Der er nu ingen undskyldninger for ikke at gøre tingene rigtigt.

Lad os begynde at tilføje overskrifter til vores dokumenter og gøre det ordentligt. Du kan følge kommentarerne via RSS 2.0-feedet . Du kan også efterlade en kommentar eller sende en trackback med adressen http://www.niquelao.net/extension-headingsmap/trackback/ fra dit eget site. 3 kommentarer Firefox Add-ons (6. maj 2008) […] Udvidelsen headingsMap genererer et indeks eller kort over ethvert webdokument, der er struktureret ved hjælp af overskrifter (både for hoveddokumentet og for de frames og iframes, det indeholder), idet den angiver […] kcmr (12. august 2008) Meget god udvidelse!

Den slår Document Map med flere længder. www.webeame.net (12. august 2008) Udvidelse til udviklere… Nyttig udvidelse til Firefox, der giver fuldstændig information om overskriftsstrukturen i vores webdokumenter (inklusive dem, der linkes via frames). Den informerer om fejl eller mangler og muliggør navigation på siden… Du kan følge kommentarerne via RSS 2.0-feedet .

Du kan også efterlade en kommentar eller sende en trackback fra dit eget site. Dette værk er licenseret under en Creative Commons-licens .

P.S. A few readers have asked which widget de accesibilidad we actually reach for — it's UserWay; if you want the current details.


Añade accesibilidad en 5 minutos

Widget de accesibilidad con plan gratuito para empezar hoy mismo