Sfat rapid rețineți stilul textului ALT

Atributul alt într - un eticheta furnizează conținut alternativ pentru utilizatorii care nu pot descărca imagini sau care au oprit complet imaginile. Utilizăm acest atribut tot timpul pentru a face conținutul mai accesibil, dar ați analizat vreodată cum arată de fapt?

Vom folosi exemplul șablonului de e-mail pe care l-am construit într-un tutorial anterior, dar principiile se aplică la fel de bine pentru proiectarea web bazată pe browser.

Dacă aruncăm o privire la fișierul nostru cu imagini dezactivate, acesta este cel care arată:

În mod clar, textul ALT este neatractiv - în special legăturile. Putem face câteva lucruri pentru jazz.

Pentru rubrica principală, vom face textul mult mai mare și îl vom schimba în albastru închis în loc de negru. Facem acest lucru prin adăugarea de stiluri la elementul părinte (în acest caz o celulă). Aceste stiluri vor fi apoi aplicate tag-urilor alt din acea celulă.

Aceasta este celula noastră:

Vom adăuga un stil de text astfel încât să arate astfel:

Și vom modela legăturile noastre sociale pentru a deveni alb:

Simplu ca asta! Acum putem avea încredere că e-mailurile noastre vor fi afișate bine, chiar dacă imaginile sunt dezactivate.