Docs / 07. Web y Transparencia

Web Pública y Transparencia

Presencia digital que practica lo que predica: código abierto, datos accesibles, participación real.

Infografía del módulo 07 sobre web pública y transparencia

Principios de diseño

Principio Implementación
Transparencia radical Todo dato público accesible, no solo en PDF
Código abierto Todo el código en GitHub, contribuciones bienvenidas
Accesibilidad WCAG 2.1 AA como mínimo
Privacidad Mínima recolección de datos, sin trackers invasivos
Rendimiento Carga rápida, funciona sin JavaScript

Componentes de la web

1. Landing pública

  • Visión y propuesta de valor
  • Pilares diferenciadores
  • Llamada a la acción clara

2. Documentación

  • Todo el contenido del repositorio accesible
  • Buscador integrado
  • Versionado visible (como changelog)

3. Portal de transparencia

  • Finanzas en tiempo real (ingresos/gastos)
  • Actas de reuniones
  • Declaraciones patrimoniales de cargos
  • Contratos y proveedores
  • Datos en formatos abiertos (CSV, JSON)

4. Participación

  • Sistema de propuestas ciudadanas
  • Debates estructurados
  • Votaciones (cuando aplique)
  • Feedback sobre documentos

Stack tecnológico

Prioridades: simplicidad, mantenibilidad, coste bajo.

Capa Tecnología Razón
Frontend HTML/CSS/JS vanilla Sin dependencias, máxima durabilidad
Hosting Azure Static Web Apps Gratuito, CDN global, SSL automático
Código GitHub Control de versiones, colaboración, issues
Analytics Plausible / ninguno Privacidad, sin cookies

Información pública proactiva

Según Ley 19/2013 de Transparencia, publicaremos:

  • Estatutos y normativa interna
  • Estructura organizativa
  • Cuentas anuales auditadas
  • Subvenciones recibidas (si las hay)
  • Contratos con terceros
  • Retribuciones de cargos
Iremos más allá de lo legalmente exigido. Si el código es abierto, la gestión también.

Accesibilidad

  • Contraste suficiente (WCAG AA)
  • Navegación por teclado
  • Textos alternativos en imágenes
  • Estructura semántica (headings, landmarks)
  • Funcionalidad sin JavaScript
  • Responsive (móvil, tablet, desktop)