# Joomla 4 y sus mejoras de accesibilidad slide: https://hackmd.io/@mastermind/Joomla4-a11y --- ## Sobre mí - Consultor Web - Desarrollador Joomla, PrestaShop, Wordpress, Laravel, Flutter... - Orgulloso Joomler - Enamorado de Joomla! #MejorConJoomla - Leit motiv: La web es para tod@s ¡Recuperemos la web! --- # ¡Por fin Joomla 4 está aquí! (o casi) --- - En desarrollo desde 2013 - Una revisión completa a las últimas tecnologías web - La web tiene que ser inclusiva: Responsible Web Design --- # ¿Por qué es importante la accesibilidad? ---- ## Pizza Hut  Note: - Guillermo Robles quería pedir una pizza - Ni la web ni la APP de Pizza Hut eran accesibles ---- ## Vueling  Note: - El Ministerio de Derechos Sociales y Agenda 2030 ha multado con 90.000 euros a la aerolínea Vueling --- ## Necesitamos una web inclusiva  note: - Visualizar pantallas a la luz del sol - Manejar una web sin ratón o con una mano - Navegar sin ver la pantalla https://unsplash.com/photos/OP2EQ5g-Zkw --- # ¿Qué hemos hecho en Joomla? Note: - Siempre hemos trabajado hacia una web más accesible - Desde Joomla1 1.5 teníamos plantillas accesibles comoo opción ---  Note: - Una única plantilla backend - Hasta Joomla 3 siempre hemos ofrecido dos plantillas --- ### Mejoras en el marcado HTML - Reestructuración de landmarks - HTML más semántico - Textos alternativos para todas las imágenes --- # Backend ---- ### Una única plantilla accesible ---- ### Opciones de accesibilidad destacadas ---- ### Versión monocromo ---- ### Resaltado de enlaces ---- ### Aumento de contraste ---- ### Aumento de tamaño de letra ---- ### Navegación rápida con SkipTo (ir a) --- # Frontend  Note: - Una única plantilla frontend - Hasta Joomla 3 siempre hemos ofrecido Beez - Es la parte donde más cambios se hacen - Una única plantilla ---- ### Navegación rápida con SkipTo (ir a) ---- ### Mejoras para añadir imágenes  note: - Es importante que se pueda generar contenido accesible - Las imágenes tienen que tener un atributo alt - Ahora es posible elegir cuándo es una imagen decorativa ---- ### Ayudas temporales de accesibilidad  note: - Nos pueden distraer de la accesibilidad real - En muchos casos son redundantes - Aun así pueden aportar soluciones temporales --- ## Y aun hay más... - Plugin de revisión de accesibilidad - Mejoras en la definición del marcado de los títulos - Navegación por teclado - Mejoras de accesibilida en el gestor de medios --- ### ¡Gracias por hacer una web inclusiva! :sheep: Podéis encontrarme en: - GitHub como *carcam* - En mastermindjoomla.com y en prestaradio.com - o escribirme a carlos@hepta.es