Accessibilitat del logotip en entorns digitals

L’ús del logotip en plataformes digitals també ha de complir amb els criteris d’accessibilitat establerts per la normativa vigent (Reial decret 1112/2018 i Directiva europea 2016/2102). Aquest compliment inclou dos aspectes essencials:

Contrast

En primer lloc, per garantir-ne l’accessibilitat, el logotip ha de presentar un contrast suficient respecte al fons on es col·loca. Aquest contrast ha de ser, com a mínim, de 4.5:1, segons les WCAG (Web Content Accessibility Guidelines).

Així, s’ha d’utilitzar el Verd Campus sobre fons blanc o molt clar, i mai altres verds establerts al manual d’identitat.

Exemples de l’aplicació correcta del logotip:

Exemples de l’aplicació incorrecta del logotip:

De la mateixa manera, eviteu col·locar el logotip sobre imatges o patrons, ni combineu el logotip amb efectes de transparència o degradats que comprometin la seva llegibilitat.

Trobareu més informació sobre les combinacions acceptables a l’apartat Colors d’aquesta guia.

Text alternatiu

En segon lloc, quan s’utilitza el logotip en plataformes digitals, s’ha d’incloure una etiqueta alternativa mitjançant l’atribut alt en el codi HTML de la imatge. Això permet que les persones que utilitzen lectors de pantalla també puguin entendre l’element gràfic.

Aquesta etiqueta alt ha de descriure clarament el logotip, seguint la següent estructura:

<img src="logotip-uab.svg" alt="Logotip de la Universitat Autònoma de Barcelona">

I si es tracta d’una submarca:

<img src="logotip-facultat-dret.svg" alt="Logotip de la Facultat de Dret de la Universitat Autònoma de Barcelona">