1.1.1 Ei-tekstimuotoinen sisältö

Kri­tee­ri

Tar­joa teks­ti­vas­ti­neet kai­kel­le ei-teks­ti­muo­toi­sel­le si­säl­löl­le si­ten, että si­säl­tö voi­daan muut­taa mui­hin tar­vit­ta­viin muo­toi­hin, ku­ten iso­ko­koi­sek­si teks­tik­si, pis­te­kir­joi­tuk­sek­si, pu­heek­si, sym­bo­lik­si tai yk­sin­ker­tai­sem­mak­si kie­lek­si.

Lue li­sää W3:n si­vuil­ta.

Ku­vaus

Onko käyt­tä­jän kan­nal­ta olen­nais­ta in­for­maa­tio­ta si­säl­tä­vil­le ku­vil­le an­net­tu ku­vaa­va ja riit­tä­vän in­for­maa­tion si­säl­tä­vä teks­ti­vas­ti­ne? Yleen­sä teks­ti­vas­ti­ne an­ne­taan ku­val­le alt-­att­ri­buu­tin avul­la. Teks­ti­vas­ti­neen in­for­maa­tio­si­säl­lön riit­tä­vyy­den ar­vioi­mi­nen saat­taa jos­kus tun­tua on­gel­mal­li­sel­ta.

Lin­ki­te­tyil­lä ku­vil­la ja lo­mak­kei­den ku­va­pai­nik­keil­la on ku­vaa­va teks­ti­vas­ti­ne tai ­arvo. Mi­kä­li kuva on lin­kin si­säl­lä, on ku­van alt­-att­ri­buu­tin ku­vat­ta­va lin­kin koh­det­ta. Kai­kil­la kont­rol­lie­le­men­teil­lä (esim. lo­mak­kei­den pai­nik­keil­la) on ol­ta­va ku­vaa­va teks­ti­vas­ti­ne.

Onko käyt­tä­jän kan­nal­ta epä­olen­nai­sil­le ku­vil­le an­net­tu mää­re alt=”” tai to­teu­tet­tu ne CSS-­taus­ta­ku­va­na? Tyh­jä alt­-mää­re on an­net­ta­va esi­mer­kik­si mi­kä­li

• ku­valla ei ole käyt­tä­jän kan­nal­ta jär­ke­vää si­säl­töä
• kuva on pelk­kä ko­ris­te
• ku­van si­säl­tö on ker­rot­tu teks­ti­muo­dos­sa muu­al­la.

Huo­mioi­ta­vaa: ku­vis­sa on aina ol­ta­va alt­-mää­re joko tyh­jä­nä tai niin, että siinä on teks­ti­si­säl­tö.

Onko CAPTC­HA tai muu­ta vas­taa­vat rat­kai­sut to­teu­tet­tu saa­vu­tet­ta­vas­ti? Käyt­tä­jil­le on tar­jol­la au­dio­vas­ti­ne ja/​tai toi­min­to on muu­ten to­teu­tet­tu niin, että se on eri käyt­tä­jä­ryh­mien saa­vu­tet­ta­vis­sa. CAPTC­HA tar­koit­taa ku­vaa tai muu­ta ele­ment­tiä, jon­ka avul­la tes­ta­taan onko käyt­tä­jä ih­mi­nen.

Onko lo­mak­kei­den ken­til­lä ku­vaa­vat ni­mi­la­put (la­bel)? Jos la­bel­-ele­ment­tiä ei voi­da käyt­tää, käy­te­tään tit­le-­att­ri­buut­tia.

Onko kai­kel­le muul­le ei-­teks­ti­muo­toi­sel­le si­säl­löl­le an­net­tu teks­ti­vas­ti­ne? Esi­mer­kik­si:

• Ai­ka­si­don­nai­sel­le me­dial­le on an­net­tu vä­hin­tään ku­vai­le­va tun­nis­te­tie­to eli se­li­te (li­sä­vaa­ti­muk­set kri­tee­ris­sä 1.2).
• Tes­teil­le tai har­joi­tuk­sil­le on an­net­tu vä­hin­tään ku­vai­le­va tun­nis­te­tie­to, mi­kä­li näi­den esit­tä­mi­nen teks­ti­nä vää­ris­tää si­säl­lön mer­ki­tyk­sen.
• Jos ei-­teks­ti­muo­toi­nen si­säl­tö on en­si­si­jai­ses­ti tar­koi­tet­tu ai­kaan­saa­maan tiet­ty ais­tin­va­rai­nen ko­ke­mus, niin teks­ti­vas­ti­neet tar­joa­vat vä­hin­tään ku­vai­le­van tun­nis­te­tie­don ei-­teks­ti­muo­toi­ses­ta si­säl­lös­tä.

Mi­ten tar­kis­te­taan

Tar­kis­ta HTML-­koo­dis­ta ku­van teks­ti­vas­ti­ne. Mi­kä­li luet teks­ti­vas­ti­neen hen­ki­löl­le, joka ei pys­ty nä­ke­mään ku­vaa, tu­lee ku­van si­säl­tö ja tar­koi­tus hä­nel­le ym­mär­re­tyk­si.

Tar­kis­ta lin­ki­tet­ty­jen ku­vien teks­ti­vas­ti­ne tai ­arvo si­vun HTML-­koo­dis­ta. Teks­ti­vas­ti­neen tai ­arvon tu­lee ku­va­ta lin­kin koh­det­ta.

Tar­kis­ta si­vun HTML-­koo­dis­ta onko käyt­tä­jän kan­nal­ta epä­olen­nai­sil­la ku­vil­la alt-­att­ri­buu­tin arvo tyh­jä tai onko ne to­teu­tet­tu CSS-taus­ta­ku­va­na.

Yleen­sä tes­ti­nä on ku­va­na esi­tet­ty teks­ti, joka käyt­tä­jän on tois­tet­ta­va teks­ti­kent­tään. Yleen­sä CAPTC­HA tai muu vas­taa­va rat­kai­su löy­tyy lo­mak­kei­den yh­tey­des­tä.

Tar­kis­ta si­vun HTML­-koo­dis­ta onko in­put­-ele­men­teil­lä ku­vaa­vat la­be­lit. Tar­kis­ta myös, että la­be­lit toi­mi­vat oi­kein (la­be­lin for­-att­ri­buu­tin arvo on yh­dis­tet­ty in­put­-ele­men­tin id-­att­ri­buut­tiin). Lo­mak­kei­den ken­tät tu­li­si tes­ta­ta myös ruu­dun­lu­kuoh­jel­mal­la (lu­kee­ko kent­tien ni­met oi­kein).

Esimerkki oi­kean­lai­sesta to­teu­tus­ta­vasta:
<label for=”nimi”>Nimi:</label> <input type=”text” name=”nimi” id=”nimi”>
Esimerkki vää­rän­lai­sesta to­teu­tus­ta­vasta:
<label for=”kentta”>Nimi:</label> <input type=”text” name=”nimi” id=”nimi”>