Desenvolupament web per al sector públic: administracions i empreses públiques

Q: Quina normativa d’accessibilitat ha de complir un web públic a Espanya?

El Reial decret 1112/2018, sobre accessibilitat dels llocs web i aplicacions mòbils del sector públic. Es basa en la norma EN 301 549, que cita formalment WCAG 2.1 nivell AA. Nosaltres auditem i desenvolupem contra WCAG 2.2 AA, que cobreix aquests criteris i hi afegeix els nous de la versió 2.2.

Q: És obligatori l’Esquema Nacional de Seguretat per al proveïdor del web?

L’ENS (Reial decret 311/2022) fixa les mesures de seguretat dels sistemes que donen servei a l’Administració i s’exigeix també a les empreses que li presten serveis: els plecs ho demanen. Per a les categories MITJANA i ALTA cal una certificació per una entitat acreditada. Kiwop està certificada en l’ENS categoria mitjana des del setembre del 2026.

Construïm, migrem i mantenim webs i plataformes d’organismes públics: accessibles segons el Reial decret 1112/2018, segures amb l’Esquema Nacional de Seguretat en què estem certificats, en programari lliure i sense perdre ni una URL quan toca canviar de versió. Quinze webs de barcelona.cat i el web de l’empresa pública d’energia de la Generalitat ho avalen.

Parlar del meu projecte Veure què fem

15 Webs de barcelona.cat desenvolupats i migrats a Drupal 10
ENS Categoria mitjana, certificat el 2026
RELI Inscrits com a licitadors des del 2019

01 · Requisits El que el negoci necessita
02 · Arquitectura Decisions documentades
03 · Codi Revisat i provat
04 · Desplegament Automàtic i reversible
05 · Rendiment Core Web Vitals en verd
06 · Evolució El teu equip demana, nosaltres entreguem
Cada mètrica marca la següent iteració

Scroll

Definició

Què és el desenvolupament web per al sector públic?

És el disseny, el desenvolupament i el manteniment de webs, seus i plataformes d’administracions, organismes i empreses públiques, amb els requisits que la llei els imposa i que un web privat no té: accessibilitat obligatòria, seguretat conforme a l’Esquema Nacional de Seguretat, transparència, diverses llengües oficials i contractació per licitació.

A Espanya, l’accessibilitat dels webs i les apps del sector públic la regula el Reial decret 1112/2018, que es basa en la norma EN 301 549 i, a través d’ella, en WCAG 2.1 nivell AA. La seguretat dels sistemes que donen servei a l’Administració la fixa l’Esquema Nacional de Seguretat (Reial decret 311/2022), que també s’exigeix a les empreses que li presten serveis.

Resum

Resum executiu

El que demana un organisme públic a qui li fa el web, i com ho complim.

Un web públic no es pot permetre el que un web privat de vegades es permet: que un lector de pantalla no el pugui recórrer, que una migració trenqui els enllaços que fa anys que són en butlletins i cercadors, o que el proveïdor sigui l’únic que sap com es publica. Per això el llistó no és només tècnic. És accessibilitat comprovada, seguretat que es pot acreditar en un plec, programari lliure que l’organisme es pot endur a un altre proveïdor i equips de comunicació que publiquen sols.

Ho hem fet a escala. Durant quatre anys vam desenvolupar i mantenir quinze webs de l’Institut de Cultura de Barcelona dins de barcelona.cat (festivals, museus i òrgans de participació) i els vam migrar de Drupal 7, 8 i 9 a Drupal 10 conservant contingut i URL. I vam desenvolupar en Laravel el web de L’Energètica, l’empresa pública d’energia de la Generalitat, amb portal de transparència, ocupació pública i canal ètic en quatre llengües, en un contracte adjudicat el desembre del 2023.

Treballem amb els mateixos controls que exigeix l’Administració: estem certificats en l’Esquema Nacional de Seguretat en categoria mitjana, la ISO/IEC 27001 i la ISO/IEC 42001 des del setembre del 2026, i inscrits al Registre d’Empreses Licitadores de Catalunya des del 2019. Ens presentem a concursos públics i preparem la part tècnica de l’oferta pensant en qui redacta el plec.

15 Webs de barcelona.cat
D7→D10 Migració amb contingut i URL
3 Certificacions: ENS, ISO 27001 i ISO 42001

Què inclou

El que ha de complir un web públic

Els requisits que revisem en cada projecte, des del plec fins al manteniment.

Accessibilitat WCAG 2.2 AA, que cobreix la WCAG 2.1 AA a què remet l’EN 301 549, revisada a mà amb teclat i lector de pantalla
Declaració d’accessibilitat conforme a l’EN 301 549, publicada i al dia amb cada canvi del web
Seguretat conforme a l’ENS: accessos personals, registre d’activitat, còpies, pegats i gestió de vulnerabilitats
Programari lliure: Drupal, Laravel o l’stack que fixi l’organisme, amb el codi i les dades en el seu poder
Diverses llengües oficials per lloc, amb fluxos de traducció que controla l’equip de comunicació
Transparència, ocupació pública i canal ètic amb rols que separen el que publica cada departament
Migracions sense perdre URL: inventari, redireccions i contingut verificat abans d’apagar la versió antiga
Desplegaments traçables: configuració a git i pipeline, res tocat a mà a producció
Autonomia editorial: manual de continguts i formació perquè el dia a dia no depengui del proveïdor

Claus

Què fem per a organismes públics

Sis tipus de projecte que veiem en administracions, consorcis i empreses públiques.

01
Webs institucionals i d’equipaments

Webs d’ajuntaments, organismes autònoms, museus, festivals i serveis públics, amb tipus de contingut pensats per a qui publica cada dia. Dins de la plataforma corporativa de l’organisme quan n’hi ha, com vam fer amb els perfils i temes de barcelona.cat, i no en contra seu.
02
Ecosistemes de molts webs

Quan un organisme té desenes de llocs, el problema és que cap no es quedi enrere de versió. La mateixa recepta de desplegament, la mateixa base de components i el mateix llistó d’accessibilitat i seguretat per a tots. Ho expliquem a desenvolupament Drupal.
03
Migracions de versió i de plataforma

De Drupal 7, 8 o 9 a Drupal 10, o d’un CMS sense suport a un amb suport. Inventari del que hi ha, migració de contingut i d’URL, redireccions i comprovació abans del canvi. És el que vam fer amb els quinze webs de l’ICUB.
04
Accessibilitat i declaració d’accessibilitat

Auditoria WCAG 2.2 AA, correcció al codi (no overlays) i declaració d’accessibilitat conforme a l’EN 301 549. Si només necessites aquesta part, la tens a accessibilitat web.
05
Plataformes a mida per a empreses públiques

Quan el CMS no n’hi ha prou: panells amb rols per departament, ocupació pública amb inscripcions i documentació, canal ètic amb historial, i dades que vénen dels sistemes de l’organisme. Com el web de L’Energètica en Laravel.
06
Manteniment i seguretat contínua

Pegats, còpies, vigilància i evolutius, amb el registre de cada intervenció a la vista. Ho expliquem a manteniment web i, si l’organisme necessita portar el seu propi sistema de gestió de l’ENS, a Nexo SGSI.

Per què

Contractació pública: ens presentem a concursos

El que demana un plec tècnic i el que aportem a l’oferta.

La majoria de projectes públics arriben per licitació. Estem inscrits al Registre d’Empreses Licitadores de Catalunya (RELI) des del novembre del 2019 i tenim registre actiu a SAM.gov, el sistema de contractació federal dels Estats Units. Els plecs de web públic acostumen a demanar el mateix: solvència tècnica amb projectes comparables, equip amb perfils definits, un pla d’accessibilitat, l’ENS com a requisit i un pla de transició per rebre i retornar el servei. Preparem l’oferta tècnica responent punt per punt a aquests criteris i amb projectes reals al darrere, no amb una plantilla. Si el teu organisme està redactant el plec, també et podem dir què és raonable demanar.

oferta-tecnica.yaml

# El que acreditem en una oferta

seguretat:

ens: categoria mitjana, certificat

iso_27001: certificat

accessibilitat:

objectiu: WCAG 2.2 AA (EN 301 549)

registres:

- RELI (Catalunya), des del 2019

- SAM.gov (Estats Units)

transicio:

codi, dades i accessos de l’organisme

Mitjana ENS
Des del 2019 RELI
WCAG 2.2 AA Accessibilitat

Com treballem

Del plec o la primera reunió a un web que l’organisme governa sol.

01
Inventari

Cens del que hi ha abans de tocar res: webs, versions, mòduls, continguts, URL, integracions, accessos i qui publica què. Sense inventari, una migració pública perd enllaços.
02
Arquitectura i accessibilitat des del disseny

Tipus de contingut, rols per departament, llengües i plantilles pensades per complir WCAG 2.2 AA des del primer component, no corregides al final.
03
Desenvolupament i migració

Configuració versionada a git, desplegaments per pipeline, migració de contingut amb les seves URL i redireccions del que canvia. Cada lliurament es revisa amb teclat i lector de pantalla.
04
Posada en producció

La versió antiga continua en marxa fins al canvi. Comprovem contingut, enllaços i formularis abans i després, amb marxa enrere preparada.
05
Formació i autonomia

Manual de continguts i formació als editors, perquè l’equip de comunicació publiqui sense dependre de nosaltres. I manteniment, si l’organisme el vol.

Per a qui

És per a tu?

Encaixa quan el web és un servei públic i ha de complir la llei, no només funcionar.

Per a qui

Ajuntaments, diputacions, consells comarcals i organismes autònoms amb webs per migrar o refer.
Empreses públiques i consorcis que necessiten transparència, ocupació pública i canal ètic al seu web.
Organismes amb molts llocs (equipaments, festivals, museus) que s’han quedat en versions sense suport.
Departaments que preparen una licitació de web i volen un proveïdor amb ENS i projectes públics comparables.
Entitats del sector públic que han de complir el RD 1112/2018 i no saben on són.

Per a qui no

Contractes que només busquen el preu més baix per una plantilla: la nostra oferta es basa en accessibilitat real i en migracions que no perden res.
Projectes que requereixen una categoria ALTA de l’ENS: avui estem certificats en categoria MITJANA.
Organismes que només volen una auditoria d’accessibilitat puntual: millor el nostre servei d’accessibilitat web.

Lliurables

Què lliurem

El que queda en mans de l’organisme en acabar.

Inclòs

Web o plataforma en producció, amb codi i configuració al repositori de l’organisme
Informe d’accessibilitat WCAG 2.2 AA i declaració d’accessibilitat conforme a l’EN 301 549
Mapa d’URL migrades i redireccions de les que canvien
Pipeline de desplegament i documentació tècnica
Manual de continguts i formació als editors
Pla de transició perquè un altre proveïdor pugui continuar si l’organisme ho decideix

No inclòs

Allotjament, llicències de tercers i certificats de domini (es pressuposten a part o els aporta l’organisme)

La prova

Projectes públics que ho avalen

Durant quatre anys vam desenvolupar i mantenir quinze webs de l’Institut de Cultura de Barcelona a barcelona.cat: els festivals de la ciutat, els seus museus i els seus òrgans de participació, en català, castellà i anglès. Vam migrar l’ecosistema de Drupal 7, 8 i 9 a Drupal 10 conservant contingut i URL, vam republicar 22 exposicions virtuals de l’Arxiu Municipal i vam formar els equips de comunicació perquè publiquessin sols. Per a L’Energètica, l’empresa pública d’energia renovable de la Generalitat, vam desenvolupar entre el 2024 i el 2025 un web a mida en Laravel amb portal de transparència segons la Llei 19/2014, ocupació pública, canal ètic i quatre llengües; des del 2026 l’allotja un altre proveïdor i continua en línia amb el nostre codi, que és exactament el que ha de poder fer un organisme públic. En accessibilitat, el portal de la Fundació Ampans compleix WCAG 2.1 AA.

15 Webs de barcelona.cat desenvolupats i migrats
22 Exposicions virtuals republicades a Drupal 10
4 Llengües del web de L’Energètica
2009 Desenvolupant webs des del

Per al CTO

Resum per al responsable tècnic

Com el construïm per dins.

A Drupal treballem amb configuració exportada a git i desplegaments per pipeline (GitLab CI en el cas de l’ICUB, amb entorns locals DDEV), de manera que un canvi d’estructura es revisa i es desplega, no es toca a mà a producció. La mateixa recepta serveix per a quinze webs. Les migracions de versió comencen per un inventari de mòduls, temes i URL, i el contingut es migra amb les seves rutes; el que canvia porta la seva redirecció.

L’accessibilitat es prova en cada lliurament amb axe-core i a mà amb teclat i lector de pantalla, perquè les eines automàtiques només detecten una part de les barreres. La seguretat segueix els controls amb què estem certificats en l’ENS: accés amb clau personal de cada tècnic, credencials en un gestor xifrat, còpies verificades, pegats per avís de seguretat i registre de cada intervenció. Per a webs multilingües amb molt volum, la traducció es pot recolzar en IA conservant l’HTML i els enllaços, com a L’Energètica, amb l’original sempre intacte.

Tecnologies

Drupal 10
Laravel
PHP 8.3
MySQL
PostgreSQL
Redis
Twig
GitLab CI/CD
DDEV
axe-core

Configuració versionada i desplegaments per pipeline
Migracions amb inventari previ, URL conservades i redireccions
Accessibilitat provada en cada lliurament, automàtica i manual
Accessos personals, credencials xifrades i registre d’intervencions
Codi i dades de l’organisme, sense dependència del proveïdor

Riscos i com els cobrim

Els riscos que evitem

El que veiem quan ens arriba un web públic heretat.

01
Una migració que trenca els enllaços de butlletins, cercadors i altres webs

Mitigació
Inventari d’URL abans de començar, migració del contingut amb les seves rutes i redirecció de tot el que canvia, comprovada abans d’apagar la versió antiga.
02
Webs que es queden en una versió sense suport

Mitigació
Una sola recepta de desplegament i un calendari d’actualitzacions per a tot l’ecosistema, perquè cap lloc no es quedi enrere.
03
Accessibilitat que compleix el dia del llançament i es perd amb l’ús

Mitigació
Components accessibles per defecte, revisió en cada lliurament i formació als editors sobre el que depèn d’ells: textos alternatius, encapçalaments i documents.
04
Quedar lligat a un proveïdor que és l’únic que sap publicar

Mitigació
Programari lliure, codi i dades de l’organisme, documentació i pla de transició. L’Energètica va canviar de proveïdor el 2026 i el seu web continua funcionant.

Tecnologies

Tecnologies i estàndards

Amb què construïm i comprovem webs públics.

Drupal 10
Laravel
PHP
Symfony
MySQL
PostgreSQL
Redis
GitLab CI/CD
WCAG 2.2
EN 301 549
WAI-ARIA
axe-core
ENS
ISO/IEC 27001

Preguntes freqüents

Preguntes freqüents sobre webs per al sector públic

El que ens pregunten els responsables de comunicació i de sistemes.

Quina normativa d’accessibilitat ha de complir un web públic a Espanya?

El Reial decret 1112/2018, sobre accessibilitat dels llocs web i aplicacions mòbils del sector públic. Es basa en la norma EN 301 549, que cita formalment WCAG 2.1 nivell AA. Nosaltres auditem i desenvolupem contra WCAG 2.2 AA, que cobreix aquests criteris i hi afegeix els nous de la versió 2.2.

És obligatori l’Esquema Nacional de Seguretat per al proveïdor del web?

L’ENS (Reial decret 311/2022) fixa les mesures de seguretat dels sistemes que donen servei a l’Administració i s’exigeix també a les empreses que li presten serveis: els plecs ho demanen. Per a les categories MITJANA i ALTA cal una certificació per una entitat acreditada. Kiwop està certificada en l’ENS categoria mitjana des del setembre del 2026.

Us presenteu a licitacions públiques?

Sí. Estem inscrits al Registre d’Empreses Licitadores de Catalunya (RELI) des del 7 de novembre de 2019 i tenim registre actiu a SAM.gov (Estats Units). Preparem l’oferta tècnica amb projectes públics comparables, l’ENS i un pla d’accessibilitat i de transició.

Per què Drupal per a un web públic?

Perquè és programari lliure, madur en entorns institucionals, amb bon maneig de diverses llengües, rols i fluxos de publicació, i amb una comunitat que publica els seus avisos de seguretat. No és l’única opció: quan el projecte necessita lògica pròpia (ocupació pública, canal ètic, dades d’altres sistemes) fem servir Laravel, com a L’Energètica.

Com migreu un web públic sense perdre URL ni posicionament?

Comencem per un inventari de totes les URL i continguts. Migrem el contingut conservant-ne les rutes, redirigim tot el que canvia i ho comprovem abans d’apagar la versió antiga. Així vam migrar els quinze webs de l’ICUB de Drupal 7, 8 i 9 a Drupal 10.

Què passa amb Drupal 7 si el meu organisme encara el fa servir?

Drupal 7 ja no té suport de la comunitat, així que cada vulnerabilitat nova es queda sense pegat oficial. El més prudent és planificar la migració a Drupal 10 amb inventari previ, com a projecte amb el seu pressupost, i no esperar una incidència.

El codi i les dades són de l’organisme?

Sí. Treballem amb programari lliure i deixem el codi, la configuració i les dades en mans de l’organisme, amb documentació i un pla de transició. Si un dia decideix canviar de proveïdor, pot fer-ho: el web de L’Energètica l’allotja un altre proveïdor des del 2026 i continua en línia amb el nostre codi.

Podeu treballar dins de la plataforma corporativa d’un ajuntament?

Sí, i és l’habitual en ajuntaments grans. A barcelona.cat vam treballar dins de la plataforma Drupal de l’Ajuntament, sobre els seus perfils i temes corporatius, desenvolupant els tipus de contingut i les vistes que necessitava cada equipament.

Quant costa un web per a un organisme públic?

Depèn del nombre de llocs, de la migració, de les integracions i del que fixi el plec. No publiquem una tarifa: després de revisar l’inventari o el plec donem un pressupost tancat per fases. Si el projecte surt a licitació, l’import el fixa el mateix expedient.

Treballeu amb organismes públics de fora d’Espanya?

Sí. Treballem en català, castellà, anglès, francès, alemany, neerlandès i portuguès, amb l’estàndard europeu d’accessibilitat EN 301 549 com a referència i la ISO/IEC 27001 com a marc de seguretat reconegut fora d’Espanya.

Següent pas