# Tillgänglighetsredogörelse

**Den här webbplatsen är byggd för att uppfylla
[WCAG 2.2](https://www.w3.org/TR/WCAG22/) 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](https://github.com/dequelabs/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](mailto: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](/sv/contact/) *(vid varje bygge, inte en gång om året)*.

<https://engineer.company/sv/accessibility/>
