Tillgänglighet
Ett uttalande som är värt att läsa är ett som nämner det som inte fungerar. Det här gör det, tillsammans med vilka krav vi bygger efter och hur man rapporterar det vi har missat.
- WCAG 2.2 AA som mål
- Kontrast mäts, inte bedöms
- Kända brister anges
Ställningstagandet
Vi bygger den här webbplatsen enligt WCAG 2.2 nivå AA och kontrollerar den i stället för att ta det för givet: kontrasten mäts mot den färg som varje element faktiskt återges mot, och ett underkännande stoppar bygget. Det här är inte ett mål som vi meddelar och återkommer till en gång om året — kontrollerna körs vid varje release.
Det är inte ett påstående om full överensstämmelse. Kända brister listas nedan i stället för att utelämnas. Om något på webbplatsen eller i appen inte går att använda för dig, skriv till [email protected] med ämnet Accessibility och berätta vad som hände — det behandlas som en felrapport, inte som synpunkter.
Gäller sedan
Vad som är inbyggt
- Alla sidor fungerar utan JavaScript. Ingenting är dolt som standard och visas först av ett skript, så en sida där skriptet inte körs, med en strikt innehållsblockerare eller i en textbaserad klient visar fortfarande sitt innehåll. Interaktiva element är förbättringar ovanpå sidor som redan fungerar.
- Kontrasten mäts mot den verkliga bakgrunden, genom att varje element kopplas till den första ogenomskinliga föräldern bakom det, i stället för att bedömas mot en antagen färg. Brödtexten på den här webbplatsen hade en gång kontrasten 4.49:1 — under AA och fullt rimlig att se på — och det krävdes en mätning för att upptäcka det.
- En hopplänk och synlig fokusmarkering. Varje sida börjar med en länk för att hoppa till innehållet, och varje interaktivt element har en synlig fokusmarkering i stället för att konturen tas bort för att det ska se prydligare ut.
- Semantisk struktur. En h1 per sida, rubriker i ordning utan överhoppade nivåer, riktiga listor, tabeller med korrekta rubrikceller och bildtexter samt landmärken som en skärmläsare kan navigera efter.
- Animeringar följer systeminställningen. Alla animeringar stängs av under prefers-reduced-motion, och innehållet visas direkt i stället för att vänta på en inanimation.
- Texten kan förstoras. Layouter använder relativa enheter och anpassar sig i stället för att gå sönder eller börja rulla i sidled när texten förstoras eller fönstret är smalt.
- Meningsfull alternativtext, och avsiktligt tom alt-text på en bild inuti en länk som redan har sin egen text — en beskrivning där skulle få en skärmläsare att läsa upp samma sak två gånger.
Kända brister
Det här avsnittet är anledningen till att sidan är värd att publicera. Varje punkt är verklig, vi känner till den, och ingen av dem presenteras här som åtgärdad.
Webbplatsen finns på trettio språk och har inte testats med skärmläsare på alla. Testning har gjorts på engelska. Uttal och läsordning på höger-till-vänster-språk, samt i skriftsystem där våra visningstypsnitt saknar täckning och plattformens typsnitt används som ersättning, har inte verifierats med hjälpmedel.
Våra två typsnitt täcker endast det latinska alfabetet. Kyrilliska, devanagari, georgiska, thailändska, arabiska, hebreiska, bengali, etiopiska och CJK faller alla tillbaka på plattformens egna typsnitt. Det är i allmänhet bra för läsbarheten, men det innebär också att den typografiska detalj vi styr över på engelska — vikt, teckenavstånd och storleken där liten text slutar vara tillräckligt liten — inte är något vi styr över i de lokalerna.
Vissa interaktiva element är nya och mindre testade. Jämförelsematrisen och hjälpsökningen filtrerar rader på plats, vilket är rätt mönster, men meddelandet om att antalet resultat har ändrats för en skärmläsare har implementerats utan att ha testats av användare.
Appen följer samma avsikt och granskas mer sällan än webbplatsen. Den stöder plattformens egna funktioner för textstorlek och skärmläsare, som står för det mesta av arbetet, men vi genomför för närvarande ingen formell tillgänglighetsgranskning inför varje version.
Ingen formell granskning av en extern part har genomförts för vare sig webbplatsen eller appen. Vi säger hellre det än antyder en certifiering som vi inte har.
Appen och en sak som är bra att känna till
Telvio-appen förlitar sig på tillgänglighetsfunktionerna i operativsystemet den körs på: VoiceOver och Dynamic Type på iOS, TalkBack och teckensnittsskalning på Android. De täcker det mesta som är viktigt i en app vars gränssnitt består av en knappsats, ett saldo och en prislista.
Ett designbeslut är värt att lyfta fram som en tillgänglighetsegenskap snarare än en funktion. Eftersom appen inte kräver något konto finns inget registreringsformulär, inget lösenord att ange, inget steg för e-postverifiering och ingen kod att hämta från ett meddelande — hela den typ av interaktion som oftast ställer till problem för personer som använder hjälpmedel, eller för vem som helst som tycker att formulär är svåra, finns helt enkelt inte. Installera, ring, prata.
Den motsvarande begränsningen finns på samma sida som allt annat: appen kan inte ringa räddningstjänsten, vilket beskrivs under nödsamtal. Om någon installerar appen åt en anhörig — ett vanligt upplägg, särskilt för äldre som ringer familj utomlands — är det det viktigaste att förklara medan man gör det.
Berätta för oss om något är fel
Skicka e-post till [email protected] med ämnet Accessibility. Användbar information är sidan eller skärmen, vad du försökte göra, vilket hjälpmedel du använde inklusive dess version och vad som hände i stället. Inget av detta krävs — en mening som “Jag kan inte använda prislistan med en skärmläsare” är en fullt tillräckligt bra rapport, och vi tar hellre emot den än ingenting.
Vi strävar efter att svara inom fem arbetsdagar med en bedömning och, om vi håller med om att det finns ett fel, en ungefärlig tidsplan. Sådant som hindrar någon från att slutföra en uppgift åtgärdas före annat arbete; sådant som gör en uppgift svårare läggs ärligt i kön i stället för att få vaga löften.
Om du befinner dig i Europeiska unionen och anser att en tillgänglighetsskyldighet inte uppfylls kan du också ta upp saken med relevant nationellt tillsynsorgan. Vi ser helst att du kontaktar oss först, och vi svarar oavsett.
Så här körs kontrollerna i praktiken
Det finns två saker som är värda att beskriva, eftersom de är skillnaden mellan ett uttalande och en faktisk metod.
Kontrasten mäts på det som faktiskt ritas upp, inte på det som tolkas. Ett färgvärde som läses ut ur en stilmall visar vilken färg ett element ombads ha, inte hur det faktiskt kom att se ut — ett halvgenomskinligt element över ett mörkt band, en modern färgfunktion som ett reguljärt uttryck inte förstår eller ett fast sidhuvud över en hero-bild. Kontrollen återger varje elements verkliga bakgrund genom att gå upp till den första ogenomskinliga föräldern och beräkna färgen med hjälp av webbläsaren, och räknar sedan ut förhållandet. Den hittade brödtext på den här webbplatsen med kontrasten 4.49:1, vilket ligger under AA och ser helt normalt ut när det betraktas isolerat.
Sidan kontrolleras som den återges, inte som den är skriven. En separat kontroll laddar varje sida i en riktig webbläsare och undersöker om någon text i visningsområdet har noll opacitet, om dokumentet rullar i sidled och om något ritas upp med sin egen bakgrundsfärg. Det sista låter absurt tills det händer: en enda grupperad CSS-regel satte en gång en etiketts färg och bakgrund till samma värde, vilket gav kontrastförhållandet 1:1 — osynligt i koden, osynligt i DOM:en och osynligt i en skärmbild av källan.
Saker vi har valt medvetet
- Ingen rörelse utan tillåtelse. Rullningsanimeringar aktiveras av ett skript som först bekräftar att rörelse önskas, så en läsare med reducerad rörelse aktiverad ser innehållet direkt och ser det aldrig visas stegvis.
- Inget innehåll bakom JavaScript. Ingenting skrivs som osynligt. Det är lika mycket ett tillgänglighetsbeslut som ett prestandabeslut — en sida som behöver ett skript för att bli synlig är en sida som inte fungerar för alla som skriptet inte fungerar för.
- Ord i stället för ikoner i data. Jämförelsetabellerna säger “Ja”, “Inga” och “Avrundat uppåt” i stället för bockar och kryss, eftersom en bock är tvetydig när den läses upp och osynlig när den kopieras.
- Tom alt-text när en beskrivning skulle upprepas. En bild inuti en länk som redan har sin egen text får
alt="", så en skärmläsare läser upp målet en gång i stället för två. - Breda tabeller rullar i sin egen ruta i stället för att skjuta sidan i sidled, så en telefon aldrig behöver rulla horisontellt för att läsa ett stycke.
Slutsats
Vi utvecklar enligt WCAG 2.2 AA och verifierar det vid varje lansering. Kontrasten mäts mot den faktiska bakgrunden som visas, inte mot en antagen bakgrund. Detta är inte ett påstående om full överensstämmelse.
Kända brister: skärmläsartester har endast genomförts på engelska trots att tjänsten finns på trettio språk, våra typsnitt täcker endast det latinska alfabetet så andra skriftsystem använder plattformens typsnitt som reserv, de nyaste interaktiva elementen har testats i mindre utsträckning och ingen extern granskning har genomförts.
Rapportera allt som inte går att använda till [email protected] med ämnesraden Tillgänglighet. Det hanteras som en felrapport, och sådant som hindrar en uppgift åtgärdas före annat arbete.
Vanliga frågor
Vilken tillgänglighetsstandard följer Telvio?
WCAG 2.2 nivå AA är målet för webbplatsen och kontrolleras vid varje lansering i stället för att granskas med jämna mellanrum. Kontrasten mäts mot den bakgrund som varje element faktiskt visas mot, och ett underkänt resultat stoppar bygget. Full överensstämmelse görs inte anspråk på.
Fungerar Telvios webbplats utan JavaScript?
Ja. Inget är dolt som standard för att sedan visas av ett skript, så varje sida visar sitt innehåll när JavaScript är inaktiverat eller blockerat. Interaktiva funktioner som jämförelsefiltren är tillägg ovanpå sidor som redan fungerar.
Har Telvio genomgått en tillgänglighetsgranskning?
Nej, ingen granskning av en tredje part har genomförts av vare sig webbplatsen eller appen. Automatiska och manuella kontroller körs vid varje lansering av webbplatsen, och i den här redogörelsen listas kända brister i stället för att utelämna dem.
Är Telvios app tillgänglig med en skärmläsare?
Appen använder plattformens egna tillgänglighetsfunktioner – VoiceOver och dynamisk textstorlek på iOS, TalkBack och teckensnittsskalning på Android. Den granskas mer sällan än webbplatsen, och ingen formell tillgänglighetsgranskning genomförs vid varje lansering.
Hur rapporterar jag ett tillgänglighetsproblem?
Mejla [email protected] med Tillgänglighet som ämne och ange vilken sida eller skärm det gäller, vad du försökte göra och vad som hände. Hjälpmedel och version är till hjälp men krävs inte. Vi strävar efter att svara inom fem arbetsdagar.
Varför använder webbplatsen ett annat typsnitt på mitt språk?
De två typsnitt som webbplatsen är utformad med täcker endast det latinska alfabetet. Kyrilliska, devanagari, georgiska, thailändska, arabiska, hebreiska, bengaliska, etiopiska och CJK använder plattformens egna typsnitt som i allmänhet ger bättre läsbarhet, men det innebär att vi inte har kontroll över de typografiska detaljerna på de språken.
