Tillgänglighetsredogörelse

Den här webbplatsen är byggd för att uppfylla WCAG 2.2 på nivå AA på varje sida, på alla fem språk och i både det ljusa och det mörka temat. Ett av kriterierna på den nivån uppfyller den bara delvis, och det nämns nedan med skälet; vi känner inte till några andra brister. Den här redogörelsen berättar vad det vilar på, var kontrollerna slutar och hur du når oss om allt som står i vägen för dig.

Vad vi kontrollerar före en publicering

De här kontrollerna körs på webbplatsen innan den publiceras, i både det ljusa och det mörka temat, och om någon av dem misslyckas stoppas publiceringen.

• Struktur, namn och kontrast. axe-core granskar namn, roller, landmärken, rubrikernas ordning och färgkontrast, med sina regler för god praxis påslagna utöver WCAG-reglerna.
• Tangentbordet. En riktig tabbtangent trycks från toppen av en sida till botten, och vid varje stopp kontrolleras att fokus syns och att ingenting täcker det. Det första stoppet är en länk direkt till innehållet.
• Klickytornas storlek. Varje länk och varje annat klickbart element mäts mot minimimåttet 24 gånger 24 pixlar.
• Avstånd och större text. Sidan läggs upp en gång med större rad-, bokstavs-, ord- och styckeavstånd och en gång med texten i dubbel storlek, och båda gångerna måste den klara sig utan att tappa innehåll eller få horisontell rullning.
• Läsbara rader. Brödtexten håller sig under 80 tecken per rad, ingen text är marginaljusterad, inget stycke är centrerat och radavståndet är minst 1,5, mätt i alla bredder. Det kommer från 1.4.8 Visual Presentation, ett kriterium på nivå AAA som webbplatsen uppfyller helt.

Två kontroller till körs vid behov i stället för före varje publicering. Den ena lägger upp sidorna 320 CSS-pixlar breda, den bredd som 1.4.10 Reflow är skrivet för, och kontrollerar att inget kräver horisontell rullning. Den andra sträcker varje text i gränssnittet till upp till två och en halv gånger sin längd, som en automatisk översättning kan göra, och kontrollerar att layouten håller.

Byggd för att läsas på alla sätt

• Länkar är understrukna överallt, så att de går att hitta utan att skilja på färger.
• Rörelse är bara utsmyckning: de roterande kugghjulen, porträttet och märket. Allt står stilla när ditt system ber om minskad rörelse.
• Webbplatsen fungerar med JavaScript avstängt. Dess enda skript filtrerar en lista medan du skriver och berättar för en skärmläsare hur många poster som matchar.
• Varje sida anger sitt språk, så att en skärmläsare läser upp den med rätt röst.
• Varje fotografi har ett textalternativ, och en skärmläsare får också veta vem som tog det.

Sidorna är skrivna i HTML, CSS och SVG, med WAI-ARIA där HTML ensamt inte ger något ett namn, och varje sida är komplett utan skriptet.

Det enda kriteriet som delvis uppfylls

1.4.13 Content on Hover or Focus. De små etiketterna som visas när du pekar på eller fokuserar en ikon stannar kvar medan du flyttar pekaren till dem, och tills du flyttar den bort. De kan inte stängas med en tangent, eftersom det kräver ett skript och den här webbplatsen kör bara ett, listfiltret. De täcker också annat innehåll när de visas, så kriteriets undantag för etiketter som inte täcker något gäller inte för dem.

Varje etikett upprepar namnet på den ikon den hör till, ett namn som en skärmläsare redan har läst upp, så en läsare som aldrig ser den går inte miste om något av det den säger. Flyttar du pekaren eller fokus bort stängs den.

Det som inte är tillämpligt

Vissa kriterier gäller saker som den här webbplatsen inte innehåller:

• ljud och video, och därmed undertexter, syntolkning och alternativ till media;
• formulär som skickar något, och därmed kriterierna om inmatningsfel: kontaktsidan lämnar över dig till ditt eget e-postprogram eller din telefon;
• tidsgränser av något slag;
• pekgester, dragning och rörelse av enheten, som inget här kräver;
• inloggning, som den här webbplatsen aldrig ber dig om.

Var kontrollerna slutar

Automatiska kontroller har kända gränser, och här är våra:

• Granskningarna körs på en representativ sida för varje mall på varje språk, i stället för på varje sida.
• Webbplatsen har testats med automatiska kontroller och för hand, men utan en skärmläsare som VoiceOver eller NVDA och utan kontaktstyrning.
• Om en länks ord är begripliga utanför sitt sammanhang bedöms av en människa, inte av ett verktyg.
• Den öppna menyn mäts för hand och inte av kontrollerna.
• Systeradresserna som speglar de här sidorna under andra engineer.company-namn byggs från samma mallar och kontrolleras vid behov i stället för före varje publicering.

Rapportera en brist i tillgängligheten

Står något här i vägen för dig — en sida du inte når, en etikett som säger fel sak, text du inte kan läsa — så skriv till welcome@engineer.company med sidans adress och vad som hände. En människa läser varje meddelande, och vi svarar personligen.

Vill du att din egen webbplats hålls mot samma kontroller? prata med oss.