Välj Redigera > Inställningar (Windows) eller Dreamweaver > Inställningar (Mac OS).
Senast uppdaterad den
27 apr. 2021
Använd Dreamweaver för att göra webbplatser och webbprodukter som personer med visuella, auditiva, motoriska och andra funktionshinder kan använda.
Innehåll med hjälpmedel
Tillgänglighet handlar om att göra webbsidor och webbprodukter användbara för personer med synnedsättning, hörselnedsättning, motoriska funktionsnedsättningar och andra funktionsnedsättningar. Exempel på tillgänglighetsfunktioner för programvaror och webbsidor inkluderar stöd för skärmläsare, textalternativ för grafik, kortkommandon, ändring av skärmfärger till hög Kontrast, och så vidare. Dreamweaver tillhandahåller verktyg som gör det tillgängligt att använda och verktyg som hjälper dig att skapa tillgängligt Innehåll.
För Dreamweaver-utvecklare som behöver använda tillgänglighetsfunktioner erbjuder programmet stöd för skärmläsare, tangentbordsnavigering och stöd för operativsystemets tillgänglighet.
För webbdesigners som behöver skapa tillgängligt Innehåll hjälper Dreamweaver dig att skapa tillgängliga sidor som innehåller användbart Innehåll för skärmläsare och följer federala myndighetsriktlinjer. Till exempel uppmanar dialogrutor dig att ange tillgänglighetsattribut—såsom textalternativ för en Bild—när du infogar sidelement. När bilden sedan visas på en sida för en användare med synnedsättning läser skärmläsaren upp beskrivningen.
Obs!
För mer information om två viktiga tillgänglighetsinitiativ, se World Wide Web Consortium Web Accessibility Initiative (www.w3.org/wai) och Section 508 i U.S. Federal Rehabilitation Act (www.section508.gov).
Obs!
För mer information om Japan Industry Standard tillgänglighetsriktlinjer, se JIS X 8341-3 (www.jisc.go.jp).
Inget skrivverktyg kan automatisera utvecklingsprocessen. Att designa tillgängliga webbsidor kräver att du förstår tillgänglighetskrav och fattar kontinuerliga beslut om hur användare med funktionsnedsättningar interagerar med webbsidor. Det bästa sättet att säkerställa att en webbsida är tillgänglig är genom medveten planering, utveckling, testning och utvärdering.
Använd skärmläsare med Dreamweaver
En skärmläsare läser upp text som visas på datorskärmen. Den läser också icke-textuell information, såsom knappetiketter eller Bildbeskrivningar i programmet, förutsatt att de finns i tillgänglighetstags eller attribut under framtagning.
Som Dreamweaver-designer kan du använda en skärmläsare för att hjälpa dig skapa dina webbsidor. Skärmläsaren börjar läsa från det övre vänstra hörnet av dokumentfönstret.
Dreamweaver stöder JAWS för Windows, från Freedom Scientific (www.freedomscientific.com), och Window-Eyes skärmläsare, från GW Micro (www.gwmicro.com).
Stöd för operativsystemets tillgänglighetsfunktioner
Dreamweaver stöder tillgänglighetsfunktioner i både Windows och Macintosh-operativsystem. Till exempel, på Macintosh anger du de visuella inställningarna i dialogrutan Universal Access Preferences (Apple > System Preferences).Dina inställningar visas i arbetsytan i Dreamweaver.
Windows-operativsystemets inställning för hög kontrast stöds också. Du aktiverar det här alternativet via Kontrollpanelen i Windows, och det påverkar Dreamweaver på följande sätt:
I dialogrutor och paneler används systemets färginställningar. Till exempel, om du ställer in färgen på Vit på Svart visas alla Dreamweaver-dialogrutor och panel med en vit förgrundsfärg och svart Bakgrund.
I kodvyn används systemets och fönstrets textfärg. Till exempel, om du anger systemfärgen som Vit på Svart och sedan ändrar textfärger i Redigera > Inställningar > Kodfärgning, ignorerar Dreamweaver dessa färginställningar och visar kodtexten med en vit förgrundsfärg och svart bakgrund.
Design-vyn använder Bakgrund och textfärger som du ställer in i Ändra > Sidegenskaper så att sidor du designar renderar färger som en webbläsare kommer att göra.
Optimera arbetsytan för tillgänglig sidutformning
När du skapar tillgängliga sidor behöver du associera information, som etiketter och beskrivningar, med dina sidobjekt för att göra ditt innehåll tillgängligt för alla användare.
För att göra detta aktiverar du dialogrutan Tillgänglighet för varje objekt, så att Dreamweaver uppmanar dig att ange tillgänglighetsinformation när du infogar objekt.Du kan aktivera en dialogruta för något av objekten i kategorin Tillgänglighet i Inställningar.
Välj Tillgänglighet från kategorilistan till vänster,
välj ett objekt, ange något av följande alternativ och klicka på OK.
Visa attribut vid infogning
Välj de objekt för vilka du vill aktivera tillgänglighetsdialogrutor. T.ex. formulärobjekt, ramar, media och bilder.
Behåll fokus i panelen
Behåller fokus på panelen, vilket gör den tillgänglig för skärmläsaren.(Om du inte väljer detta alternativ kvarstår fokus i Design- eller kodvy när en användare öppnar en panel.)
Rendering utanför skärmen
Markera det här alternativet när du använder en skärmläsare.
Obs!
Hjälpmedelsattributen visas i dialogrutan Infoga tabell när du infogar en ny tabell.
Navigera i Dreamweaver med tangentbordet
Du kan använda tangentbordet för att navigera i paneler, inspektörer, dialogrutor, ramar och tabeller utan mus.
Obs!
Tabbning och användning av piltangenter stöds endast för Windows.
Navigera i paneler
I dokumentfönstret trycker du på Control+F6
för att flytta fokus till en panel.
En prickad linje runt paneltiteln visar att fokus finns på den panelen. Skärmläsaren läser upp den paneltitelrad som har fokus.
Tryck på Control+F6 igen för att flytta fokus tills du har
fokus på den panel du vill arbeta i. (Tryck på Control+Shift+F6
för att flytta fokus till föregående panel.)
Om panelen du vill arbeta i inte är öppen använder du
tangentbordsgenvägarna i Windows-menyn för att visa lämplig
panel; tryck sedan på Control+F6.
Om panelen du vill arbeta i är öppen men inte expanderad placerar du fokus på panelens titelrad och trycker sedan på blanksteg. Tryck på mellanslagstangenten för att komprimera panelen.
Tryck på Tab-tangenten för att gå igenom alternativen i panelen.
Använd piltangenterna vid behov:
Om ett alternativ har val använder du piltangenterna för att bläddra genom valen och trycker sedan på blanksteg för att göra ett val.
Om det finns flikar i panelgruppen för att öppna andra paneler placerar du fokus på den öppna fliken och använder sedan vänster eller höger piltangent för att öppna andra flikar. När du har öppnat en ny flik trycker du på Tab-tangenten för att flytta dig genom alternativen i den panelen.
Navigera i egenskapskontrollen
Tryck på Ctrl+F3 för att visa egenskapsinspektören om den inte är synlig.
Tryck på Ctrl+F6 (endast Windows) tills du flyttar fokus till egenskapsinspektören.
Tryck på Tab-tangenten för att flytta dig genom alternativen i egenskapsinspektören.
Använd piltangenterna för att navigera mellan alternativen.
Tryck på Ctrl+Nedåtpil/Uppåtpil (Windows) eller Cmd+Nedåtpil/Uppåtpil (Macintosh) för att öppna och stänga det expanderade avsnittet av egenskapsinspektören efter behov. Du kan även trycka på blanksteg när fokus är på expanderingspilen i det nedre högra hörnet.
Obs!
Tangentbordsfokus måste vara inne i egenskapsinspektören (och inte på paneltiteln) för att expandering och minimering ska fungera.
Navigera i en dialogruta
Tryck på Tab-tangenten för att flytta genom alternativen i en dialogruta.
Använd piltangenterna för att flytta mellan valen för ett alternativ.
Om dialogrutan har en kategorilista trycker du på Ctrl+Tab (Windows) för att flytta fokus till kategorilistan och använder sedan piltangenterna för att flytta upp eller ned i listan.
Tryck på Ctrl+Tab igen för att växla till alternativen för en kategori.
Tryck på Retur när du vill stänga dialogrutan.
Navigera i ramar
Om ditt dokument innehåller ramar kan du använda piltangenterna för att flytta fokus till en ram.
Markera en ram
Tryck på Alt+Nedåtpil för att placera insättningspunkten i dokumentfönstret.
Tryck på Alt+Uppåtpil för att välja ramen som för tillfället har fokus.
Fortsätt att trycka på Alt+Uppåtpil för att flytta fokus till ramuppsättningen och sedan till de överordnade ramuppsättningarna om det finns kapslade ramuppsättningar.
Tryck på Alt+Nedåtpil för att flytta fokus till en underordnad ramuppsättning eller en enskild ram inom ramuppsättningen.
Med fokus på en enskild ram trycker du på Alt+Vänster- eller Högerpil för att flytta mellan ramar.
Navigera i en tabell
Använd piltangenterna eller tryck på Tab för att flytta till andra celler i en tabell efter behov.
Obs!
Om du trycker på Tab i en cell längst till höger läggs en ny rad till i tabellen.
För att välja en cell trycker du på Ctrl+A (endast Windows) medan insättningspunkten är i cellen.
För att välja hela tabellen trycker du på Ctrl+A två gånger om insättningspunkten är i en cell, eller en gång om en cell är vald.
För att lämna tabellen trycker du på Ctrl+A tre gånger om insättningspunkten är i en cell, två gånger om cellen är vald, eller en gång om tabellen är vald, och trycker sedan på Upp-, Vänster- eller Högerpiltangenten.
Skapa snygga webbplatser i Dreamweaver
Designa, koda och hantera dynamiska webbplatser med ett kraftfullt allt-i-ett-verktyg.
