Arribes a l'última lliçó del curs. Has recorregut un camí llarg: de no saber què era l'accessibilitat a construir, verificar i mantenir una plataforma —Cursalia— accessible, dinàmica, aplicativa i multilingüe. Abans de tancar, convé aixecar la vista del codi i mirar l'horitzó: cap on evoluciona tot això? L'estàndard canvia (WCAG 3.0 apunta), la llei estreny (la European Accessibility Act ja és en vigor), la intel·ligència artificial entra en escena amb les seves promeses i els seus riscos, i l'accessibilitat es desborda més enllà de la web cap al mòbil, la veu i la realitat estesa. Aquesta lliçó et dona un mapa d'aquest futur perquè no t'agafi desprevingut, amb un advertiment important: el panorama normatiu i tècnic evoluciona de pressa; el que aquí s'explica és una foto de 2026 i l'has de contrastar sempre amb fonts actualitzades i amb professionals. I al final, tancarem junts el viatge complet.

Contingut

  1. WCAG 3.0 (Silver): un model nou, encara en desenvolupament
  2. L'evolució d'ARIA
  3. L'embranzida legal com a motor de mercat
  4. Intel·ligència artificial: l'arma de doble tall
  5. Accessibilitat més enllà de la web
  6. Personalització i preferències de l'usuari
  7. El canvi cultural: "shift-left"
  8. Un advertiment sobre un terreny en moviment
  9. Errors comuns i consells
  10. Exercicis
  11. Tancament del curs

  1. WCAG 3.0 (Silver): un model nou, encara en desenvolupament

Al llarg del curs has treballat amb WCAG 2.2, l'estàndard vigent, amb la seva estructura de criteris superables (A / AA / AAA) que veies com a requisits al Mòdul 3. A l'horitzó hi ha WCAG 3.0, el nom en clau del qual és "Silver". És un redisseny profund, no una simple actualització de la llista de criteris. El més important que has de saber:

WCAG 3.0 està en desenvolupament i NO reemplaça WCAG 2.2. És un esborrany de treball del W3C; la seva publicació com a estàndard recomanat és a anys vista. Avui, i durant força temps, la teva referència continua sent WCAG 2.2. WCAG 3.0 és cap on mirem, no el que apliquem encara.

Què es proposa canviar respecte a 2.x:

Aspecte WCAG 2.2 (actual) WCAG 3.0 (en desenvolupament)
Model de conformitat Binari: cada criteri es compleix o no (aprovat/suspès) Puntuació graduada (per exemple, nivells Bronze/Silver/Gold)
Unitat d'avaluació Criteris d'èxit "Resultats" (outcomes) mesurats amb proves
Abast Contingut web Més ampli: apps, documents, més tecnologies
Discapacitats cognitives Cobertura limitada Més èmfasi

La idea de la puntuació graduada és superar el "tot o res". Amb 2.2, un sol criteri incomplert tomba la conformitat AA d'una pàgina sencera, encara que l'altre 99% sigui impecable. El model de 3.0 busca reflectir millor l'experiència real: com d'accessible és una cosa, no només si passa o no un llindar. És un canvi de filosofia que encaixa amb el que vas aprendre al Mòdul 6 sobre prioritzar per impacte real en l'usuari, no per nombre d'errors.

  1. L'evolució d'ARIA

ARIA, que vas dominar als Mòduls 4 i 5, també evoluciona. És una especificació viva que s'amplia per cobrir patrons nous i afinar els existents. Dos fronts a seguir:

  • Nous rols i atributs: s'afegeixen a mesura que apareixen patrons d'interfície que la semàntica HTML nativa no cobreix. La ARIA Authoring Practices Guide (APG), el teu "contracte de comportament" del Mòdul 5, s'actualitza en paral·lel.
  • La regla d'or no canvia: "cap ARIA és millor que mal ARIA". Com més capaç es torna l'HTML natiu (per exemple, elements com <dialog> que ja vas usar, o els popover i controls natius emergents), menys ARIA manual necessites. La tendència de fons és que la plataforma web absorbeixi patrons que abans exigien ARIA a mà, reduint la superfície d'error.

La lliçó pràctica: prioritza sempre l'element HTML natiu; recorre a ARIA només quan no existeixi una alternativa nativa, i vigila si un patró que avui programes a mà passa a estar suportat de manera nativa.

  1. L'embranzida legal com a motor de mercat

L'accessibilitat ha deixat de ser "una bona pràctica opcional" per convertir-se en obligació legal en cada vegada més territoris, i això és, probablement, el motor de canvi més gran del mercat. La fita recent més rellevant a Europa:

La European Accessibility Act (EAA) —Directiva (UE) 2019/882— és aplicable des de juny de 2025. Obliga que nombrosos productes i serveis digitals (comerç electrònic, banca, transport, e-books, i serveis en línia en general) compleixin requisits d'accessibilitat per poder-se vendre a la UE.

Conseqüències pràctiques que ja notes:

  • L'accessibilitat passa de "ho fem si hi ha temps" a requisit per operar en un mercat. Recorda del Mòdul 6 que un comprador (una universitat que contracta Cursalia) exigeix un ACR/VPAT: això es generalitza i es torna exigible per llei.
  • Augmenta la demanda de perfils amb coneixements d'accessibilitat —just el que has adquirit en aquest curs.
  • Al costat de l'EAA conviuen altres normatives (la norma europea EN 301 549, la Secció 508 als EUA, lleis nacionals…). El detall concret varia per jurisdicció i canvia: verifica sempre la que t'aplica.

El missatge: l'accessibilitat és avui també una qüestió de compliment i negoci, no només d'ètica. Totes dues coses empenyen en la mateixa direcció.

  1. Intel·ligència artificial: l'arma de doble tall

La IA és la tendència més comentada i la més mal interpretada en accessibilitat. Té un enorme potencial i uns riscos igual de reals. La clau és entendre on ajuda i on enganya.

Ús d'IA Promesa Risc real
Generació automàtica d'alt Descriure imatges a escala Descripcions genèriques o errònies; ignora el propòsit del alt en el seu context (Mòdul 5)
Subtítols automàtics Subtitular vídeo barat i ràpid Errors en noms propis, argot i puntuació; dolents amb soroll o accents; nefastos sense revisió
Testing assistit per IA Detectar més problemes que les regles fixes Falsos positius/negatius; no substitueix usuaris reals
"Overlays" d'accessibilitat "Arreglar" un lloc amb una línia de script Sovint empitjoren l'experiència; rebutjats per la comunitat d'usuaris de TA

La regla d'or amb la IA en accessibilitat és la mateixa que vas aprendre al Mòdul 6 sobre les eines automàtiques: són un punt de partida, mai la sentència. Un alt generat per IA que diu "una persona asseguda davant d'un ordinador" pot ser correcte i alhora inútil, si el propòsit d'aquella imatge a Cursalia era mostrar "estudiant completant el qüestionari final del curs". La IA no coneix la intenció; tu sí. I sobretot:

La IA no reemplaça les proves amb usuaris reals (Mòdul 6, 06-03). Cap eina, per intel·ligent que sigui, et dirà el que et va dir la Marta en no sentir el seu missatge de matrícula. Usa la IA per accelerar la feina repetitiva i revisa sempre la seva sortida amb criteri humà i amb usuaris.

Els overlays mereixen un advertiment a part: els ginys que prometen "compliment d'accessibilitat amb una línia de codi" són àmpliament rebutjats per la comunitat de persones amb discapacitat, perquè sovint interfereixen amb les tecnologies d'assistència que l'usuari ja té configurades. No hi ha dreceres: l'accessibilitat es construeix al producte, no s'enganxa per sobre.

  1. Accessibilitat més enllà de la web

Tot el que has après —semàntica, focus, alternatives textuals, teclat— transcendeix el navegador. El futur és multiplataforma:

  • Apps mòbils i natives: iOS i Android tenen les seves pròpies API d'accessibilitat (VoiceOver, TalkBack) i les seves guies. Els principis POUR del Mòdul 3 són els mateixos; canvien les eines.
  • Interfícies de veu (assistents tipus altaveu intel·ligent): sense pantalla, l'accessibilitat és tota la interacció. Plantegen reptes nous per a persones sordes (el Diego) o amb dificultats de parla.
  • XR / AR / VR (realitat estesa): entorns immersius on falta gairebé tot el vocabulari d'accessibilitat. Com navega la Marta un espai 3D? Com rep la Lucía subtítols espacials? És una frontera oberta, amb estàndards encara incipients.

El patró es repeteix: els principis (perceptible, operable, comprensible, robust) romanen; les tècniques es reinventen per a cada mitjà. Qui entén els principis —tu, ara— s'adapta a qualsevol plataforma.

  1. Personalització i preferències de l'usuari

Una tendència sòlida i ja molt usable avui: respectar les preferències que l'usuari declara al seu sistema, que el navegador exposa com a media queries de CSS. En lloc d'imposar una única experiència, l'adaptes a cada persona:

/* Hugo (TDAH) o qui es mareja amb el moviment: redueix animacions */
@media (prefers-reduced-motion: reduce) {
  .carrusel, .transicio { animation: none; transition: none; }
}

/* Sofía (baixa visió) o d'altres: puja el contrast si el sistema ho demana */
@media (prefers-contrast: more) {
  :root { --text: #000; --fons: #fff; --vora: #000; }
}

/* Respecta el mode fosc del sistema (vist al Mòdul 4) */
@media (prefers-color-scheme: dark) { /* … */ }

prefers-reduced-motion és especialment important i ja hauries d'usar-lo: el moviment pot provocar mareig o desorientació (relacionat amb WCAG 2.3.3 i 2.2.2 del Mòdul 3), i molesta persones amb TDAH com el Hugo. La tendència va cap a més senyals d'aquest tipus (preferències de tipografia, de reducció de dades, de transparència), movent l'accessibilitat d'una talla única a una experiència personalitzada que respecta el que cada usuari ja ha configurat.

  1. El canvi cultural: "shift-left"

Potser la tendència més important no és tècnica sinó de procés. Durant anys l'accessibilitat va ser una fase final: es construïa el producte i, al final, algú "el feia accessible" (o ho intentava). Aquest model s'està morint. El moviment "shift-left" significa moure l'accessibilitat cap a l'esquerra en el cicle de desenvolupament: que hi sigui present des del disseny, no com a pedaç final.

flowchart LR
  A[Disseny] --> B[Desenvolupament] --> C[Proves] --> D[Llançament]
  A -.accessibilitat aquí.-> A
  B -.i aquí.-> B
  C -.i aquí.-> C
  style A fill:#2e7d32,color:#fff
  style B fill:#2e7d32,color:#fff
  style C fill:#2e7d32,color:#fff

Això connecta directament amb el que vas veure al Mòdul 6: l'accessibilitat a la Definition of Done, el linter a CI, els tests d'axe automàtics, la checklist manual a cada component. La idea de fons:

L'accessibilitat és responsabilitat de tot l'equip —disseny, desenvolupament, contingut, QA, producte— i de tot el cicle, no d'una persona ni d'una fase. És més barata, més eficaç i més humana quan es pensa des del principi.

Dissenyar accessible des de l'inici costa una fracció del que costa esmenar al final. I produeix millors productes per a tothom, no només per a qui té una discapacitat.

  1. Un advertiment sobre un terreny en moviment

Un avís honest per tancar la part tècnica: tot el d'aquesta lliçó evoluciona ràpid. WCAG 3.0 avançarà i el seu model pot canviar; ARIA afegirà rols; la legislació s'ampliarà i variarà per país; la IA millorarà (i portarà riscos nous); sorgiran plataformes que avui no imaginem. Les dates i els detalls concrets que aquí es donen són una foto de 2026.

Per això, més que memoritzar l'estat actual, endu-te el hàbit de verificar: consulta fonts primàries i actualitzades (el W3C/WAI, la documentació oficial), segueix la comunitat d'accessibilitat i, davant de decisions legals o de conformitat importants, recolza't en professionals especialitzats. Els principis que has après són estables; els detalls, no. Mantén-te al dia.

Errors comuns i consells

  • Creure que WCAG 3.0 ja substitueix 2.2. No: 2.2 és la referència vigent; 3.0 està en desenvolupament. Aplicar avui 3.0 com si fos obligatori és un error.
  • Confiar cegament en la IA. alt i subtítols automàtics són un esborrany que cal revisar. La IA no coneix el propòsit ni substitueix usuaris reals.
  • Caure en els overlays. No hi ha "una línia de codi" que faci accessible un lloc; solen empitjorar l'experiència.
  • Pensar que l'accessibilitat és només web. Mòbil, veu i XR apliquen els mateixos principis amb altres tècniques.
  • Ignorar prefers-reduced-motion i prefers-contrast. Estan disponibles avui i respecten el que l'usuari ja ha demanat. Usa'ls.
  • Tractar l'accessibilitat com a fase final. El "shift-left" la porta al disseny; esmenar al final és més car i pitjor.
  • Consell: no memoritzis dates ni versions; interioritza els principis i adquireix el hàbit de verificar en fonts actualitzades. L'estàndard canvia; el perquè, no.

Exercicis

Exercici 1. Un responsable de producte et diu: "He llegit que WCAG 3.0 puntua de 0 a 100 en lloc d'aprovat/suspès, així que a partir d'ara auditem Cursalia amb WCAG 3.0". Assenyala què hi ha de cert i què d'erroni en la seva afirmació, i què li recomanes.

Exercici 2. L'equip vol subtitular els 200 vídeos de Cursalia amb una eina d'IA per complir amb el Diego i amb la llei. Explica el benefici i el risc, i descriu un flux de treball responsable que usi la IA sense renunciar a la qualitat.

Exercici 3. Afegeix al full d'estils de Cursalia el respecte per dues preferències del sistema: reduir el moviment del carrusel de la home i augmentar el contrast si l'usuari ho té configurat. Escriu el CSS i explica a quina persona del curs ajuda cada regla.

Solucions

Solució 1. Cert: WCAG 3.0 proposa un model de puntuació graduada en lloc del binari aprovat/suspès de 2.2. Erroni: WCAG 3.0 està en desenvolupament i encara no és un estàndard recomanat; no reemplaça WCAG 2.2, que continua sent la referència vigent i l'exigible legalment. Recomanació: continuar auditant amb WCAG 2.2 (nivell AA) com a base de conformitat, vigilar l'evolució de 3.0 per preparar-se, però no adoptar-la com a criteri oficial fins que es publiqui i ho exigeixin les normatives aplicables. Verificar l'estat a les fonts del W3C/WAI.

Solució 2. Benefici: la IA subtitula 200 vídeos en una fracció del temps i el cost de fer-ho a mà, cosa que fa viable l'objectiu. Risc: els subtítols automàtics fallen en noms propis, terminologia tècnica, puntuació i amb accents o soroll; publicats sense revisar, donen al Diego una experiència pobra i podrien no complir de debò la llei (WCAG 1.2.2, Mòdul 5). Flux responsable: (1) generar l'esborrany amb IA; (2) revisió humana obligatòria de cada vídeo, corregint termes, noms i puntuació; (3) validar el resultat, idealment amb la persona destinatària o amb algú que usi subtítols; (4) mantenir els subtítols per idioma (07-03). La IA accelera; la revisió humana garanteix la qualitat.

Solució 3.

/* Redueix el moviment del carrusel: ajuda el Hugo (TDAH) i qui es mareja */
@media (prefers-reduced-motion: reduce) {
  .carrusel-home { animation: none; }
  .carrusel-home .slide { transition: none; }
}

/* Puja el contrast si el sistema ho demana: ajuda la Sofía (baixa visió) */
@media (prefers-contrast: more) {
  :root { --color-text: #000; --color-fons: #fff; }
  .targeta-curs { border: 2px solid #000; }
}

La primera regla respecta prefers-reduced-motion i atura l'animació del carrusel: ajuda el Hugo (TDAH/dislèxia), a qui el moviment distreu, i qualsevol amb sensibilitat vestibular. La segona respecta prefers-contrast i reforça contrast i vores: ajuda la Sofía (baixa visió). Totes dues preferències les declara l'usuari al seu sistema; nosaltres només les honorem.

Conclusió

I aquí acaba el viatge. Val la pena mirar enrere i veure quant has recorregut.

Vas començar sense saber què era l'accessibilitat web (Mòdul 1) i vas entendre que no és un extra, sinó un dret i una obligació legal. Vas conèixer les persones per a qui treballem i les tecnologies que usen (Mòdul 2). Vas convertir els principis POUR en requisits concrets amb WCAG (Mòdul 3). Vas construir amb HTML semàntic, formularis, ARIA i contrast (Mòdul 4); vas donar vida a widgets, teclat i multimèdia amb JavaScript (Mòdul 5); vas aprendre a verificar amb proves manuals, eines automàtiques, usuaris reals i informes (Mòdul 6); i en aquest últim mòdul vas domar el contingut dinàmic i les regions actives, les SPA, el multilingüisme i aquesta ullada al futur. Vas aixecar, peça a peça, una Cursalia accessible: el seu catàleg, el seu reproductor, la seva matrícula, els seus qüestionaris, el seu tauler de l'alumne, en tres idiomes.

Però Cursalia mai va ser l'objectiu. L'objectiu sempre van ser les persones:

  • La Marta, que ara sent el resultat de la seva matrícula, navega el tauler com a SPA i escolta cada idioma amb la seva veu correcta.
  • La Lucía, que recorre tota la plataforma amb el teclat sense quedar-se atrapada ni perdre el focus.
  • La Sofía, que amplia al 300% sense que res es trenqui ni se solapi.
  • El Diego, que segueix cada vídeo amb subtítols en el seu idioma.
  • El Hugo, que troba una interfície clara, sense moviment que el distregui, que pot seguir al seu ritme.

Ells són el perquè de tot el que has après. Cada alt, cada aria-live, cada focus ben gestionat, cada lang correcte és la diferència entre que puguin o no puguin usar el que construeixes.

Recorda les dues idees que travessen el curs sencer: l'accessibilitat no és una fase final, sinó una manera de treballar des del primer esbós; i les eines ajuden, però res no substitueix provar-ho amb persones reals. Si t'endús això, t'endús l'essencial.

La web es construeix per a tothom, o no està acabada. Ara tens el coneixement per construir-la bé. L'estàndard continuarà canviant i sempre hi haurà alguna cosa nova per aprendre —mantén la curiositat, verifica en fonts actualitzades i continua practicant—, però el compromís és el mateix des de la primera lliçó fins a aquesta última. Gràcies per arribar fins al final. Ara ves i fes-ho accessible.

© Copyright 2026. Tots els drets reservats