Skip to main content
VertaaUXVertaaUX

Alt-tekstin tarkistin

Skannaa mikä tahansa verkkosivu ja löydä kuvat, joista alt-teksti puuttuu, on tyhjä tai vaikuttaa epäilyttävältä. Paranna saavutettavuutta ja hakukoneoptimointia toimintakelpoisilla suosituksilla jokaiselle kuvalle.

Check Alt Text
Enter a URL to scan all images and check their alt text for accessibility compliance.

Kuvien alt-tekstin perusteet saavutettavuudessa

Miksi alt-teksti on tärkeää saavutettavuudelle?

Alt-teksti (vaihtoehtoinen teksti) tarjoaa kuvien sanallisen kuvauksen käyttäjille, jotka eivät näe niitä. Ruudunlukijat lukevat alt-tekstin ääneen, jolloin sokeat ja näkövammaiset käyttäjät saavat kuvan sisällön. Ilman alt-tekstiä kuvat ovat näkymättömiä avustavien teknologioiden käyttäjille, mikä luo esteen sisällön ymmärtämiseen. WCAG 2.1 -kriteeri 1.1.1 vaatii, että kaikilla ei-koristekuvilla on tekstivaihtoehto.

Mikä tekee hyvän alt-tekstin?

Hyvä alt-teksti on tiivis (tyypillisesti alle 125 merkkiä), kuvaa kuvan sisältöä ja tarkoitusta sekä on kontekstissaan ympäröivän sisällön kanssa. Sen tulee välittää, mitä kuva viestii, ei pelkästään miltä se näyttää. Vältä aloittamasta sanoilla kuva tai kuva on, koska ruudunlukija ilmoittaa elementin jo kuvaksi. Monimutkaisille kuville (kaaviot, infograafit) anna lyhyt yhteenveto alt-tekstiin ja pidempi kuvaus muualla sivulla.

Milloin alt-tekstin pitäisi olla tyhjä?

Puhtaasti koristekuvat, kuten reunat, välistykset, taustakuviot tai visuaaliset elementit, jotka eivät tuo informaatioarvoa, tulisi merkitä tyhjällä alt-attribuutilla (alt=""). Tämä kertoo ruudunlukijalle ohittamaan kuvan kokonaan ja vähentää turhaa hälinää. Huomaa, että tyhjä alt-attribuutti (alt="") on eri asia kuin puuttuva alt-attribuutti: ensimmäinen on tarkoituksellinen, jälkimmäinen saavutettavuusrikkomus.

Miten puuttuva alt-teksti vaikuttaa hakukoneoptimointiin?

Puuttuva alt-teksti vaikuttaa SEO:hon usealla tavalla. Hakukoneet käyttävät alt-tekstiä ymmärtääkseen kuvan sisällön ja kontekstin, mikä vaikuttaa kuvahaun sijoituksiin ja sivun kokonaisrelevanssiin. Google suosittelee selkeästi kuvaavien alt-tekstien lisäämistä. Sivut, joilta alt-attribuutit puuttuvat, voivat saada heikommat saavutettavuuspisteet Core Web Vitals -mittauksissa, mikä voi epäsuorasti vaikuttaa hakusijoituksiin. Lisäksi saavutettavilla sivustoilla on tyypillisesti paremmat sitoutumismittarit, jotka ovat positiivisia sijoitussignaaleja.

Mitä eroa on alt-tekstin tarkistimella ja täydellä UX-auditoinnilla?

Alt-tekstin tarkistin skannaa yhden sivun kuvasaavutettavuusongelmien varalta: puuttuvat alt-attribuutit, tyhjät alt-tekstit ja epäilyttävät paikkamerkit. Täysi VertaaUX-auditointi menee paljon pidemmälle: se tarkistaa WCAG 2.2 -vaatimustenmukaisuuden kymmenillä kriteereillä, arvioi värikontrastia, näppäimistönavigaatiota, lomakkeiden saavutettavuutta, semanttista rakennetta ja paljon muuta. Se auditoi myös käytettävyyttä, suorituskykyä ja konversiotekijöitä koko sivustollasi. Käytä alt-tekstin tarkistinta nopeisiin kuvatarkistuksiin ja täyttä auditointia kattavaan saavutettavuusanalyysiin.

Haluatko auditoida koko sivuston saavutettavuuden?

Alt-tekstin tarkistus on vain yksi osa saavutettavuutta. Auditoi koko sivustosi WCAG 2.2 -vaatimusten mukaan, mukaan lukien kontrasti, näppäimistönavigaatio, lomakkeet ja muut, ilmaisella VertaaUX-auditoinnilla.

Tee ilmainen UX-auditointi

Muut ilmaiset työkalut