Lliçó 8 de 10 · 12 min de lectura · Revisada el 26/10/2026
Casos especials: aplicacions web, àrees separables, diverses versions i contingut canviant
Estàs llegint una lliçó oberta. Matricula't per fer els tests i els exercicis, desar el teu progrés i aconseguir el certificat.
Matricula-m'hi · nivell 4 (49 €)La lliçó «Definir la mostra» explicava com mostrejar un lloc amb plantilles, processos i estats pensant en un portal més o menys típic. Però molts encàrrecs no ho són: una aplicació de gestió que viu en un sol URL, un portal amb seu electrònica, botiga i blog en subdominis diferents, un web en quatre idiomes, un diari digital que canvia cada hora. La mateixa WCAG-EM (s'obre en una finestra nova) esmenta diversos d'aquests casos, i el seu plantejament és sempre el mateix: els cinc passos no canvien, canvia com s'apliquen. Aquesta lliçó recorre els més freqüents i la manera d'adaptar l'abast i la mostra a cadascun.
Aplicacions web i SPA
En una aplicació web, i sobretot en una aplicació d'una sola pàgina (SPA), l'URL diu poc: la mateixa adreça mostra el llistat, el detall, el formulari d'edició i el diàleg de confirmació. Com vas veure en la lliçó «Abast de la conformitat», cada estat significatiu es tracta com una pàgina. Conseqüències per al mètode:
- La mostra es defineix per vistes i estats, no per URL. Cada element s'identifica amb l'URL de partida i la seqüència d'accions per arribar-hi: «
/expedientes, filtrar per "en tràmit", obrir el primer, pestanya Documents». Sense aquesta seqüència, ningú no podrà reproduir la troballa. - Els perfils compten. Si hi ha perfils diferents (ciutadania, personal tramitador, administració), cadascun veu interfícies diferents. L'abast ha de dir quins perfils s'avaluen, i la mostra, incloure vistes de cadascun.
- Les dades canvien la interfície. Un llistat buit, un amb 3 resultats i un altre amb 300 (paginació o càrrega progressiva) són estats diferents. Demana dades de prova que permetin reproduir-los tots.
- El que és dinàmic exigeix una atenció especial: la gestió del focus en canviar de vista, l'avís de canvis (4.1.3 Missatges d'estat), el títol que s'actualitza en cada vista (2.4.2 Pàgina titulada) i el tancament de sessió per inactivitat (2.2.1 Temps ajustable).
Exemple
Auditoria de l'aplicació de gestió d'ajudes d'una conselleria, accessible només amb usuari. La mostra no té «pàgines», sinó 18 vistes i estats: tauler inicial, llistat de sol·licituds buit i amb resultats, filtres desplegats, detall de sol·licitud en les seves quatre pestanyes, formulari d'esmena amb errors i sense, diàleg de signatura, avís de sessió a punt de caducar i tres vistes del perfil de personal tramitador. S'hi afegeixen dos processos complets: presentar una esmena i resoldre una sol·licitud.
Llocs amb àrees separables
Moltes organitzacions tenen un portal informatiu, una seu electrònica, una botiga o un portal d'ocupació amb tecnologies i responsables diferents. WCAG-EM permet que l'abast sigui només una part del lloc si es pot delimitar amb claredat, però exigeix rigor en dos punts:
- La delimitació es declara. «S'avalua
sede.ejemplo.es; en queda forawww.ejemplo.es, que serà objecte d'una altra avaluació.» Mai no es presenta el resultat d'una àrea com si fos el del conjunt. - Els processos no es tallen a la frontera. Si «demanar cita» comença al portal i acaba a la seu, o si la seu envia a identificar-se amb Cl@ve o a pagar a la passarel·la d'un banc, aquestes pantalles formen part del procés. Si l'organització no les controla, s'identifiquen com a contingut de tercers, però s'avaluen i s'informa del seu resultat, perquè sense elles la tasca no es pot completar.
Punt clau
Davant d'un cas estrany, torna a la pregunta de fons de WCAG-EM: la mostra cobreix tota la varietat que una persona pot trobar en fer servir el lloc per a allò per al qual existeix? Si la resposta és sí i està documentada, el mètode està ben aplicat encara que el lloc no s'assembli a cap exemple de manual.
Llocs en diverses versions: idiomes, mòbil i disseny adaptable
Un mateix contingut es pot oferir en diverses versions. Els casos més comuns a Espanya són aquests:
| Situació | Què canvia | Com mostrejar |
|---|---|---|
| Diversos idiomes (castellà, llengua cooficial, anglès) | El text i de vegades l'estructura; l'idioma declarat (3.1.1 Idioma de la pàgina, 3.1.2 Idioma de les parts) | Mostra completa en la versió principal; en les altres, almenys les pàgines comunes, una de cada plantilla i els processos essencials, comprovant sempre l'atribut lang |
Versió mòbil separada (per exemple, un subdomini m.) | Plantilles i components propis | Tractar-la com una altra àrea, amb el seu propi inventari i la seva pròpia mostra |
| Disseny adaptable (responsive) | La mateixa pàgina reorganitza el contingut segons l'amplada de la finestra | Avaluar cada pàgina també a amplada de mòbil (320 píxels CSS com a referència de l'1.4.10 Reajustament dels elements) i en totes dues orientacions (1.3.4 Orientació); el menú hamburguesa i els components que es transformen són estats |
| Versió en lectura fàcil o simplificada | Contingut alternatiu per a un altre públic | És una altra versió que també ha de ser accessible; no substitueix la principal |
Error freqüent
Acceptar que una «versió accessible» separada, com un web de només text, cobreix les pàgines principals no conformes. Les WCAG només admeten una versió alternativa conforme si, entre altres condicions, ofereix la mateixa informació i funcionalitat en el mateix idioma, està igual d'actualitzada i s'hi pot arribar de manera accessible des de la pàgina no conforme. A la pràctica, aquestes versions paral·leles queden antiquades en pocs mesos; l'auditor ha de comprovar les condicions una per una abans d'acceptar-les.
Llocs grans, descentralitzats o canviants
- Moltes unitats editores. En una universitat o un ministeri cada departament publica amb criteris propis. Estratifica la mostra: a més d'una pàgina per plantilla, inclou-hi pàgines de diverses unitats editores, perquè la mateixa plantilla emplenada per equips diferents produeix problemes diferents (encapçalaments, enllaços, documents). Aquí la mostra aleatòria és especialment valuosa.
- Contingut que canvia cada dia. Notícies, ofertes, agenda. Avalues una fotografia: anota la data i l'hora de cada prova, desa les evidències i, si és possible, una còpia de la pàgina avaluada. Inclou a la mostra tant contingut estable com contingut de rotació ràpida, perquè aquest últim revela com treballa l'equip editorial dia a dia.
- Contingut generat per usuaris. Fòrums, comentaris, ressenyes. Avalua el component (el formulari per publicar i la manera com es mostren les aportacions) i una mostra del contingut. Recorda que la conformitat parcial per contingut de tercers només cobreix el que de debò l'autor no controla.
- Llocs petits. A l'extrem contrari, si el lloc té poques pàgines, la mostra estructurada les pot incloure totes. En aquest cas la mostra aleatòria deixa de tenir sentit i n'hi ha prou d'indicar-ho a l'informe.
Avaluar durant el desenvolupament
Cada vegada més auditories s'encarreguen abans de publicar: un lloc nou en preproducció o un redisseny a mig construir. WCAG-EM es pot aplicar igual, amb dues precaucions. La primera, l'abast ha d'identificar la versió avaluada (una etiqueta del repositori, una data de compilació), perquè el resultat només val per a ella. La segona, el contingut de prova no és el real: textos de farciment, imatges provisionals o llistats amb dos elements amaguen problemes que apareixeran amb el contingut definitiu. Indica-ho com a limitació i recomana una verificació posterior sobre el lloc publicat.
Prova-ho tu
Obre el web d'una universitat pública espanyola. Localitza tres àrees que semblin separables (per exemple, el portal, la seu electrònica i el campus virtual) i anota'n els dominis. En una d'elles, comprova si hi ha versions en un altre idioma i si l'atribut lang de l'element html canvia: a Chrome, fes clic amb el botó dret, tria Inspecciona i mira la primera etiqueta del codi. Decideix què inclouries a l'abast, què deixaries fora i com ho redactaries en una frase.
Resum
- En aplicacions web i SPA, la mostra es defineix per vistes i estats amb la seqüència per arribar-hi, per perfils i per dades.
- Una àrea separable pot ser l'abast si es declara, però els processos que travessen la frontera, inclosos Cl@ve o les passarel·les de pagament, s'avaluen complets.
- Cada versió del lloc (idioma, mòbil, disseny adaptable) necessita la seva part de la mostra; les versions alternatives només valen si compleixen totes les condicions de les WCAG.
- En llocs grans o canviants, estratifica per unitats editores, data cada avaluació i combina contingut estable i de rotació.
- En preproducció, identifica la versió avaluada i adverteix de les limitacions del contingut de prova.
Portes 10 lliçons d'aquest curs: que no es perdin
Crea el teu compte i desa el que ja has llegit i segueix el curs amb tot:
- El test d'aquesta lliçó (3 preguntes) per comprovar el que has après
- Exercicis pràctics amb pàgines reals
- El teu progrés desat: continues on ho vas deixar, des de qualsevol dispositiu
- Constància del curs amb les hores i certificat del nivell 4 quan aprovis l'examen
Entres amb el teu compte de Google o només amb el teu correu electrònic. No cal contrasenya.
Matricula-m'hi · nivell 4 (49 €)