Hopp til hovedinnhold
Niquelao Tilgjengelighet på nett og front-end-utvikling på spansk: WCAG-standarder, tilgjengelige widgets og utvidelser for Firefox, forklart med ekte kode.

Noen lenker på dette nettstedet er affiliate-lenker: hvis du kjøper gjennom dem, kan vi tjene en provisjon uten ekstra kostnad for deg. Dette påvirker aldri hva vi anbefaler. Se vår affiliate-erklæring for detaljer. Ansvarsfraskrivelse for affiliate.

Niquelao » Utvidelse headingsMap

» Utvidelsen headingsMap Niquelao Hva synes du selv? 5. mai 2008 av Rumoroso —> Tilgjengelighet og webstandarder Utvidelsen headingsMap av Rumoroso Først og fremst finner du lenken til den offisielle siden for utvidelsen headingsMap på Firefox Add-ons .

Hvis du prøver den ut, setter jeg stor pris på tilbakemeldinger, meninger og gjerne også forslag til forbedringer. Samlingen av overskrifter på en nettside gjør det mulig å strukturere innholdet slik at man gjennom en hierarkisk oppbygging kan få et kart eller en innholdsfortegnelse over dokumentet . Derfor må overskriftene være et trofast speilbilde av dokumentets innholdsstruktur (seksjoner, underseksjoner og deres innbyrdes avhengighet), i tillegg til å være tydelige og unngå uhensiktsmessige hopp mellom nivåer (for eksempel å gå fra h2 til h4).

Dette er avgjørende når vi snakker om webtilgjengelighet , siden det både gjør innholdet lettere å forstå og enklere å bruke for alle, uavhengig av funksjonsvariasjoner. Overskriftene kan trekkes ut som en liste som fungerer som et kart eller en innholdsfortegnelse for nettdokumentet. Dette er noe enkelte hjelpemidler, som skjermlesere, kan gjøre.

Slike hjelpemidler gir brukeren et førsteinntrykk av innholdet og muliggjør direkte tilgang til de delene som er relevante, uten at man trenger å gå gjennom alt innholdet først. Utvidelsen headingsMap genererer en innholdsfortegnelse eller et kart over ethvert nettdokument som er strukturert med overskrifter, slik at du ved å klikke på et hvilket som helst element i dette kartet kommer direkte til den tilhørende delen av siden. Men headingsMap er ikke bare nyttig for å gjøre navigasjonen enklere for alle (noe utvidelsen documentMap allerede gjorde); den er også svært verdifull for utviklere, konsulenter og webrevisorer av følgende grunner: Den viser overskriftstrukturen både i hoveddokumentet og i eventuelle andre dokumenter som er innebygd via IFRAME-elementet (disse vises integrert blant overskriftene i det bærende dokumentet) eller som inngår i et rammesett (FRAMESET).

Den angir nivået for hver enkelt overskrift. Den kan varsle hvis det ikke finnes noen overskrifter i dokumentet. Den kan varsle om feilaktige hopp mellom overskriftsnivåer, og beholder varslet helt til en overskrift på riktig nivå blir funnet.

Den viser alle overskrifter som finnes i dokumentet, også de som er skjult via CSS-teknikker eller som mangler innhold. Siden overskriftene fra dokumentet og fra eventuelle iframes vises i samme panel, og det i forbindelse med for eksempel en webrevisjon kan oppstå behov for å skille mellom overskrifter som tilhører en IFRAME og de øvrige, er det lagt til en funksjon for å inkludere en markør (i form av en sidelinje) som fremhever denne forskjellen (den skiller også mellom nestede rammer). For å velge om markøren (en vertikal linje plassert til høyre for overskriften) skal vises, holder det å velge соответствующий alternativ ved å høyreklikke på sidepanelet eller på ikonet som utvidelsen installerer i statuslinjen.

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

I tillegg inkluderes flere konfigurasjonsalternativer, slik at feil i nivåhopp kan markeres, og slik at den tilsvarende overskriften i dokumentet fremheves med en bestemt stil (justerbar kant og bakgrunn) når du velger en overskrift fra listen. Nedenfor følger et skjermbilde som viser hvordan overskriftene presenteres i et dokument med IFRAME.

Den venstre sidelinjen ved siden av overskriftene indikerer hvilke som befinner seg innenfor denne. Dessuten varsler den ulike bakgrunnsfargen om eksistensen av feilaktige nivåhopp (i dette tilfellet fra første til tredje nivå uten å passere andre nivå). Hvis dokumentet inkluderer et rammesett (FRAMESET), deles panelet der overskriftene vises opp i like mange paneler som det finnes rammer, og hvert panel viser sine respektive overskrifter. Til slutt er det lagt til en ekstra funksjonalitet.

Hvis nettdokumentet du besøker er en presentasjon i webformat laget med acc_slide (eller rumoslide) eller med Slidy , fungerer utvidelsen som en innholdsfortegnelse og lar deg gå direkte til ønsket lysbilde. Hvis du etter å ha lest dette er overbevist om at du vil prøve utvidelsen, finner du her igjen lenken til utvidelsen headingsMap på Firefox Add-ons . Når utvidelsen er installert, vises et ikon i statuslinjen som åpner sidepanelet hvor overskriftstrukturen presenteres.

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

Du kan også åpne den ved å taste alt + o . Merk: Når du klikker på et element i overskriftslisten, går du direkte til den aktuelle overskriften, som da blir fremhevet. For å fjerne fremhevingen trykker du enten på tasten “esc” eller klikker et vilkårlig sted i det gjeldende dokumentet.

Nå finnes det ingen unnskyldninger lenger for ikke å gjøre ting skikkelig. La oss begynne å legge inn overskrifter i dokumentene våre – og la oss gjøre det riktig.

Du kan følge med på kommentarer via RSS 2.0-feeden . Du kan også legge igjen en kommentar , eller sende en trackback med adressen http://www.niquelao.net/extension-headingsmap/trackback/ fra ditt eget nettsted. 3 kommentarer Firefox Add-ons (6. mai 2008) […] Utvidelsen headingsMap genererer en innholdsfortegnelse eller et kart over ethvert nettdokument som er strukturert med overskrifter (både i hoveddokumentet og i eventuelle frames og iframes det inneholder), og angir […] kcmr (12. august 2008) Veldig bra utvidelse!

Den er Document Map overlegen på flere punkter. www.webeame.net (12. august 2008) Utvidelse for utviklere… Nyttig Firefox-utvidelse som gir fullstendig informasjon om overskriftstrukturen i våre nettdokumenter (inkludert de som kobles via rammer). Den informerer om feil eller mangler og lar deg navigere gjennom siden… Du kan følge med på kommentarer via RSS 2.0-feeden .

Du kan også legge igjen en kommentar, eller sende en trackback fra ditt eget nettsted. Dette verket er lisensiert under en Creative Commons-lisens .

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