Una de les maneres més senzilles de fer que el vostre lloc web sigui més accessible sigui utilitzar un atribut alt a les etiquetes de la vostra imatge. Em sorprèn quantes persones obliden utilitzar aquest atribut senzill. De fet, ara, si voleu escriure XHTML vàlid, l'atribut alt és obligatori per a l'etiqueta img. I encara, la gent encara no ho fa.
L'atribut ALT
L'atribut alt és un atribut de l' etiqueta img i està pensat per ser un altificador per als navegadors no visuals quan es troben amb imatges. Això significa que el text està destinat a ser utilitzat quan la imatge no és visible a la pàgina. Al contrari, el que es mostra (o llegeix) és el text alternatiu .
Molts navegadors també mostren el text alt quan el client recolza el ratolí sobre la imatge. Això vol dir que el text hauria de ser clar i fàcil de llegir i no crear una enorme malson emergent per a qualsevol lector que posi el ratolí a la seva pàgina. Afegir text alt és senzill, simplement utilitzeu l'atribut alt a la vostra imatge. Aquests són alguns consells per escriure etiquetes alt:
Sigues breu
Alguns navegadors es trencaran si el text alt és massa llarg. I encara que pugui semblar bo descriure què és exactament a la imatge, aquest no és el propòsit de l'etiqueta alt. En comptes d'això, cal omplir exactament les paraules necessàries per posar la imatge en context i no més
Esborrar
No siguis tan breu que el context sigui confús. Recordeu que algunes persones només veuran el text a les etiquetes alt, de manera que si és massa breu, és possible que no entenguin el que voleu mostrar. Per exemple:
- un arbre - bo
- un arbre de sicómor - millor
- un arbre de sicomorres de 10 peus d'alçada amb fulles marrons majoritàriament i possiblement alguna cosa malament amb la seva escorça - massa
Sigui contextual
No descrigui la imatge si s'ha de visualitzar en context. Per exemple: si teniu una imatge del logotip de l'empresa, heu d'escriure "Nom de l'empresa" i no "Logotip del nom de l'empresa".
No mostri els treballs interns del vostre lloc web
Si esteu posant imatges separades , només heu d'utilitzar un espai per al vostre text alt. Si escriu "spacer.gif" només crida l'atenció sobre el lloc, en lloc de proporcionar informació útil. I tècnicament, si esteu intentant escriure XHTML vàlid, heu d'utilitzar CSS en comptes d'imatges separadores, de manera que també podria deixar el text alt fora d'aquestes imatges.
Sigui conscient del motor de cerca
Si teniu un text alt, conciso i clar, que realment pot ajudar al vostre motor de cerca , ja que les imatges de la vostra pàgina promocionen i milloren les vostres paraules clau.
No l'utilitzeu només per a l'optimització del motor de cerca
Molts llocs creuen que si utilitzen alt text com a eina de SEO, poden "enganyar" els motors de cerca per optimitzar el seu lloc per una paraula clau que no hi tenen. Tanmateix, això pot tornar-se a frenar si el motor de cerca decideix que esteu intentant falsejar els resultats i us elimina dels resultats per complet.