Overslaan naar hoofdinhoud
Niquelao Webtoegankelijkheid en front-endontwikkeling in het Spaans: WCAG-standaarden, toegankelijke widgets en Firefox-extensies, uitgelegd met echte code.

Sommige links op deze site zijn affiliate links: als je via hen koopt, kunnen wij een commissie verdienen zonder extra kosten voor jou. Dit beïnvloedt nooit wat wij aanbevelen. Zie onze affiliate disclosure voor meer informatie. Affiliate-verklaring.

Niquelao » Extensie headingsMap

» Extensie headingsMap Niquelao Hoe vind je hem geworden? 5 mei 2008 door Rumoroso —> Toegankelijkheid en webstandaarden Extensie headingsMap door Rumoroso Allereerst volgt hier de link naar de betreffende pagina van de extensie headingsMap op Firefox Add-ons .

Mocht je het proberen, dan hoor ik graag je feedback, mening en zelfs suggesties voor verbetering. De verzameling koppen op een webpagina maakt het mogelijk om de inhoud zo te structureren dat er via een hiërarchische opbouw een kaart of inhoudsopgave van het document kan worden gegenereerd. Daarom moeten koppen, wanneer ze worden gebruikt, een getrouwe weergave zijn van de structuur van de documentinhoud (secties, subsecties en hun onderlinge afhankelijkheden). Bovendien moeten ze voldoende duidelijk zijn en ongepaste niveausprongen vermijden (bijvoorbeeld van h2 direct naar h4 gaan).

Dit is van vitaal belang als we spreken over webtoegankelijkheid , omdat het zowel het begrip van de inhoud als het gebruik ervan faciliteert voor iedereen, ongeacht hun situatie wat betreft functionele diversiteit. Koppen kunnen worden geëxtraheerd in de vorm van een lijst die dienst doet als kaart of inhoudsopgave van het webdocument. Dit is iets wat bepaalde hulpmiddelen, zoals schermlezers, kunnen doen.

Dit soort hulpmiddelen stelt de gebruiker in staat om eerst een indruk van de inhoud te krijgen en direct toegang te krijgen tot het deel dat voor hen interessant is, zonder eerst de volledige inhoud te hoeven doornemen. De extensie headingsMap genereert een inhoudsopgave of kaart van elk webdocument dat gestructureerd is met behulp van koppen, zodat door op een item in deze kaart te klikken, direct wordt doorgelinkt naar de bijbehorende inhoud op de pagina. Maar headingsMap is niet alleen nuttig om de navigatie voor iedereen te vergemakkelijken (iets wat de extensie documentMap ons al bood), het is ook zeer bruikbaar voor ontwikkelaars, consultants en webauditors om de volgende redenen: Het toont de koppenstructuur van zowel het hoofddocument als van elk ander document dat is ingesloten via het IFRAME-element (deze worden geïntegreerd getoond tussen die van het dragende document) of die deel uitmaken van een frameset (FRAMESET).

Het geeft het niveau van elke kop aan. Het kan waarschuwen voor gevallen waarin er geen koppen in het document aanwezig zijn. Het kan waarschuwen voor onjuiste sprongen tussen kopniveaus, waarbij de waarschuwing actief blijft tot er een kop van het juiste niveau wordt gevonden.

Het toont alle koppen die in het document aanwezig zijn, inclusief die welke verborgen zijn via CSS-technieken of die geen inhoud hebben. Aangezien de koppen van het document en die van de daarin aanwezige iframes in hetzelfde paneel worden getoond, en om tegemoet te komen aan de behoefte die bijvoorbeeld bij een webaudit ontstaat om onderscheid te maken tussen koppen die deel uitmaken van een IFRAME en de rest, is de optie toegevoegd om een markering (in de vorm van een zijlijn) op te nemen die dit verschil benadrukt (waaronder zelfs geneste frames).

Related: con plan gratuito para empezar hoy mismo.

Om het tonen van deze markering (een verticale lijn rechts van de kop) te selecteren, volstaat het om de bijbehorende optie te kiezen door met de rechtermuisknop op het zijpaneel of op het pictogram te klikken dat de extensie in de statusbalk installeert. Daarnaast zijn er nog enkele configuratiemogelijkheden opgenomen, zodat fouten in niveausprongen worden gemarkeerd, en zodat bij het selecteren van een kop uit de lijst, de bijbehorende kop in het document wordt gemarkeerd met een bepaalde stijl (instelbare rand en achtergrond).

Hieronder volgt een screenshot van hoe de koppen worden weergegeven in een document met een IFRAME. De linker zijlijn naast de koppen geeft aan welke zich binnen dit frame bevinden. Bovendien wijst de verschillende achtergrondkleur op het bestaan van onjuiste niveausprongen (in dit geval van niveau één naar drie zonder niveau twee). Indien het document een frameset (FRAMESET) bevat, wordt het paneel waarin de koppen worden getoond opgesplitst in evenveel panelen als er frames zijn, en worden in elk paneel de bijbehorende koppen weergegeven.

Tot slot is er een extra functionaliteit toegevoegd. Als het webdocument waarnaar wordt verwezen een presentatie in webformaat is, gemaakt met acc_slide (of rumoslide) of met Slidy , dan fungeert de extensie als een inhoudsopgave waarmee direct toegang kan worden verkregen tot de gewenste dia. Mocht je na het lezen hiervan overtuigd zijn van de wens om de extensie uit te proberen, dan volgt hier nogmaals de link naar de extensie headingsMap op Firefox Add-ons .

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

Zodra de extensie is geïnstalleerd, verschijnt er een pictogram in de statusbalk waarmee het zijpaneel kan worden geopend waarin de koppenstructuur wordt getoond. Daarnaast is toegang ook mogelijk via de toetscombinatie alt + o . Opmerking: Door op elk item in de lijst met koppen te klikken, wordt direct naar de betreffende kop gegaan en wordt deze gemarkeerd.

Om de markering te verwijderen, volstaat het om op de “esc”-toets te drukken of ergens anders in het huidige document te klikken. Er is nu geen excuus meer om dingen niet goed te doen.

Laten we beginnen met het voorzien van onze documenten van koppen, en laten we het goed doen. Je kunt de reacties volgen via de RSS 2.0-feed . Je kunt ook een reactie achterlaten , of een trackback versturen vanaf je site naar het adres http://www.niquelao.net/extension-headingsmap/trackback/. 3 reacties Firefox Add-ons (6 mei 2008) […] De extensie headingsMap genereert een inhoudsopgave of kaart van elk webdocument dat gestructureerd is met behulp van koppen (zowel van het hoofddocument als van de frames en iframes die het bevat), waarbij […] kcmr (12 augustus 2008) Zeer goede extensie!

Hij doet Document Map meerdere keren overtreffen. www.webeame.net (12 augustus 2008) Extensie voor ontwikkelaars… Nuttige extensie voor Firefox die volledige informatie biedt over de structuur van koppen in onze webdocumenten (inclusief die welke via frames zijn gekoppeld). Het informeert over fouten of ontbrekende koppen en maakt navigatie door de pagina mogelijk… Je kunt de reacties volgen via de RSS 2.0-feed .

Je kunt ook een reactie achterlaten, of een trackback versturen vanaf je site. Dit werk valt onder een Creative Commons-licentie .

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