Guía de estilo para webs de centros en EducaMadrid

Esta guía de estilo es de aplicación a todos los contenidos, secciones y elementos publicados en la web institucional del centro dentro del entorno Educamadrid. Establece los criterios de estilo, estructura y uso responsable del HTML aplicables a la página web del centro alojada en Educamadrid.

Normativa vigente

• Instrucciones de la Viceconsejería de Educación sobre la inclusión en el Portal EducaMadrid de las páginas o sitios web de los centros y servicios educativos.
• RESOLUCIÓN conjunta de 4 de diciembre de 2023, de las Viceconsejerías de Política Educativa y de Organización Educativa, sobre la información a las familias que deben contener las páginas web de los centros educativos de la Comunidad de Madrid, en cumplimiento de la Ley 1/2022, de 10 de febrero, Maestra de Libertad de Elección Educativa de la Comunidad de Madrid.
• Política de privacidad de las páginas web de los centros.
• Instrucciones complementarias sobre contenidos de páginas y sitios web de los centros docentes y servicios educativos.
• Circular sobre los derechos de propiedad intelectual y su aplicación en el ámbito educativo.
• Criterios sobre proteción de datos personales para centros educativos públicos de la Comunidad de Madrid.

Guía de estilo para webs de centros dentro del entorno de EducaMadrid

1. Cabecera y pie de página
   La cabecera y el pie de página corporativos de EducaMadrid deben mantenerse visibles, íntegros y sin alteraciones en todas las páginas del sitio.
2. Elementos institucionales
   Los logotipos oficiales deben conservarse en su forma original y enlazar correctamente a los sitios institucionales correspondientes.
3. Identificación del centro
   El nombre del centro debe aparecer de forma clara y reconocible en todas las páginas del sitio web.
4. Estructura del sitio
   La organización del sitio debe estructurarse en secciones establecidas en la normativa vigente.
5. Legibilidad
   Los textos deben emplear tipografía clara, colores contrastados y un diseño sobrio que facilite la lectura y comprensión.
6. Extensión de contenidos
   Se recomienda evitar contenidos extensos y dividirlos en subpáginas o secciones para evitar bloques de lectura excesivamente largos.
7. Accesibilidad
   Se deben aplicar las recomendaciones de accesibilidad publicadas en esta Guía de accesibilidad.
8. Uso de HTML
   El código HTML debe utilizarse de forma responsable y consciente, porque un uso incorrecto puede afectar al funcionamiento de la página, a su apariencia y a la seguridad del sitio.
   
9. Estilos y CSS
   Los estilos CSS deben aplicarse únicamente a los elementos HTML de los widgets o bloques y no deben modificar la apariencia corporativa (ver puntos 1 y 2 de esta Guía).
10. Uso de JavaScript
    El uso de JavaScript debe limitarse a funciones simples y seguras que no comprometan la estabilidad ni la seguridad del sitio.
11. Compatibilidad
    Las modificaciones realizadas deben garantizar una visualización correcta en los principales navegadores y dispositivos.
12. Responsabilidad de los contenidos
    La dirección del centro es responsable de la aplicación de la normativa vigente y de los contenidos publicados en el espacio web.
    

EducaMadrid podrá eliminar sin previo aviso cualquier elemento que incumpla estas indicaciones.
Se prestará especial atención al código JavaScript cuando pueda afectar al rendimiento del sitio o incluya recursos externos, dado que ambos aspectos pueden comprometer la estabilidad y la seguridad de la plataforma.

Prácticas incorrectas

Estas prácticas deben evitarse porque afectan a la coherencia institucional, la accesibilidad, la seguridad y la estabilidad técnica de las páginas de centros alojadas en Educamadrid.

1. La cabecera y el pie de página corporativos de EducaMadrid no deben eliminarse, ocultarse ni modificarse.
2. Los logotipos institucionales deben mantenerse en su forma original y sin sustituciones no autorizadas.
3. Los estilos globales de EducaMadrid no deben sobreescribirse ni alterarse.
4. No deben añadirse scripts externos, mecanismos de rastreo o sistemas que recojan datos que no están contemplados en la Política de privacidad de las páginas web de los centros ni en la información sobre tratamiento y protección de datos en el ámbito educativo.
5. No deben utilizarse diseños con bajo contraste, tipografías difíciles de leer o animaciones que dificulten la accesibilidad. 
6.  No deben incluirse contenidos que introduzcan publicidad ni contenidos ajenos al carácter institucional del centro.
7. No debe añadirse código que pueda generar procesos no controlables o introducir vulnerabilidades en el sitio.