Miten kirjoittaa hyvä Alt TekstiImages sivuillesi

Amazon.com ruokalista on käyttökelpoinen ilman kuvia , koska asianmukainen alt tekstissä .

Jotta Web-sivut helposti, käytä alt tekstiä kuvia.Sitähän me aina opettanut.Mutta on olemassa hyviä ja huonoja käytöt alt tekstissä.On myös tapauksia, kun ottaa ei alt teksti on todella oikein.

mitä tarvitset

  • Web-sivun kuvia
  • kanssa Normaali HTML jakuvanmuokkaustyökalut

Palkinnot Alt teksti

  1. Jos alt-teksti on tarpeen, lisää se attribuutti img tag HTML.Se on yksinkertaisesti alt = "Tässä on esimerkki alt tekstissä" kirjoitettu osana img elementin.

  2. tarkoituksena alt teksti on selittää tarkoitettu kuva, jos kuva ei näy.Katsokaa Amazon valikkokuvassa alussa artikkelin.Alt teksti on mitä näet kun Amazon.com valikko katsella ilman kuvia.Kuten näette, valikko on edelleen täysin käyttökelpoinen ja ymmärrettävää ansiosta oikea alt tekstissä.

  3. hyvä alt-teksti mitään joka on napsautetaan valikossa pitäisi sanoa samaa kuvaa sanoo.Esimerkiksi alt teksti painiketta, jossa lukee "Home" pitäisi myös sanoa "Koti".Alt teksti korvaa kuvan sisällön ja toiminta.

    Ei-valikosta kuvia, jotka tarkoitettu napsautetaan, alt tekstissä tulisi selittää tarkoitus napsautuksella.Esimerkiksi kuva kirjan, jossa on linkki ostaa sen Amazon.com pitäisi sanoo jotain alt = "ostaa kirjan amazon.com".

  4. Alt tekstiä kuvan, joka tarjoaa sisällön ja merkityksen sivun pitäisi selittää sisältöä tai merkitystä tarjoamia kuva.

  5. On ero kuvien, jotka tarjoavat tietoa ja sisältöä verrattuna kuvia, jotka ovat vain koriste.Esimerkiksi, katso tätä kuvan eBay.com sivulta.(Alt teksti esitetään käyttämällä Firefoxin Web Developer työkalupalkki.)

    Tämä kuva on alt tekstissä tarkemmin, mitä tapahtuu, kunkäyttäjä napsauttaakuvaa .
  6. sitä vastoin katsoa toisen kuvan eBay.com.Tässä kuva on vain koriste.Se lisää mitään merkitystä alla se muista eBay yrityksiä, joten se ei tarvitse alt-teksti.

    Vain koristeellinen kuva ei tarvitse alt-teksti
  7. Kun lisäät kuvan Web-sivun, joka lisää mitään sisältöä tai tietoa sivun, yksinkertaisesti sanottuna mikään alt tekstissä, kuten tämä alt = "".Älä laita mitään välillä lainausmerkeissä - ei välilyöntejä, ei mitään.Kuultavassa ruudunlukija jättää sen eikä julistaa sen.

  8. Jos voit, poistaa vain koriste kuvia HTML ja lisää ne sivulle CSS tausta sääntöjä.

    Kun ihmiset katsella sivuja kuvia pois, se on joko säästää aikaa, koska niiden selaimet ei näy kuvia, tai koska he käyttävät apuvälinettä kuten lausuntatavan näytönlukuohjelmaa.

    Kun koriste kuvat lisätään näytön CSS, ne eivät ole osa sisältöä HTML ollenkaan.Siksi käyttäjä kuvien pois jostain syystä ei ole vaivautunut tarpeettomia tietoja kuvia, jotka eivät ole sisältöä.

Resurssit

  • kilta Esteetön Web-suunnittelijat - Hyvä Alt teksti
579
0
3
Web Suunnittelu