Je eindigt met een SVG-bestand waarin jouw afbeelding en “hotspots” verwerkt zitten. De hotspots zijn kleine kadertjes die je pas ziet als je met de tab-toets door de afbeelding gaat. De schermlezer (voorleessoftware) leest daarbij de bijbehorende teksten voor. Het SVG bestand plaats je makkelijk op een website.

Een SVG is een afbeelding die bestaat uit computercode. Je kan het zien als een soort recept; jouw computer leest stap voor stap wat er getekend moet worden. Je kunt een SVG oneindig vergroten of verkleinen zonder kwaliteitsverlies. En omdat het bestand uit tekst bestaat, is het meestal klein qua bestandsgrootte. En… het is perfect voor toegankelijkheid.

Omdat een SVG uit tekst bestaat, kan je met mijn tool:

• toegankelijke tekst toevoegen aan je hotspots
• een logische volgorde en structuur aanbrengen
• ervoor zorgen dat mensen met screenreaders of toetsenbord je plaat kunnen gebruiken

Zo maak jij visueel werk dat iedereen bereikt.

Vooral overheden zijn soms terughoudend. Een SVG is immers code. Durven ze daar zomaar op te vertrouwen?

De toegangstool voegt geen scripts of externe koppelingen toe. Je kunt dat zelfs controleren door de svg te openen in Kladblok of een andere teksteditor. Alles is leesbaar — en dus controleerbaar.

In de testomgeving controleer je de svg nog eens. Onderaan de pagina volgt daarvan een opsomming. Laat dat gerust aan de anderen zien.

De SVG wordt als code in de website geplakt. Meestal gebruik je daarvoor een speciaal blok in je webomgeving, zoals “HTML invoegen” of “Code block”.

• Open het SVG-bestand in Kladblok (of een andere teksteditor)
• Kopieer alle code
• Plak dit in het HTML-blok op je pagina

Belangrijk: gebruik geen afbeeldingsblok of mediabibliotheek. Dan werken je hotspots niet.

Klik op “Test je plaat” in de tool. Je komt dan in de testomgeving, waar je jouw resultaat kunt uploaden. Druk op de tabtoets en loop je plaat na – je ingevoerde teksten verschijnen onderin beeld als ondertiteling.

Je kunt ook de svg zelf op een webpagina embedden en bekijken met voorleessoftware (zoals NVDA). Dat is een technische uitdaging.

• PNG, JPG, WEPB of SVG
• Max. afmetingen: 9000 pixels (bijvoorbeeld 3000 bij 3000 pixels)
• Max. bestandsgrootte 3 MB

Hotspots zijn punten in je tekening waar je opmerkingen kunt toevoegen voor de schermlezer. Na toevoegen kun je de hotspot:

• Verslepen met de muis
• Fijnpositioneren met de pijltjestoetsen
• Herordenen met de blauwe pijltjes

Volg bij het plaatsen de natuurlijke kijkrichting van de gebruiker (bijvoorbeeld van links naar rechts, van boven naar beneden).

💡 Tip: Als je een hotspot in de plaat selecteert, verschijnt automatisch de bijbehorende tekst rechts in beeld. Dat navigeert makkelijk.

Met groepen geef je je plaat structuur. Ze werken als een soort inhoudsopgave voor schermlezers én als kapstok voor je verhaal. Gebruik ze om onderdelen logisch te groeperen.