Wat zijn alternatieve tekstbeschrijvingen?
Alt-tekst is de tekstuele informatie die aan een afbeelding is gekoppeld met als doel informatie te verstrekken die gelijk is aan de afbeelding zelf. Het wordt gebruikt om informatie te verstrekken wanneer afbeeldingen niet kunnen worden bekeken; Meestal wanneer de persoon die naar de afbeelding kijkt een visuele beperking heeft, maar het kan ook nuttig zijn wanneer afbeeldingen op een pagina niet kunnen worden geladen. In dit artikel ligt de focus vooral op alt-tekst als hulpmiddel voor gebruikers met een visuele beperking.
Informatieve afbeeldingen of decoratieve afbeeldingen?
Veel afbeeldingen die in online cursussen worden gebruikt, zijn informatief van aard; wat betekent dat ze informatie overbrengen die deel uitmaakt van de leeractiviteit waarin het wordt gebruikt. Studenten die de afbeelding kunnen zien, weten niet per se wat er educatief aan is, maar dat zou kunnen. Met andere woorden, het educatieve doel kan duidelijk zijn voor iemand die de afbeelding kan bekijken, maar het is niet duidelijk voor iemand die de afbeelding niet kan bekijken.
Voor een leerling die de afbeelding niet kan bekijken, moet de informatieve inhoud in echte tekst worden weergegeven op een manier die toegankelijk is voor de leerling met behulp van ondersteunende technologie, meestal schermleessoftware. Die leesbare tekst kan de vorm hebben van:
- Een alt-tekstbeschrijving die deel uitmaakt van de HTML-code, maar niet zichtbaar is op het scherm
- Een beschrijvend bijschrift voor de afbeelding dat kan worden gelezen door ziende mensen en kan worden gelezen door schermlezers
- Een beschrijving van de educatieve inhoud die door de afbeelding in de omringende alineatekst wordt overgebracht.
Het maken van goede alt-tekst is grotendeels afhankelijk van de context om te bepalen wat er in de alt-tekst, het bijschrift of de omringende alinea moet worden opgenomen. Het is niet nodig om het hele beeld te beschrijven; eerder de delen die relevant en complementair zijn aan de alinea's rond de afbeelding. Denk bijvoorbeeld aan een afbeelding van groenten.
De alt-tekst kan heel anders zijn als de context gaat over het voorbereiden van uw tuin op de oogst, de stijgende kosten van verse producten of lage glycemische groentekeuzes voor mensen met diabetes. De alt-tekst op de afbeelding hierboven is "tomaten rijpen op een tafel, binnenkort worden er saus van gemaakt"; Weer een heel andere context. Het is belangrijk om te onthouden dat afbeeldingen de omringende inhoud moeten aanvullen en versterken, niet vervangen.
Een decoratieve afbeelding in een online cursus is een afbeelding die geen belangrijke educatieve inhoud overbrengt. Ze worden vaak gebruikt voor lay-outdoeleinden, humor of branding. Als je bijvoorbeeld een leuk aankondigingsitem plaatst waarin staat dat het vandaag Nationale Griepdag is met een bijbehorende foto. Een leerling die de afbeelding niet kan bekijken, heeft geen onderwijsnadeel door deze afbeelding te missen. Het is ook niet nodig om de afbeelding aan de student uit te leggen. Uw tekst die aankondigt dat het Fluffernutter Day is, is voldoende voor hen om de bedoeling te begrijpen.
Afbeeldingen die voor decoratieve doeleinden zijn, hoeven niet te worden uitgelegd aan studenten die niet of slechtziend zijn. Om goed te communiceren dat de afbeelding decoratief is, moet je null alt-tekst gebruiken, zodat ondersteunende technologie de student kan informeren dat de afbeelding niet belangrijk is voor de educatieve inhoud van het onderwerp. In Brightspace wordt null alt-tekst ingevoerd door het vakje aan te vinken tijdens het invoegen van afbeeldingen.
Het is belangrijk om te begrijpen dat null alt tekst (de code alt="") niet hetzelfde is als geen alt tekst, waarbij het alt text attribuut volledig ontbreekt. Als null alt-tekst wordt ingevoerd, zal ondersteunende technologie de afbeelding helemaal negeren, wat een goede zaak is omdat het niets belangrijks overbrengt. Als het alt-tekstattribuut echter volledig ontbreekt, krijgt de student te horen dat er een afbeelding is en zullen ze zich afvragen wat ze missen, aangezien er geen alt-tekst is om het belang van de afbeelding uit te leggen.
Brightspace maakt het gemakkelijk om alt-tekst op te nemen wanneer u de Spullen invoegen werktuig. U voert de alt-tekst in tijdens het invoegen van de afbeelding, waardoor de alt-tekst automatisch in de HTML-code wordt ingesloten:
Figuur: De Spullen invoegen tool bevat het veld Alternatieve tekst en een selectievakje om decoratieve afbeeldingen aan te geven.
Hoe alt-tekst in bestaande afbeeldingen te controleren
Het is een goed idee om je bestaande online cursussen te bekijken om te zien of de afbeeldingen nuttige alt-tekst bevatten. Probeer verschillende browsergebaseerde werkbalken en invoegtoepassingen of extensies die beschikbaar zijn voor alle belangrijke browsers, of probeer deze technieken:
- Chroom™ browser: wijs met uw muis de afbeelding aan, klik met de rechtermuisknop en kies Inspecteren in het snelmenu (of gebruik Ctrl-Shift-I op het toetsenbord). Aan de rechterkant van uw scherm wordt een nieuw deelvenster geopend met de HTML-code die voor dat element is gemarkeerd. U kunt vervolgens de alt-tekst en andere kenmerken voor de afbeelding bekijken.
- Firefox® browser: wijs met uw muis de afbeelding aan, klik met de rechtermuisknop en kies Element inspecteren in het snelmenu (of druk op de Q-toets). Er wordt een nieuw deelvenster geopend onder aan uw scherm met de HTML-code die voor het element is gemarkeerd.
Wanneer eenvoudige alt-tekst niet voldoende is
Sommige afbeeldingen zijn veel gecompliceerder dan andere en vereisen veel meer alternatieve informatie dan kan worden afgehandeld via een korte zin of zin met behulp van normale Alt Text-methoden. Voorbeelden van complexe afbeeldingen zijn:
- Numerieke grafieken en grafieken, stroomdiagrammen, organigrammen
- Diagrammen en illustraties
- Infographics of soortgelijke afbeeldingen met veel informatie, zoals woordwolken
- Kaarten
- Foto's met veel informatie die belangrijk is voor het leerproces
Lange beschrijvingen
Het Longdesc-attribuut is een HTML-attribuut van een afbeelding dat informatie geeft wanneer de kortere alt-tekstoptie de informatie in een afbeelding niet adequaat beschrijft. Het kenmerk Longdesc is niet zichtbaar op het scherm, zodat informatie doorgaans alleen beschikbaar is voor studenten die ondersteunende technologie gebruiken.
NOTITIE: Als u in Brightspace het longdesc-attribuut wilt gebruiken, moet u dit handmatig invoeren in de HTML-code. Voor meer informatie, zie Longdesc gebruiken
Audiodescriptie
Als het niet mogelijk is om lange beschrijvingen op te nemen, is een andere optie om een link te geven naar een audio-opgenomen beschrijving van de afbeelding.
Bekijk de video van Karen Sorensen (Portland Community College) over hoe J
Gegevenstabellen als alt-tekst voor grafieken
De meeste gegevensgrafieken kunnen eenvoudig als tabelgegevens worden weergegeven. De tabelgegevens zijn echte tekst, dus ze zijn zeer toegankelijk en bieden een uitstekende alternatieve beschrijving voor de grafiekafbeelding. Bijvoorbeeld
Afbeelding: Een cirkeldiagram met drie segmenten, volledig beschreven in de tabel onder de afbeelding.
Type onroerend goed - Percentage van het hele onroerend goed
Moeras - 56%
Bouwland - 28%
Hooglanden - 16%
In sommige gevallen bieden tabellen ook de mogelijkheid om de gegevens te sorteren en ermee te werken, wat extra voordelen kan opleveren voor alle studenten.
Infographics en woordwolken
Inforgraphics zijn populair in online cursussen omdat ze over het algemeen aantrekkelijk en informatief zijn - zolang je ze maar kunt zien. Het is mogelijk om infographics te vinden die toegankelijk zijn voor het web, maar dat is niet altijd het geval. Als u van plan bent een infographic te gebruiken, zorg er dan voor dat u de juiste tekst toevoegt om ze informatief te maken voor al uw gebruikers.
Ook in het online onderwijs hebben woordwolken een plek gevonden, maar ze voegen vaak niet veel toe aan de content eromheen. Ze zijn leuk en nieuw, maar vooral decoratief. Als u ze wilt gebruiken, zorg er dan voor dat u de onbewerkte cloudgegevens structureert met behulp van geordende lijstelementen.
Zie voor meer informatie WAMOE, de MOOC voor webtoegankelijkheid voor online docenten; mede gemaakt door Karen Sorensen van Portland Community College en Barry Dahl van D2L.
