4.1.2 Nimi, rooli, arvo

Kri­tee­ri (taso A)

Kaik­kien käyt­tö­liit­ty­mä­kom­po­nent­tien (mu­kaan lu­kien lo­ma­ke-ele­men­tit, lin­kit ja skrip­tien tuot­ta­mat kom­po­nen­tit) nimi ja roo­li voi­daan sel­vit­tää oh­jel­mal­li­ses­ti; ti­lat, omi­nai­suu­det ja ar­vot, jot­ka käyt­tä­jä voi aset­taa, voi­daan myös aset­taa oh­jel­mal­li­ses­ti; ja tie­to näi­den muu­tok­sis­ta on asia­kas­oh­jel­mien saa­ta­vis­sa, mu­kaan lu­kien avus­ta­vat tek­no­lo­giat.

Huomautus: Tämä on­nis­tu­mi­sen kri­tee­ri on en­si­si­jai­ses­ti tar­koi­tet­tu web-ke­hit­tä­jil­le, jot­ka to­teut­ta­vat tai skrip­taa­vat itse käyt­tö­liit­ty­mä­kom­po­nent­te­ja. Esi­mer­kik­si stan­dar­dit HTML-ele­men­tit täyt­tä­vät jo tä­män on­nis­tu­mis­kri­tee­rin, kun nii­tä käy­te­tään spe­si­fi­kaa­tion mu­kai­ses­ti.

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

Ku­vaus

Onko kaik­ki käyt­tö­liit­ty­mä­kom­po­nen­tit to­teu­tet­tu niin, että nii­tä voi­daan käyt­tää oh­jel­mal­li­ses­ti? Kri­tee­ri täyt­tyy au­to­maat­ti­ses­ti, jos käy­te­tään HTML-/​XHTML-­mää­ri­tyk­sen mu­kais­ta koo­dia.

Huo­mioi­ta­vaa: Tämä kri­tee­ri koh­den­tuu lä­hin­nä ti­lan­tei­siin, jois­sa si­vus­tol­le on to­teu­tet­tu käyt­tö­liit­ty­mä­kom­po­nent­te­ja esi­mer­kik­si skrip­taa­mal­la. Kai­kis­sa ti­lan­teis­sa on var­mis­tut­ta­va sii­tä, että nämä kom­po­nen­tit an­ta­vat riit­tä­väs­ti tie­toa käy­tet­tä­väl­le avus­taval­le tek­no­lo­gial­le ja an­ta­vat tä­män tek­nii­kan kont­rol­loi­da it­se­ään. Käyt­tö­liit­ty­mä­kom­po­nent­tien on täy­tet­tä­vä seu­raa­vat eh­dot:

• Nii­den nimi ja roo­li voi­daan sel­vit­tää oh­jel­mal­li­ses­ti.
• Käyt­tä­jän aset­ta­mat ti­lat, omi­nai­suu­det ja ar­vot voi­daan aset­taa oh­jel­mal­li­ses­ti.
• Tie­to muu­tok­sis­ta on asia­kas­oh­jel­mien saa­ta­vis­sa.

Esi­mer­kik­si:

• Fo­kuk­sen tila tai sen muu­tos il­moi­te­taan.
• Lo­mak­keen va­lin­ta­ruu­dun tai ­na­pin ti­lan muu­tos il­moi­te­taan.
• Kai­kil­la käyt­tö­liit­ty­mä­kom­po­nen­teil­la on oh­jel­mal­li­ses­ti mää­ri­tet­tä­vä nimi.

Mi­ten tar­kis­te­taan

Oh­jel­mal­li­ses­ti luo­duis­sa/​muo­ka­tuis­sa käyt­tö­liit­ty­mä­kom­po­nen­teis­sa on usein syy­tä käyt­tää WAI­-ARIAa. Esi­mer­kik­si: Si­vul­la on link­ki, joka näyt­tää di­vil­lä to­teu­te­tun pop ­upin. Pop­ upin sul­je­-ele­ment­ti on to­teu­tet­tu but­ton-­ele­ment­ti­nä (na­pin si­säl­tö­nä vain kir­jain X). Käy­te­tään WAI­-ARIAn ”aria­-la­bel”­ -att­ri­buut­tia tar­joa­maan käyt­tä­jäl­le na­pin nimi ja roo­li:
<button aria-­label=”Sulje pop­up” onclick=”document.getElementById(popup).style.display=’none’;” class=”close­button”>X</button>.