Selecteer Bewerken > Voorkeuren (Windows) of Dreamweaver > Voorkeuren (Macintosh).
Laatst bijgewerkt op
27 apr. 2021
Gebruik Dreamweaver om websites en webproducten bruikbaar te maken voor mensen met een visuele, auditieve, motorische en/of andere handicap.
Informatie over toegankelijke inhoud
Toegankelijkheid verwijst naar het bruikbaar maken van websites en webproducten voor mensen met visuele, auditieve, motorische en andere beperkingen. Voorbeelden van toegankelijkheidsfuncties voor softwareproducten en websites zijn bijvoorbeeld ondersteuning voor schermlezers, tekstequivalenten voor afbeeldingen, sneltoetsen, wijziging van weergavekleuren naar hoog contrast, enzovoort.Dreamweaver biedt tools waarmee het programma zelf toegankelijk is voor gebruik en tools die je helpen bij het maken van toegankelijke content.
Voor Dreamweaver-ontwikkelaars die toegankelijkheidsfuncties moeten gebruiken, biedt de applicatie ondersteuning voor schermlezers, toetsenbordnavigatie en ondersteuning voor toegankelijkheidsfuncties van het besturingssysteem.
Voor webdesigners die toegankelijke content moeten maken, helpt Dreamweaver je bij het maken van toegankelijke pagina's die nuttige content bevatten voor schermlezers en voldoen aan de richtlijnen van de federale overheid. Dialoogvensters vragen je bijvoorbeeld om toegankelijkheidskenmerken in te voeren—zoals tekstequivalenten voor een afbeelding—wanneer je pagina-elementen invoegt. Wanneer de afbeelding vervolgens op een pagina verschijnt voor een gebruiker met visuele beperkingen, leest de schermlezer de beschrijving voor.
Notitie
Voor meer informatie over twee belangrijke toegankelijkheidsinitiatieven, zie het World Wide Web Consortium Web Accessibility Initiative (www.w3.org/wai) en Section 508 van de U.S. Federal Rehabilitation Act (www.section508.gov).
Notitie
Voor meer informatie over de toegankelijkheidsrichtlijnen van Japan Industry Standard, zie JIS X 8341-3 (www.jisc.go.jp).
Geen enkel hulpprogramma voor documentatie en publicatie kan het ontwikkelingsproces automatiseren. Het ontwerpen van toegankelijke websites vereist dat je toegankelijkheidsvereisten begrijpt en voortdurend beslissingen neemt over hoe gebruikers met beperkingen omgaan met webpagina's.De beste manier om ervoor te zorgen dat een website toegankelijk is, is door bewuste planning, ontwikkeling, testen en evaluatie.
Schermlezers gebruiken in Dreamweaver
Een schermlezer leest tekst voor die op het computerscherm verschijnt. Het leest ook niet-tekstuele informatie, zoals knoplabels of afbeeldingsbeschrijvingen in de applicatie, mits voorzien van toegankelijkheidstags of kenmerken tijdens het maken van content.
Als Dreamweaver-designer kun je een schermlezer gebruiken om je te helpen bij het maken van je webpagina's.De schermlezer begint met lezen vanuit de linkerbovenhoek van het Document venster.
Dreamweaver ondersteunt JAWS voor Windows, van Freedom Scientific (www.freedomscientific.com), en Window-Eyes schermlezers, van GW Micro (www.gwmicro.com).
Ondersteuning voor toegankelijkheidsfuncties van het besturingssysteem
Dreamweaver ondersteunt toegankelijkheidsfuncties in zowel de Windows- als Macintosh-besturingssystemen. Op de Macintosh stel je bijvoorbeeld de visuele voorkeuren in via het dialoogvenster 'Universal Access Preferences' (Apple > Systeemvoorkeuren).Uw instellingen worden weerspiegeld in de werkomgeving van Dreamweaver.
De instelling voor hoog contrast van het Windows-besturingssysteem wordt ook ondersteund. Je activeert deze optie via het Windows-regelpaneel en het beïnvloedt Dreamweaver als volgt:
Dialoogvensters en panelen gebruiken instellingen voor systeemkleuren. Als je bijvoorbeeld de kleur instelt op wit op zwart, verschijnen alle Dreamweaver-dialoogvensters en panelen met een witte voorgrondkleur en zwarte achtergrond.
In de codeweergave worden de systeem- en venstertekstkleur gebruikt. Als je bijvoorbeeld de systeemkleur instelt op wit op zwart en vervolgens tekstkleuren wijzigt in Bewerken > Voorkeuren > Code kleuren, negeert Dreamweaver die kleurinstellingen en toont de codetekst met een witte voorgrondkleur en zwarte achtergrond.
De ontwerpweergave gebruikt de achtergrond- en tekstkleuren die je instelt in Wijzigen > Pagina-eigenschappen zodat pagina's die je ontwerpt kleuren weergeven zoals in een browser.
Optimaliseer de werkruimte voor toegankelijk paginaontwerp
Wanneer je toegankelijke pagina's maakt, moet je informatie zoals labels en beschrijvingen koppelen aan je paginaobjecten om je content toegankelijk te maken voor alle gebruikers.
Hiervoor activeer je het dialoogvenster Toegankelijkheid voor elk object, zodat Dreamweaver je om toegankelijkheidsinformatie vraagt wanneer je objecten invoegt. Je kunt een dialoogvenster activeren voor elk van de objecten in de categorie Toegankelijkheid in Voorkeuren.
Selecteer Toegankelijkheid in de categorielijst aan de linkerkant,
selecteer een object, stel een van de volgende opties in en klik op OK.
Kenmerken tonen bij het invoegen
Selecteer de objecten waarvoor je toegankelijkheidsdialoogvensters wilt activeren. Voorbeelden zijn formulierobjecten, frames, media en afbeeldingen.
Het deelvenster actief houden
Houdt de focus op het paneel, waardoor het toegankelijk wordt voor de schermlezer. (Als je deze optie niet selecteert, blijft de focus in de Ontwerp- of Codeweergave wanneer een gebruiker een paneel opent.)
Off-screen rendering
Selecteer deze optie bij het gebruik van een schermlezer.
Notitie
Toegankelijkheidskenmerken worden weergegeven in het dialoogvenster Tabel invoegen wanneer u een nieuwe tabel invoegt.
Navigeren in Dreamweaver met het toetsenbord
Je kunt het toetsenbord gebruiken om te navigeren in panelen, inspectors, dialoogvensters, frames en tabellen zonder muis.
Notitie
Tabben en het gebruik van pijltjestoetsen worden alleen ondersteund voor Windows.
Navigeren door panelen
Druk in het documentvenster op Control+F6
om de focus naar een paneel te verplaatsen.
Een gestippelde lijn rond de paneeltitel geeft aan dat de focus op dat paneel staat. De schermlezer leest de paneeltitelbalk die de focus heeft.
Druk nogmaals op Control+F6 om de focus te verplaatsen totdat je
de focus hebt op het paneel waarin je wilt werken. (Druk op Control+Shift+F6
om de focus naar het vorige paneel te verplaatsen.)
Als het paneel waarin je wilt werken niet open is, gebruik dan de
sneltoetsen in het menu Windows om het juiste
paneel weer te geven; druk dan op Control+F6.
Als het paneel waarin je wilt werken open is, maar niet uitgevouwen, plaats dan de focus op de paneeltitelbalk en druk vervolgens op de spatiebalk. Druk opnieuw op de spatiebalk om het paneel samen te vouwen.
Druk op de Tab-toets om door de opties in het deelvenster te bladeren.
Gebruik pijltoetsen op de juiste manier:
Als een optie keuzes heeft, gebruik dan de pijltoetsen om door de keuzes te bladeren en druk vervolgens op de spatiebalk om een selectie te maken.
Als er tabbladen in de paneelgroep zijn om andere panelen te openen, plaats dan de focus op het open tabblad en gebruik vervolgens de linker- of rechterpijltjestoets om andere tabbladen te openen. Zodra je een nieuw tabblad opent, druk je op de Tab-toets om door de opties in dat paneel te bewegen.
Navigeren door de eigenschappencontrole
Druk op Ctrl+F3 om het venster Eigenschappen weer te geven als dit niet zichtbaar is.
Druk op Control+F6 (alleen Windows) totdat je de focus
naar de eigenschap-inspector verplaatst.
Druk op de Tab-toets om door de opties van het eigenschappenvenster te bewegen.
Gebruik de pijltoetsen om door de keuzemogelijkheden te navigeren.
Druk op Ctrl+Pijl-omlaag/Pijl-omhoog (Windows) of Command+Pijl-omlaag/Pijl-omhoog (Mac) om het uitgevouwen gedeelte van de Eigenschappen-inspector te openen en te sluiten, of druk met focus op de uitvouwpijl in de rechterbenedenhoek op de spatiebalk.
Notitie
De toetsenbordfocus moet zich binnen de Eigenschappen-inspector bevinden (en niet op de paneeltitel) om het uitvouwen en samenvouwen te laten werken.
Navigeren door een dialoogvenster
Druk op de Tab-toets om door de opties in een dialoogvenster te navigeren.
Gebruik de pijltoetsen om de keuzes van een optie te doorlopen.
Als het dialoogvenster een Categorielijst heeft, druk je op Ctrl+Tab (Windows) om de focus naar de categorielijst te verplaatsen en gebruik je vervolgens de pijltoetsen om omhoog of omlaag door de lijst te gaan.
Druk nogmaals op Ctrl+Tab om naar de opties voor een categorie te gaan.
Druk op Enter om het dialoogvenster te sluiten.
Navigeren door frames
Als je document frames bevat, kun je de pijltoetsen gebruiken om de focus naar een frame te verplaatsen.
Een frame selecteren
Druk op Alt+Pijl-omlaag om het invoegpunt in het documentvenster te plaatsen.
Druk op Alt+Pijl-omhoog om het frame te selecteren dat momenteel focus heeft.
Blijf Alt+Pijl-omhoog indrukken om de focus naar de frameset te verplaatsen en vervolgens naar de bovenliggende framesets, als er geneste framesets zijn.
Druk op Alt+Pijl-omlaag om de focus naar een onderliggende frameset of een enkel frame binnen de frameset te verplaatsen.
Met focus op een enkel frame druk je op Alt+Links of Rechts pijl om tussen frames te navigeren.
Navigeren door een tabel
Gebruik de pijltoetsen of druk op Tab om naar andere cellen in een tabel te gaan zoals nodig.
Notitie
Tab indrukken in de rechtse cel voegt een nieuwe rij toe aan de tabel.
Om een cel te selecteren, druk je op Ctrl+A (alleen Windows) terwijl het invoegpunt zich in de cel bevindt.
Om de hele tabel te selecteren, druk je tweemaal op Ctrl+A als het invoegpunt zich in een cel bevindt, of eenmaal als een cel is geselecteerd.
Om de tabel te verlaten, druk je driemaal op Ctrl+A als het invoegpunt zich in een cel bevindt, tweemaal als de cel is geselecteerd, of eenmaal als de tabel is geselecteerd, en druk je vervolgens op de Omhoog-, Links- of Rechtspijl.
Prachtige websites ontwerpen in Dreamweaver
Ontwerp, codeer en beheer dynamische websites in een krachtige alles-in-één tool.
