In dit onderwerp vindt u tips om u te helpen zich te concentreren op het toegankelijker maken van HTML-inhoudspagina's voor studenten met een functiebeperking, met name voor studenten die ondersteunende technologie gebruiken, zoals een schermlezer.
Koppen gebruiken om inhoud te ordenen
Koppen bieden visuele brokken aan uw inhoud, maar ze bieden ook navigatie voor schermlezers. Je kunt niet zomaar gewone tekst vet maken; Het is belangrijk om opgemaakte koppen toe te passen. U moet er ook voor zorgen dat de koppen in de juiste volgorde worden gebruikt - sla niet over van H1 naar H3. Elke rubriek is belangrijk voor de navigatie en het verloop van het geheel.
Artikelen groeperen met geordende en ongeordende lijsten
Het hebben van lijsten is een geweldige manier om uw lezer te helpen bij het navigeren door uw inhoud; Het is echter van vitaal belang om de juiste soort opmaak voor uw doeleinden te gebruiken. Ongeordende lijsten (opsommingstekens) geven aan dat uw lijst geen volgorde heeft; Alle items zijn even belangrijk. Geordende (genummerde) lijsten geven een volgorde aan. Wanneer u een lijst gebruikt, zorg er dan voor dat u de juiste lijstopmaak gebruikt (geordend of ongeordend). Gebruik geen streepje (als opsommingsteken) of een cijfer en een punt of haakjes (bijvoorbeeld (2) of 2. ) aan het begin van een zin of zin - dat is geen correct opgemaakte lijst! Gebruik lijsten niet als hulpmiddel voor de lay-out om in te springen.
Link naar aanvullende inhoud
Door goed gevormde links te bieden, wordt uw inhoud verbeterd voor mensen die ondersteunende technologie gebruiken. Hier volgen enkele algemene richtlijnen voor het gebruik van koppelingen:
- Zorg ervoor dat uw gebruiker weet waar hij naartoe gaat als hij op een link klikt. Gezegde Klik hier met de trekker op het woord Hier is voor niemand nuttig - of ze nu ondersteunende technologie gebruiken of niet. Gebruik beschrijvende tekst of de naam van de pagina waar u de lezer naartoe stuurt. Gebruik de link-URL niet als linktekst.
- Als meerdere links dezelfde linktekst hebben, moeten ze naar dezelfde bestemming gaan.
- Gebruikers van schermlezers kunnen met de Tab-toets door koppelingen bladeren als een methode voor het skimmen van inhoud. Zijn uw links zinvol als ze niet in de context van de omringende inhoud staan?
Zie voor meer informatie Een paar tips voor toegankelijke tekstlinks video van Nomensa.
Houd rekening met de kleuren en effecten op uw pagina's
Vermijd knipperende of knipperende inhoud
Elke knipperende/knipperende inhoud (vooral inhoud in rood) kan epileptische aanvallen veroorzaken bij mensen met lichtgevoelige epilepsie en andere lichtgevoelige convulsies, dus het moet worden beperkt en alleen worden gebruikt als dat nodig is. Webpagina's die knipperende inhoud bevatten, moeten het knipperen beperken tot niet meer dan drie flitsen per seconde en mogen geen volledig verzadigd rood in de inhoud gebruiken. Als u inhoud hebt die meer dan drie keer per seconde knippert/knippert, bevriest u de knipperende inhoud tijdelijk zodat deze onder de limiet van drie keer per seconde komt. Als je een webvideo hebt met een scène met zeer felle bliksemflitsen (of andere scènes met flitsen), bewerk de video dan zo dat de bliksem niet meer dan drie keer per seconde flitst.
Een kleurcontrastcontrole gebruiken
Er is een ingebouwde kleurcontrole in de Brightspace HTML-editor. Als u op verschillende lettertypekleuren klikt, veranderen de cijfers van de contrastverhouding om de mate van contrast tussen de letterkleur (voorgrondkleur) en de achtergrondkleur aan te geven. Naast het berekenen van de contrastverhoudingsgetallen, geeft de kleurchecker ook aan of de kleurkeuzes voldoen aan de Richtlijnen voor toegankelijkheid van webinhoud (WCAG).
Er zijn drie mogelijke uitkomsten met betrekking tot de vraag of aan de WCAG-normen wordt voldaan:
- Groen vinkje, dat aangeeft dat aan de AA WCAG-normen wordt voldaan met een minimumverhouding van 4,5:1.
- Voorzichtigheidssymbool, dat aangeeft dat het dicht bij, maar onder de minimumverhouding van 4,5:1 ligt.
- Rode cirkel met witte X, wat een slecht contrast aangeeft.
Zie voor meer informatie Over de Brightspace-editor.
Tafels ontwerpen met toegankelijkheid in het achterhoofd
Tabellen zijn ontworpen om tabelgegevens weer te geven, maar worden af en toe gebruikt om structuur en lay-out voor webpagina's te bieden. Cascading style sheets (CSS) hebben de behoefte aan tabellay-outs vervangen. de grootste overweging bij het gebruik van een tabel in uw HTML-inhoud is of deze een goede leesvolgorde handhaaft, zodat deze kan worden gelezen door ondersteunende technologie.
Gegevenstabellen maken met kolomkoppen
Het aanwijzen van kolom- en/of rijkoppen in een tabel is essentieel voor gebruikers van schermlezers om te begrijpen hoe informatie is ingedeeld. Schermlezers hebben meestal een toetsenbordopdracht die de gebruiker informeert wat de kolom- en/of rijkop is voor de gegevenscel waarin de cursor zich bevindt, waardoor het gemakkelijker wordt om door de tabelgegevens te navigeren en deze te begrijpen. Toch kunnen gegevens in tabelvorm ontmoedigend zijn voor een gebruiker van een schermlezer. Het is dus het beste om tafels klein te houden als dat mogelijk is. Overweeg om grote tafels op te splitsen in kleinere. Maar neem altijd kolom- en/of rijkoppen op in alle tabellen, behalve in lay-outtabellen.1
Probeer de ondersteunende technologie
Kijk naar de inhoud van je cursus op de manier waarop je studenten ernaar zullen kijken.
Hoe klinkt uw inhoud op schermlezers?
Een schermlezer is een computerprogramma dat een auditieve versie produceert van de tekst die beschikbaar is op een webpagina of een door de computer gegenereerd document. Veelgebruikte schermlezers zijn MUIL®, NVDA (NVDA), Raam-ogenen Voice-over. Je kunt de meeste van deze programma's gratis proberen, en ik raad je aan dit te doen om een idee te krijgen van die gebruikerservaring. Er is een beetje een leercurve wanneer je aan de slag gaat met een schermlezer, maar als je je eerste paar keer met een lezer tegenkomt, zul je waarschijnlijk enige empathie ontwikkelen voor studenten die op dergelijke technologie moeten vertrouwen voor hun toegang tot leren.
Test uw webpagina's met alleen uw toetsenbord
Open een van de pagina's met cursusinhoud in een nieuw venster. Heb je met alleen je toetsenbord om te navigeren toegang tot alle functies en bedien je alle knoppen of links?
Eenvoudige inhoud met tekst en afbeeldingen kan vrij eenvoudig te navigeren zijn; Ingesloten video's, een audiospeler of actieknoppen kunnen echter enkele uitdagingen opleveren. Als u merkt dat een deel van uw inhoud niet gemakkelijk te navigeren is met toegang via alleen het toetsenbord, moet u mogelijk de inhoud wijzigen of technische hulp inroepen om de inhoud toegankelijker te maken.
Toetsenbordgebruikers gebruiken meestal de Tab-toets om door de verschillende onderdelen van een webpagina te navigeren. De andere meest gebruikte toetsen zijn Enter, Spatiebalk en de pijltjestoetsen.
U kunt meer te weten komen over Toegankelijkheid van toetsenborden bij WebAIM.
Weet wanneer u PDF als uw bestandstype moet gebruiken
Bij het leveren van inhoud op een webpagina, zoals in een online cursus, is een goed gemaakte HTML-pagina de meest toegankelijke bestandsindeling, PDF kan een goede keuze zijn voor het documentbestandstype, als:
- Het uiterlijk van het document is van cruciaal belang en moet er precies hetzelfde uitzien op verschillende computerplatforms.
- Het document moet versleuteld zijn, bevat zaken als een watermerk of een digitale handtekening.
- U wilt het voor de kijker moeilijker maken om het document te bewerken.
Als u ervoor kiest om een PDF aan uw studenten te verstrekken, zorg er dan voor dat u weet hoe u uw PDF-bestanden toegankelijk kunt maken voor studenten die ondersteunende technologie gebruiken.
Er zijn twee manieren om een toegankelijke PDF te maken:
- Een bronbestand, zoals een PowerPoint®- of Word-document converteren naar een PDF
- Een papieren versie van een document scannen naar PDF.
Zie voor meer informatie Web Accessibility MOOC for Online Educators public content site.
Gebruik toegankelijke sjablonen voor uw inhoudspagina's
Als je tot hier hebt gelezen en je denkt dat er veel is om over na te denken, vrees dan niet! D2L heeft HTML-sjabloonpakketten ontwikkeld en gedeeld in een poging om het voor cursusleiders gemakkelijker te maken om toegankelijke, professioneel ogende HTML-inhoudsbestanden te maken. De sjablonen gebruiken een trapsgewijze stylesheet (CSS) om de inhoud in HTML-bestanden op te maken. De toegankelijkheidsfuncties zijn ingebouwd in het CSS-bestand, zodat de inhoudsontwikkelaar zich kan concentreren op het toevoegen van tekst, afbeeldingen en andere cursusbronnen zonder zich zorgen te hoeven maken over de juiste opmaak.
Om de toegankelijke sjablonen in de Brightspace Community te downloaden, ga je naar HTML-sjablonen (versie 3). Deze sjablonen bevinden zich in het publieke domein en zijn beschikbaar voor u om te gebruiken - gratis!
Notitie: De inhoud van dit onderwerp is geconsolideerd op basis van Vier eenvoudige overwinningen om uw HTML-inhoudspagina's toegankelijker te maken, Nog drie manieren om de toegankelijkheid van uw Brightspace-cursussen te verbeteren, en Nog zes tips om online cursussen toegankelijk te maken en is bijgewerkt van WAMOE, de MOOC voor webtoegankelijkheid voor onlinedocenten; mede gemaakt door Karen Sorensen van Portland Community College en Barry Dahl van D2L.