Si vas deixar-hi un ronyó per fer la nova web perquè la vella no era responsive… tenim notícies.

Sí, ho sabem. Vas invertir temps, diners i alguna discussió acalorada per tenir una web decent que es veiés bé al mòbil. Però ara arriben nous requisits obligatoris. I no, aquesta vegada no és per caprici de Google o del dissenyador de torn. És per complir la llei.

Tant si la web la gestiones tu, el teu equip o una empresa externa que et cobra un manteniment anual (per què, exactament?), ara sí que toca fer-hi manteniment real. I abans d’una data concreta.

Aquí t’expliquem què ha de complir la teva web aquest 2025 i abans de quin dia. Res massa complicat… però si no ho tens al dia, et pot sortir car.

A partir de juny de 2025, les empreses i organismes públics de la Unió Europea hauran de complir amb normes d’accessibilitat web més estrictes. Aquestes normatives són fruit de la Directiva Europea sobre Accessibilitat Web (Web Accessibility Directive) i busquen garantir que tots els usuaris, incloent-hi les persones amb discapacitats, puguin accedir a serveis en línia de manera equitativa.

Les normatives que afecten les pàgines web i aplicacions mòbils estan basades en les WCAG (Web Content Accessibility Guidelines), que proporcionen directrius per a crear continguts web accessibles. Aquestes lleis seran d’aplicació no només als organismes públics, sinó també a qualsevol servei digital que estigui relacionat amb el sector públic i que ofereixi serveis a la ciutadania.

En aquest context, la usabilitat web també es considera un aspecte fonamental. A més de les directrius d’accessibilitat, la usabilitat s’ha de garantir per millorar l’experiència de l’usuari, i la falta d’accessibilitat pot implicar sancions segons el Reglament General de Protecció de Dades (RGPD). Així, les empreses i els serveis digitals hauran de prestar atenció a la creació de webs accessibles, no només per a complir amb la llei, sinó per assegurar-se que tota la seva audiència pugui navegar de manera eficaç.

Accessibilitat web (obligatori per llei en molts casos)

Les WCAG (Web Content Accessibility Guidelines) són un conjunt de directrius internacionals creades pel W3C que proporcionen recomanacions per garantir que les pàgines web siguin accessibles per a persones amb discapacitats visuals, auditives, cognitives o motrius. A Espanya i Catalunya, la legislació actual obliga a complir aquestes directrius per a webs públiques, i, des de 2022-2023, també per a moltes empreses privades. Alguns exemples de bones pràctiques inclouen:

• Contrast de colors suficient per a usuaris amb discapacitat visual
• Capacitat de navegació per teclat
• La inclusió de textos alternatius a imatges

Aquestes normatives tenen com a objectiu assegurar que totes les persones, independentment de les seves capacitats, puguin accedir als serveis digitals.

Usabilitat (no obligatòria legalment, però essencial)

Encara que no hi ha lleis específiques que obliguin les empreses a complir amb les regles d’usabilitat, es tracta de bones pràctiques que milloraran l’experiència de l’usuari.

Algunes de les regles més clàssiques inclouen les heurístiques de Nielsen, com ara la coherència del disseny, el control per part de l’usuari, i la facilitat de reconeixement en lloc de memòria. Així, és important que les webs tinguin temps de càrrega ràpida, menús intuïtius, jerarquia visual clara i interaccions coherents per facilitar la navegació i millorar la usabilitat general.

Responsive Design (disseny adaptatiu)

Tot i que el disseny responsive no és una obligació legal explícita, en la pràctica és imprescindible. Garanteix que qualsevol usuari pugui accedir al contingut d’una web des de mòbils, tauletes o ordinadors, i contribueix al compliment de les normes d’accessibilitat, ja que facilita l’adaptació a diferents necessitats. Avui dia, tenir una web adaptativa és pràcticament obligatori si es vol oferir una bona experiència d’usuari i mantenir un bon posicionament als cercadors, ja que Google prioritza els llocs optimitzats per a dispositius mòbils.

RGPD / GDPR (protecció de dades)

El Reglament General de Protecció de Dades (RGPD), també conegut com GDPR, afecta directament la interfície d’usuari (UI) de qualsevol web que reculli dades personals, com en formularis, cookies i subscripcions. Segons aquesta normativa, és imprescindible oferir el consentiment explícit dels usuaris abans de recollir dades, així com proporcionar un accés clar a la política de privadesa. A més, cal evitar els «patrons foscos», que són tècniques de disseny que intenten enganyar l’usuari per forçar accions no desitjades. Això assegura que els usuaris siguin tractats amb respecte i que es protegeixi la seva informació personal.

Aquí et deixem un exemple:

<form action="/enviar" method="post">
  <label for="nom">Nom:</label>
  <input type="text" id="nom" name="nom" required>

  <label for="email">Correu electrònic:</label>
  <input type="email" id="email" name="email" required>

  <label for="missatge">Missatge:</label>
  <textarea id="missatge" name="missatge" required></textarea>

  <div>
    <input type="checkbox" id="consentiment" name="consentiment" required>
    <label for="consentiment">
      Accepto que les meves dades siguin tractades segons la 
      <a href="/politica-privadesa" target="_blank" rel="noopener noreferrer">política de privadesa</a>.
    </label>
  </div>

  <button type="submit">Envia</button>
</form>

Bones pràctiques incloses:

✅ Consentiment explícit: l’usuari ha de marcar la casella activament (no està premarcada).

✅ Accés clar a la política de privadesa: mitjançant un enllaç.

✅ Sense patrons foscos: no es força l’usuari ni es confon amb dissenys enganyosos.

✅ Claredat i simplicitat: facilita la comprensió del que accepten.

Estàndards tècnics del W3C

El compliment dels estàndards tècnics establerts pel W3C és fonamental per garantir una bona arquitectura web i una estructura de codi neta i accessible. L’ús d’HTML semàntic és un exemple clar d’aquesta pràctica. Aquests estàndards afecten indirectament la UX (experiència d’usuari) perquè influeixen en aspectes com el SEO (optimització per a motors de cerca), la sostenibilitat del codi i, per tant, la rendibilitat i l’eficiència a llarg termini d’una pàgina web.

Compatibilitat amb tecnologies d’assistència

Aquest punt és implícit dins les WCAG, però val la pena destacar-lo com a apartat propi.
És fonamental assegurar que la web funciona correctament amb lectors de pantalla, teclats, comandaments de veu, etc. Això inclou:

• Ús correcte d’etiquetes ARIA (Rich Internet Applications): són atributs HTML que milloren l’accessibilitat web. Permeten descriure millor els elements d’interfície a usuaris amb discapacitats, especialment amb lectors de pantalla. No canvien el comportament visual, però ajuden a entendre rols, estats i propietats d’elements que no són accessibles per defecte.
• Estructura semàntica coherent: utilitza etiquetes HTML adequades (com <header>, <nav>, <main>, <article>, <footer>) per organitzar el contingut de manera clara, millorant l’accessibilitat, el SEO i la comprensió per part dels lectors de pantalla.
• Ordre lògic de navegació: en una web és la seqüència en què els usuaris interactuen amb els elements de la pàgina. Ha de seguir una estructura clara i intuïtiva, facilitant l’accés a continguts clau.

Aquesta checklist t’ajudarà a revisar si la teva pàgina web compleix amb les directrius d’accessibilitat i les bones pràctiques per complir amb la nova normativa que entra en vigor el 23 de juny de 2025. Utilitza-la per fer una auto-auditoria de la teva web, identificant possibles millores per garantir el compliment i una millor experiència d’usuari.

1. Accessibilitat Web (WCAG)

2. Usabilitat (Bones pràctiques)

3. Responsive Design (Disseny adaptatiu)

4. RGPD / GDPR (Protecció de dades)

5. Estàndards tècnics del W3C