Kehyksen otsikko
Silktide tarkistaa, että jokaisella sivuillesi upotetulla näkyvällä kehyksellä on luettava otsikko, joka kuvailee sen sisältöä. Otsikottomat kehykset pakottavat käyttävät ihmiset siirtymään kehyksiin ja tutkimaan niitä vain selvittääkseen, mitä ne ovat.
Otsikko lisätään itse kehys-elementtiin title-attribuutilla – kehystetyn sivun sisällä oleva
<title>-tunniste ei riitä:
<!-- Puuttuu: mikään ei kerro avustavalle teknologialle, mikä tämä kehys on -->
<iframe src="ad.html"></iframe>
<!-- Korjattu: title-attribuutti nimeää kehyksen -->
<iframe title="Advertisement" src="ad.html"></iframe>
Miksi tämä on tärkeää
Kehykset sisältävät usein videoita, karttoja, mainoksia, maksulomakkeita ja chat- widgettejä. luettelee sivun kehykset niiden otsikoiden mukaan, jotta käyttäjät voivat päättää, mihin niistä siirtyä. Ilman otsikkoa kehys ilmoitetaan nimettömänä kehyksenä – tai sen tiedostonimellä – ja käyttäjän on siirryttävä sen sisään ja tutkittava sen sisältöä selvittääkseen, mikä se on.
Korjausohjeet
- Lisää
title-attribuutti jokaiseen merkittyyn<iframe>- tai<frame>-elementtiin ja kuvaile sen sisältöä lyhyesti: "Advertisement", "Video: product tour", "Live chat". - Varmista, että otsikko sisältää oikeita sanoja – pelkät välilyönnit tai symbolit eivät riitä.
- Jos kehys on puhtaasti tekninen eikä näytä mitään, kuten seurantapikseli,
piilota se sen sijaan avustavalta teknologialta esimerkiksi tekemällä siitä
näkymätön tai lisäämällä
aria-hidden="true". Piilotetut kehykset eivät tarvitse otsikoita.
Näin Silktide testaa tämän
- Etsi sivulta kaikki
<iframe>- ja<frame>-elementit. - Ohita näkymättömät kehykset sekä ruudunlukuohjelmilta
aria-hidden-attribuutilla piilotetut kehykset – avustava teknologia ei voi valita näitä, joten ne eivät tarvitse otsikkoa. Näkymättömät kehykset ovat yleisiä seurantakoodissa ja sosiaalisen median liitännäisissä. - Tarkista jäljelle jäävistä kehyksistä
title-attribuutti, joka sisältää merkityksellistä tekstiä eli vähintään yhden kirjaimen tai numeron. Vain välilyöntejä, välimerkkejä tai emojeja sisältävä otsikko epäonnistuu. - Merkitse jokainen näkyvä kehys, jolla ei ole merkityksellistä otsikkoa.
Sen, kuvaileeko olemassa oleva otsikko todella kehystään, käsittelee erikseen Kehysten otsikot.