15. HTML kuvat

HTML ruudun lukijat

Ruudun lukija on ohjelma joka lukee sokeille mitä ruudussa lukee.

Ruudun lukija ovat käteviä eritysesti sokeille, melkein sokeille sekä oppimisvaikeuksista kärsiville.

Note Ruudun lukija osaa lukea alt atribuutin.

Esimerkki

<!DOCTYPE html>

<html>
<body>

<h2>Uskomaton vuorimaisema</h2>
<img src="pic_mountain.jpg" alt="Mountain View" style="width:304px;height:228px;">

</body>
</html>

Aina muista tarkentaa kuvan korkeus ja leveys.

HTML kuvan kirjoitus

HTML kielessä, kuvat määritellään <img> tagilla.

<img> tagi on tyhjä se sisältää vain atribuutteja, ja ei ole lopetus tagia.

src atribuutti määrittelee www:n (nettiosoitteen) kuvalle:

<img src="url" alt="some_text">

alt Atribuutti

alt atribuutti määrittää vaihtoehtoisen tekstin kuvalle, jos kuvaa ei voida jostain syystä näyttää.

alt atribuutti tarjoaa vaihtoehtoisen informaation kuvalle jos käyttäjä ei voikkaan jostain syystä katsoa kuvaa (hitaan internet yhteyden takia errori virhe src atribuutissa).

Jos selain ei löydä kuvaa, se näyttää vaihtoehtoisen tekstin:

Esimerkki

<img src="wrongname.gif" alt="HTML5 Ikoni" style="width:128px;height:128px;">

Alt atribuutti vaaditaan. Se ei näy täydellisesti ilman sitä