Veebilehtede käideldavus

Allikas: Vikiõpikud
Jump to navigation Jump to search

Paku teksti-ekvivalent igale mitte-teksti elemendile[muuda]

Mitte-teksti elementide hulka kuuluvad: pildid, piltide regioonid (image map), animatsioonid, appletid ja muud programmeeritavad objektid, ASCII-kunst, raamid, skriptid, helid ja audiofailid, video heli ning video.

Kasuta alt atribuuti piltidel ja image-tüüpi input-elementidel:

<img src="triinu.jpg" alt="Foto lepatriinust" />
<input type="image" src="otsi.png" alt="Otsi" />

Kui kasutad pilte, millel on vaid kujunduslik tähtsus, siis kasuta nende puhul tühja alt-teksti:

<img src="alumine-vasak-nurk.gif" alt="" />

Kui lühikesest teksti-ekvivalendist ei piisa, et pildi funktsiooni või rolli edasi anda, siis kasuta longdesc atribuuti viitamaks failile, mis pakub täpsemat infot:

<img src="kasum99.gif" alt="Kasumi graafik 1999. aasta lõikes" longdesc="kasum99.html" />

Eeltoodud näite puhul võiks kasum99.html sisaldada näiteks järgnevat teksti:

Graafik, mis näitab kuidas jaotus kasum 1999. aasta jooksul. Jaanuaris oli kasum 25 000 krooni, veebruaris langes see 2000 võrra, ...

Seni kuni vaid vähesed brauserid toetavad longdesc atribuuti, paku eraldi link, mis pikemale kirjeldusele viitab:

<img src="kasum99.gif" alt="Kasumi graafik 1999. aasta lõikes" longdesc="kasum99.html" />
<a href="kasum99.html" title="Kirjeldus 1999. aasta kasumi graafikule">[K]</a>

Kui kasutad elementi object, paiguta teksti-ekvivalent selle sisse. Näiteks, selleks et näidata infot tabeli kujul, kui pilti graafikust pole võimalik näidata:

<object data="kasum99.gif" type="image/gif">
 <table summary="Kasumi tabel 1999. aasta lõikes">
 <caption>1999. aasta kasum</caption>
 <thead>
  <tr><th>Kuu</th><th>Kasum</th></tr>
 </thead>
 <tbody>
  <tr><th>Jaanuar</th>  <td>20 000 EEK</td></tr>
  <tr><th>Veebruar</th> <td>19 000 EEK</td></tr>
  <tr><th>Märts</th>    <td>19 500 EEK</td></tr>
  <tr><th>Aprill</th>   <td>19 600 EEK</td></tr>
  <tr><th>Mai</th>      <td>12 100 EEK</td></tr>
  <tr><th>Juuni</th>    <td>13 000 EEK</td></tr>
  <tr><th>Juuli</th>    <td>13 100 EEK</td></tr>
  <tr><th>August</th>   <td>13 000 EEK</td></tr>
  <tr><th>September</th><td>12 900 EEK</td></tr>
  <tr><th>Oktoober</th> <td>11 500 EEK</td></tr>
  <tr><th>November</th> <td>11 700 EEK</td></tr>
  <tr><th>Detsember</th><td>12 300 EEK</td></tr>
 </tbody>
 </table>
</object>

Märgista keelelised muutused dokumendi tekstis ja teksti-ekvivalentides[muuda]

Kasuta lang (või XHTML-i puhul xml:lang) atribuuti märkimaks üles keelelisi muutusi dokumendis:

<html lang="et">
<head>
 <title>Mitmekeelne dokument</title>
</head>
<body>

 <p>See dokument sisaldab teksti mitmes keeles.</p>
  
 <p lang="en">Everwhere I went in France
 the bakeries had signs up saying <em lang="fr">PAIN</em>,
 but despite that the bakers seemed quite happy.</p>
  
 <p lang="fr">En janvier, toutes les boutiques de Londres
 affichent des panneaux <span lang="en">SALE</span>,
 mais en fait ces magasins sont bien propres!</p>

</body>
</html>

Standardid[muuda]