Kuidas kirjutada hea Alt Text jaoks pildid oma veebilehel

Amazon.com menüü on kasutatav ilma piltideta sest korraliku alt teksti .

Et veebilehti kättesaadavad, kasutada alt teksti pilte.See, mida me oleme alati õpetanud.Kuid on hea ja halb kasutusalad alt teksti.On ka juhtumeid, kui neil ei ole alt tekst on tegelikult õige asi, mida teha.

, mida te vajate

  • veebilehekülge pilte
  • Teie tavaline HTML japilditöötlemisvahendiga

eristusi Alt Text

  1. Kui alt teksti on vaja lisada selle atribuudi img tag oma HTML.See on lihtsalt alt = "siin on näide alt teksti" kirjutatud osana img element.

  2. eesmärk alt tekst on selgitada tähenduses pilt, kui pilt ei näita.Vaata Amazon menüü pilt alguses artikkel.Alt tekst on see, mida sa näed, kui Amazon.com menüü vaadatud ilma piltideta.Nagu näete, menüü on ikka täiesti kasutatav ja arusaadav tänu heale alt teksti.

  3. Hea alt text midagi, mis tuleb klõpsata menüü peaks ütlevad sama pilt ütleb.Näiteks aseteksti nupp, mis ütleb "Home" peaks ütlema "Home".Alt tekst asendab pildi sisu ja funktsioon.

    Mitte-menüü pilte, mis on mõeldud klõpsates alt tekst

    i peaks selgitama eesmärk klõpsuga.Näiteks pildi raamatu lingiga seda osta Amazon.com peaksid ütleb midagi alt = "osta see raamat on amazon.com".

  4. aseteksti pilt, mis annab sisu ja tähenduse lehel peaks selgitama sisu või tähendust, mida pildil.

  5. On vahet pilte, mis annavad teavet ja sisu versus pildid, mis on pelgalt dekoratiivsed.Näiteks vaata seda pilti alates eBay.com lehel.(Alt teksti näidatakse abil Firefox Web Developer tööriistaribal.)

    See pilt on alt teksti üksikasjalikult , mis juhtub siis, kui kasutaja klõpsab pildi .
  6. Seevastu vaadata teise pildi eBay.com.Siin pildil on vaid dekoratiivsed.Ta lisab, ei ole mingit teavet selle all teiste eBay ettevõtted, seega ei vaja alt teksti.

    Pelgalt dekoratiivne pilt ei vaja alt teksti
  7. Kui pildi lisada veebilehte, mis lisab mingit sisu või teavet lehele lihtsalt öeldes midagi alt teksti, näiteks alt = "".Ärge pange midagi vahele jutumärkidesse - tühikuid, midagi.Foneetilise ekraanilugeja ignoreerib seda ja ei kuuluta seda.

  8. Kui võimalik, eemaldage lihtsalt dekoratiivsed pilte HTML ning lisage need lehekülge kasutades CSS tausta reegleid.

    Kui inimesed lehekülgede pildid ära, see on nii, et säästa aega, sest nende brauserid ei kuva pilte, või sellepärast, et nad kasutavad abivahendite nagu kõlalise ekraanilugeja.

    Kui dekoratiivsed pildid lisatakse kuva lehe CSS, nad ei ole osa sisu HTML üldse.Seega, kui kasutaja pildid ära mingil põhjusel ei viitsi mittevajalikud informatsiooni pilte, mis ei ole sisu.

Resources

  • Gildi juurdepääs Web Designers - Hea Alt Text
238
0
3
Web Design