Bästa praxis vid utformning av tillgängliga vyer
Du har skapat en fantastisk vy och vill göra den mer tillgänglig så att alla användare kan se och förstå informationen.
Tableau har stöd för flera kontroller för att skapa tillgängliga vyer. Dessa kontroller uppfyller kraven i US Section 508 och WCAG 2.2 AA (Web Content Accessibility Guidelines). Se till att innehåll som delas från Tableau Cloud eller Tableau Server följer stegen i Utveckla vyer för tillgänglighet och uppfyller följande WCAG 2.2 AA-krav:
Uppfattningsbar - Information och användargränssnittets komponenter måste presenteras för användarna på ett sätt som de kan uppfatta. Överväg att inkludera textalternativ och alternativa sätt att presentera innehållet.
- Användbar - Användargränssnittets komponenter och navigering måste vara tillgängliga för användare från de olika enheter eller metoder som de använder för att interagera med vyn.
Förståelig– Användarna måste förstå den information som presenteras i vyn. Använd till exempel tydligt särskiljbara namn och etiketter för olika element som visas i vyn.
Följ bästa praxis som beskrivs i den här artikeln och i Utveckla vyer för tillgänglighet för att bygga vyer som är tillgängliga för alla användare när de publiceras på Tableau Server eller Tableau Cloud.
Håll det enkelt
WCAG 2.1 AA-princip: Förståelig
Du kanske har mycket information som du vill kommunicera i din vy. Kompakta vyer kan dock vara svåra att förstå eller navigera med en skärmläsare eller ett tangentbord. Använd följande riktlinjer för att kommunicera allt du vill utan att överväldiga dina användare med en överfylld vy.
Aggregera data när det är möjligt för att minska antalet markeringar som visas. Dessutom kan visning av fler än 1000 markeringar i vyn leda till att den återges av servern istället för webbläsaren. Vyer som återges av servern stöds ännu inte för efterlevnad av WCAG.
Användare kan också komma åt sidan Visa data (aktiverad som standard) för att granska underliggande data till markeringarna eller ladda ner data från den sidan till ett tillgängligt program för att visa den på det sättet.
Exempel: Detta exempel visar två olika stapeldiagramvyer för att illustrera skillnaden mellan en detaljerad och aggregerad vy.
Inte lättillgänglig – För många markeringar Bättre tillgänglighet – aggregerad vy 

Såhär mycket information gör vyn svårare att förstå.
Vyn visar över 5 000 markeringar och innehåller inte tillräckligt med text för att ange vad de olika markeringarna representerar.
Den är för svår att använda för användare som behöver skärmläsare.
Detta exempel visar samma vy med data aggregerade på en högre nivå.
Viktiga datapunkter finns fortfarande med, men de är nu enklare för användare att läsa och förstå.
Antalet markeringar minskas från över 5 000 till cirka 20.
Användare kan fortfarande läsa de underliggande detaljerna till markeringarna genom att placera fokus på vyn och sedan trycka på Enter för att öppna sidan Visa data.
Överväg att använda enkla grafiska element som stapeldiagram eller linjediagram som gör det möjligt att använda text, färg och former för att lägga till ytterligare sammanhang i vyn.
Begränsa antalet markeringar till de som framhäver de viktigaste datapunkterna.
Information om och exempel på hur du skapar den här sortens vyer finns i Håll det enkelt i Utveckla vyer för tillgänglighet.
Titlar och bildtexter
WCAG 2.1 AA-princip: uppfattningsbar och förståelig
Om du tillhandahåller bra beskrivande text i titlar och bildtexter kan användare som använder hjälpmedelsteknik sätta sakerna i ett sammanhang, så att det blir lättare för dem att förstå data i vyn. Använd följande riktlinjer för att anpassa den visuella karaktären i Tableau för att uppfylla behoven hos alla dina användare.
Tänk på vyerna som ett komplement till den text du använder för att beskriva dem.
Använd text i titlar och bildtexter för att beskriva visualiseringarna och det du visar.
Använd ett enkelt och lättförståeligt språk. Undvik jargong, akronymer eller förkortningar.
Inkludera inte ord som ”bild av” eller ”foto av” i textbeskrivningarna, eftersom skärmläsare ibland inkluderar denna information.
Undvik att bara använda versaler (till exempel i rubriker eller titlar), eftersom de kan vara svåra att läsa.
Exempel: Detta exempel visar två olika stapeldiagram. Det ena använder mycket lite text och det andra använder titlar och bildtexter för att skapa ett sammanhang
Inte lättillgänglig – för lite text Mer tillgänglig - Lägga till beskrivande text för att ge sammanhang 

En titel med ett ord är inte tillräckligt beskrivande.
Markeringarna är differentierade efter färg och storlek. Men utan ytterligare text kan sammanhanget i dessa markeringar vara svårt att förstå.
Det finns ingen bildtext eller annan beskrivande text som kan hjälpa till att förklara den här vyn.
Det här exemplet visar samma vy, men innehåller ytterligare förklarande text i både titeln och bildtexten.
Samma kontrastfärgsskala och storleksskiljare används, men etiketter läggs till i stapelmarkeringarna för att ge ytterligare sammanhang.
Information och exempel på hur du bygger en vy som innehåller text för sammanhang finns i Visa mer text och gör den användbar i Utveckla vyer för tillgänglighet.
Ytterligare text
WCAG 2.1 AA-princip: uppfattningsbar och förståelig
Om du använder mer text än bara titlar och bildtexter blir det lättare för användarna att sätta det som visas i ett sammanhang. Det kan också hjälpa till att beskriva förhållandet mellan de olika kontrollerna (som förklaringar och filter) och data.
Använd de här riktlinjerna när du lägger till ytterligare text:
Använd text i rubriker på förklaringar eller filter för att beskriva kontrollen och det den gör. Du kan också använda textzoner på en instrumentpanel för att lägga till sammanhang för visualiseringar för att ytterligare beskriva det som visas.
- Lägg till alternativ text i visualiseringar. Tableau började automatiskt generera alternativ text för visualiseringar i Tableau 23.1. I Tableau 23.2 och senare kan du redigera den automatiskt genererade alternativtexten för att lägga till sammanhang som du vet är viktigt för målgruppen.
Se kontrollerna på etiketten när så är möjligt. Att t.ex. ändra etiketten för en förklaring från underkategori till färgnyckel för produkttyp kan hjälpa användare att förstå förhållandet mellan kontrollerna och data.
Använd text som beskriver var länken kommer att ta användaren om länktext inkluderas i vyn. Använd till exempel länktext som ”Global uppvärmning, statistik för 1990–2020”. Undvik ord som ”Klicka här”, ”Mer” eller ”Mer information”. Dessa exempel på länktexter är för generiska och kan vara förvirrande för användarna.
Exempel: Detta exempel visar två bubbeldiagram. En vy använder bara texten som visas som standard när en vy skapas. Den andra vyn har ytterligare text som ger mer sammanhang över hela vyn för att hjälpa till att förmedla meningen.
Inte lättillgänglig – för lite text Mer tillgänglig - Mer beskrivande text 

Den här vyn använder endast standardtexten för bladets titel och standardetiketterna för filtren och förklaringen.
Markeringarna särskiljs endast efter storlek och färg.
Det finns ingen bildtext eller annan förklarande text i vyn som kan bidra till sammanhanget.
Detta exempel visar samma vy, men innehåller ytterligare förklarande text.
Ytterligare text lades till i titeln och bildtexten för att förklara förhållandet mellan markeringarna och ge ytterligare sammanhang till vad vyn visar.
Markeringsetiketter läggs till för att visa vinstsiffror så att användarna inte behöver förlita sig på färgen bara för att förstå denna information.
Information och exempel på hur du bygger en vy som innehåller ytterligare text för sammanhang finns i Visa mer text och gör den användbar och Utveckla vyer för tillgänglighet i Utveckla vyer för tillgänglighet.
Färg och kontrast
WCAG 2.1 AA-princip: uppfattningsbar och förståelig
Du kan använda färg för att särskilja markeringar i vyn. Men för användare med nedsatt syn räcker det inte alltid med bara olika färger. Det är särskilt svårt med många färger när det finns många markeringar i en vy. Använd de här riktlinjerna när du lägger till färg i vyer:
Tableau tillhandahåller en färgblind palett som du kan använda för att hjälpa dig att välja lämpliga färger för din vy. För alla färgpaletter som du använder ska du säkerställa att du ger tillräckligt med kontrast och tilldelar färger som skiljer sig från varandra i spektrumet ljus/mörk.
För radmarkeringar kan du använda ytterligare alternativ såsom former, storlek och etiketter för att skilja dem åt.
Använd verktygen kontrastanalysinstrument(Länken öppnas i ett nytt fönster) att välja de bästa textfärgerna och bakgrunder med tillräckliga kontrastförhållanden. Se till att färgkontrasten för text är stark och uppfyller kontrastförhållandets standarder på 4,5:1 (3:1 för stor text).
Exempel: Detta exempel visar två linjediagram. Ett som använder färg endast för att särskilja linjerna och den andra som använder mer lämpliga färger plus former för att särskilja markeringarna
Inte lättillgängligt - Endast färg för att särskilja markeringar Mer tillgänglig - Färg och form för att särskilja markeringar 

Denna vy använder endast färg för att skilja linjerna från varandra.
Markeringarna i vyn använder inte en färgpalett som är helt tillgänglig för användare med nedsatt syn.
Det här exemplet visar samma vy, men använder både färg och form för att identifiera markeringarna.
En färgförklaring och en formförklaring med tydliga titlar identifierar vad färgerna och formerna representerar i vyn.
Information och exempel på hur du bygger en vy som använder färg för att särskilja markeringar finns i Utveckla vyer för tillgänglighet i Utveckla vyer för tillgänglighet.
Publicera din vy
WCAG 2.1 AA-princip: Uppfattningsbar, användbar, förståelig
Publicera vyn till Tableau Server eller Tableau Cloud för att göra den tillgänglig för användarna. Klicka sedan på Dela på verktygsfältsmenyn. Användare kan interagera med vyn och verktygsfältets knappar med hjälp av en skärmläsare eller ett tangentbord. För mer information, se Tangentbordshjälpmedel för Tableau på webben.
Information om hur du publicerar och bäddar in arbetsböcker, hittar inbäddningskoden och inaktiverar verktygsfältet finns in Publicera och dela vyn i Utveckla vyer för tillgänglighet.
