Suomi
a11yglass · Verkkosivustojen saavutettavuustarkistus

Tarkistettu 3.9.2026 · https://app.netlify.com/

B
84 / 100
0 kriittistä · 2 tarkistettavaa

Ei kriittisiä esteitä tarkistetussa HTML:ssä · 2 kohtae tarkistettavaksi.

Miten pistemäärä muodostuu? (100 aloituspistettä)
Ei <h1>-otsikkoa toimitetussa HTML:ssä-7
8 CSS-sääntön, joissa tekstikontrasti on mahdollisesti liian pieni-7
Seite wird per JavaScript aufgebaut-2
Tulos84 / 100
?Kontrasti (1)TekstivastineetMerkinnät?Rakenne (1)KieliZoomausToimintavarmuus

Havaittava

TarkistettavaWCAG 1.4.3 Kontrasti (minimi)

8 CSS-sääntön, joissa tekstikontrasti on mahdollisesti liian pieni

Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: `.ansi-cyan-fg`: #0bb auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 2.38:1 · `.ansi-green-fg`: #0b0 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 2.59:1 · `.ansi-bright-magenta-fg`: #f5f auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 2.63:1 · `.ansi-bright-red-fg`: #f55 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 3.14:1 · `.ansi-magenta-fg`: #f500f5 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 3.39:1

.ansi-cyan-fg, .ansi-green-fg, .ansi-bright-magenta-fg, .ansi-bright-red-fg, .ansi-magenta-fg

Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.

Hallittava

TarkistettavaWCAG 1.3.1 Informaatio ja suhteet / 2.4.6 Otsikot ja nimilaput

Ei <h1>-otsikkoa toimitetussa HTML:ssä

Jokaisen sivun tulisi alkaa täsmälleen yhdellä h1:llä. JavaScriptillä rakennettavilla sivuilla h1 voi syntyä vasta selaimessa — tarkista silloin renderöidystä DOM:ista.

body

Näin sinun kannattaa toimia: Lisää merkityksellinen <h1> ensimmäiseksi otsikoksi (mielellään jo palvelinpuolella).

Toimintavarma

Huomautus

Seite wird per JavaScript aufgebaut

Das ausgelieferte HTML enthält fast keinen Inhalt — die Seite rendert erst im Browser. Der statische Scan prüft nur das Gerüst; ARIA-Rollen, Fokus-Reihenfolge und die meisten Inhalte entstehen erst durch JavaScript und werden hier nicht bewertet.

Näin sinun kannattaa toimia: Diese Seite mit einem Browser-Werkzeug prüfen (z. B. axe DevTools) oder den Tiefen-Scan nutzen. Die untenstehenden Funde beziehen sich nur auf das initiale HTML.

Seuraavat askeleet

  1. Ei <h1>-otsikkoa toimitetussa HTML:ssä. Lisää merkityksellinen <h1> ensimmäiseksi otsikoksi (mielellään jo palvelinpuolella).
  2. 8 CSS-sääntön, joissa tekstikontrasti on mahdollisesti liian pieni. Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
  3. Seite wird per JavaScript aufgebaut. Diese Seite mit einem Browser-Werkzeug prüfen (z. B. axe DevTools) oder den Tiefen-Scan nutzen. Die untenstehenden Funde beziehen sich nur auf das initiale HTML.
Valvotaanko tätä sivua automaattisesti?

Viikoittainen uusintaskannaus, JS-renderöity, sähköposti uusista esteistä — tulossa pian.

Luo saavutettavuusseloste →

Menetelmä & rajat

3.9.2026 tarkistettiin se HTML, jonka app.netlify.com toimittaa ensimmäisellä käynnillä ilman kirjautumista, sekä enintään neljä saman verkkotunnuksen linkitettyä CSS-tiedostoa. Tarkistettu: värikontrasti (CSS:stä), tekstivastineet, lomakekentän merkinnät, hallintaelementtien nimet, otsikkorakenne, sivun otsikko ja kieli, zoomauksen lukitus, kaksois-id:t, positiiviset tabindex-arvot, maamerkit.

Ei tarkistettu: kaikki, mikä syntyy JavaScriptillä, näppäimistökäytettävyys, näkyvä kohdistus, kohdistusjärjestys, ruudunlukijan kuulutus, kirjautumisen takana oleva sisältö, alasivut. Automaattinen testi löytää suunnilleen 20–35 % WCAG-rikkomuksista — loput edellyttävät käsin tehtävää arviointia. Tilannekuva, ei oikeudellinen ratkaisu.

Tarkista toinen sivusto