Spring til indhold

Tilgængelighedserklæring

Sådan er engineer.company bygget efter WCAG 2.2 niveau AA: hvad der tjekkes før hver udgivelse, det ene delvist opfyldte kriterium og hvor du melder barrierer.

  • Stairs, rise, stone stairway
    Foto: Tama66 / Pixabay
  • Headphones, clapper, clapperboard
    Foto: OsloMetX / Pixabay

Dette site er bygget til at opfylde WCAG 2.2 på niveau AA på hver side, på alle fem sprog og i både det lyse og det mørke tema. Ét af niveauets kriterier opfylder det kun delvist, og det er nævnt nedenfor med begrundelsen; vi kender ikke til andre mangler. Denne erklæring fortæller, hvad det hviler på, hvor tjekkene holder op, og hvordan du når os om alt, der står i vejen for dig.

Hvad vi tjekker før en udgivelse

Disse tjek kører på sitet, før det udgives, i det lyse og det mørke tema, og fejler et af dem, stopper udgivelsen.

  • Struktur, navne og kontrast. axe-core gennemgår navne, roller, landemærker, overskrifternes rækkefølge og farvekontrast, med sine regler for god praksis slået til ud over WCAG-reglerne.
  • Tastaturet. En rigtig Tab-tast trykkes fra toppen af en side til bunden, og ved hvert stop tjekkes det, at fokus er synligt, og at intet dækker det. Det første stop er et link direkte til indholdet.
  • Klikfladernes størrelse. Hvert link og hver kontrol måles op mod minimummet på 24 gange 24 pixel.
  • Afstand og større tekst. Siden sættes op én gang med større linje-, bogstav-, ord- og afsnitsafstand og én gang med teksten i dobbelt størrelse, og begge gange må den hverken miste indhold eller få vandret rulning.
  • Læsbare linjer. Brødteksten holder sig under 80 tegn pr. linje, ingen tekst er sat med lige højremargen, intet afsnit er centreret, og linjeafstanden er mindst 1,5, målt i alle bredder. Det kommer fra 1.4.8 Visual Presentation, et kriterium på niveau AAA, som sitet opfylder fuldt ud.

To tjek mere køres efter behov frem for før hver udgivelse. Det ene sætter siderne op 320 CSS-pixel brede, den bredde, 1.4.10 Reflow er skrevet til, og tjekker, at intet kræver vandret rulning. Det andet strækker hver tekst i brugerfladen til op til to en halv gange sin længde, sådan som en automatisk oversættelse kan gøre, og tjekker, at layoutet holder.

Bygget til at blive læst på alle måder

  • Links er understreget overalt, så de kan findes uden at skelne farver.
  • Bevægelse er kun pynt: de roterende tandhjul, portrættet og mærket. Det hele står stille, når dit system beder om reduceret bevægelse.
  • Sitet virker med JavaScript slået fra. Dets eneste script filtrerer en liste, mens du skriver, og fortæller en skærmlæser, hvor mange punkter der passer.
  • Hver side angiver sit sprog, så en skærmlæser læser den op med den rigtige stemme.
  • Hvert fotografi har et tekstalternativ, og en skærmlæser får også at vide, hvem der har taget det.

Siderne er skrevet i HTML, CSS og SVG, med WAI-ARIA dér, hvor HTML alene ikke giver noget et navn, og hver side er komplet uden scriptet.

Det ene kriterium, der er delvist opfyldt

1.4.13 Content on Hover or Focus. De små etiketter, der dukker op, når du peger på et ikon eller giver det fokus, bliver stående, mens du flytter markøren hen over dem, og indtil du flytter den væk. De kan ikke lukkes med en tast, for det kræver et script, og dette site kører kun ét, listefilteret. De dækker også andet indhold, når de dukker op, så kriteriets undtagelse for etiketter, der ikke dækker noget, gælder ikke for dem.

Hver etiket gentager navnet på det ikon, den hører til, og som en skærmlæser allerede har læst op, så en læser, der aldrig ser den, går ikke glip af noget af det, den siger. Flytter du markøren eller fokus væk, lukker den.

Hvad der ikke gælder

Nogle kriterier handler om ting, dette site ikke indeholder:

  • lyd og video, og dermed undertekster, synstolkning og alternativer til medier;
  • formularer, der sender noget, og dermed kriterierne om inputfejl: kontaktsiden sender dig videre til dit eget mailprogram eller din telefon;
  • tidsgrænser af nogen art;
  • fingerbevægelser, træk og bevægelse af enheden, som intet her kræver;
  • login, som dette site aldrig beder dig om.

Hvor tjekkene holder op

Automatiske tjek har kendte grænser, og her er vores:

  • Gennemgangene kører på en repræsentativ side for hver skabelon på hvert sprog i stedet for på hver eneste side.
  • Sitet er testet med automatiske tjek og i hånden, men uden en skærmlæser som VoiceOver eller NVDA og uden kontaktbetjening.
  • Om et links ord giver mening uden for sammenhængen, vurderes af et menneske, ikke af et værktøj.
  • Den åbne menu måles i hånden og ikke af tjekkene.
  • De søsteradresser, der spejler disse sider under andre engineer.company-navne, bygges af de samme skabeloner og tjekkes efter behov i stedet for før hver udgivelse.

Fortæl os om en barriere

Står noget her i vejen for dig — en side, du ikke kan nå, en etiket, der siger det forkerte, tekst, du ikke kan læse — så skriv til welcome@engineer.company med sidens adresse og det, der skete. Et menneske læser hver besked, og vi svarer personligt.

Vil du have dit eget site holdt op mod de samme tjek? tal med os.

Engineer-maskotten: en venlig blå og hvid robot i en kappe med printbaner, der står med den ene hånd løftet i et vink