Mastermind Web

El Podcast sobre desarrollo web para que potencies tus proyectos


#18 - Cómo hacer un sitio más accesible


Cuando hablamos de discapacidad, nos centramos sólo en las personas ciegas y sus necesidades se utilizan habitualmente como ejemplo. Esto es simplista y engaño ya que la accesibilidad es algo de lo que la mayoría de la población puede beneficiarse.


¿Crees que tienes un sitio accesible? ¿Estás seguro de que cumples con los requisitos mínimos para que tus usuarios naveguen sin problemas? En este episodio nos adentramos en la accesibilidad web y veremos que es algo imprescindible para cualquier sitio web dirigido a personas ¡Escucha ahora el episodio!


Antes de leer las notas del programa ¡Recuerda que puedes escucharlo pinchando el play en el reproductor de arriba!

Noticias

Han pasado cosas muy importantes en estas dos semanas que van más allá de Joomla.

Abierto el plazo de inscripción al JAB18

  • El evento será en Colonia del 11 al 13 de mayo
  • El día 10 planean llevar a cabo muchos talleres sobre javascript, vue.js, desarrollo de extensiones ¡¡y mucho más!!
  • El lema de este año es: “Jeder Jeck is anders” que viene a significar algo así como que todos estamos un poco locos y que la locura de cada uno es diferente y la suma de todas hace que el mundo sea tan interesante. Quizá en español diríamos “Cada loco con su tema”
  • La sede es en el hotel Maternushaus en el centro de Colonia
  • El precio de la habitación en la sede es de unos 110€/noche impuestos incluidos
  • Como la sede está muy cerquita de la estación de tren se pueden encontrar muchos sitios más económicos muy cerca del sitio
  • Aparezco en el vídeo de promoción que grabaron en la Joomla World Conference: https://youtu.be/sWx7FyADd3Q?t=53s
  • Un poco más de autobombo y es que ya he enviado una propuesta de ponencia al evento que tratará sobre cómo hacer podcasting en Joomla. Ayúdame a que la organización elija mi propuesta tuiteando la siguiente frase ¡Sólo tienes que pinchar en el botón de abajo!

2018 is the year of podcasting, please @jandbeyond consider seriously @carcam proposal about podcasting in Joomla for your programme #jab18

¡¡Tuitea esto!!

La traducción de esto en español según Google translate es:

2018 es el año del podcasting, por favor, @jandbeyond considera seriamente la propuesta de @carcam sobre el podcasting en Joomla para tu programa # jab18

Ver traducción al español de la frase en Google Translate.

Tienes toda la información sobre el JandBeyond en la web del evento: JandBeyond.

Joomla! 3.8.4 estará disponible muy pronto

El pasado martes 16 de enero el proyecto Joomla! anunció en Twitter que Joomla! 3.8.4 estará disponible muy pronto y nos animaba a todos a probar algunos de los parches que corrigen fallos en la versión actual. En el momento de grabar este espisodio quedan sólo 7 parches por probar. Te animo a que los pruebes y envies tus comentarios en GitHub para que puedan estar disponibles lo antes posible: https://github.com/joomla/joomla-cms/milestone/29

Ver el Tweet de la noticia

Abierta la nominación a Coordinadores de Departamento del Grupo 2 de OSM

Hasta el próximo día 27 de enero puedes nominar a los candidatos para el grupo 2 de la junta directiva de OSM.

Los cargos de este grupo 2 son: Presidencia, secretariado, Coordinación del Departamento de Producción, Coordinación del departamento Legal y Financiero y Coordinación del departamento de Operaciones.

Una vez cerrado el plazo de nominaciones las personas nominadas y tendrán hasta el 3 de febrero para aceptar su nominación. Después desde el 4 hasta el 10 de febrero los Coordinadores de Departamento y Líderes de equipo emitiremos nuestro voto y los resultados se publicarán el 12 de febrero.

Es interesante resaltar que en caso de que salga elegida una persona diferente en alguna de las posiciones a elección, y hasta el día 24 de marzo, compartirá cargo con la persona a la que sustituye para asegurar una transición suave.

GitHub es un poquito más accesible

GitHub anunció el pasado 19 de enero en Twitter que había modificado el color de sus etiquetas para cumplir con las pautas de accesibilidad del WCAG. Esto es sin duda una buena noticia porque una web accesible es una web de todos.

Ver el Tweet de la noticia

Aviso de extensiones vulnerables

 Sin resolver

  • cms2cms -> Permisos de fichero/carpeta inadecuados. De esto se estuvo hablando en el canal comunitario de Glip y es una vulnerabilidad que puede paliar si usas este componente. Simplemente después de hacer la importación, corrige a mano los permisos de ficheros(644) y carpetas (755). De hecho si usáis Joomla! como sistema de destino, podéis hacerlo con un click usando Admin Tools tanto en la versión Core como en la Pro.
  • Masse de Matamko.com (Sistema clon de Groupon) en todas sus versiones, tiene un problema de inyección SQL

Resueltos ¡Actualiza ya!

  • Ajax Quiz by Webkul 2.0 o anteriores -> inyección SQL. Se corrige actualizando a la versión 2.1
  • Joomla Guru ha corregido el problema de inyección SQL que anunciamos en el último programa así que si tenéis la versión 5.0.15 (o inferior) ya estáis tardando en actualizar a la versión 5.0.16.
  • Easy Discuss  4.0.20 y anteriores -> Ataque Cross Site Scripting (XSS) . Se corrige actualizando a la versión 4.0.21

Cómo hacer un sitio más accesible

El objetivo de la accesibilidad es que las páginas web sean utilizables por el máximo número de personas, sin importar sus conocimientos, capacidades personales ni las características técnicas del equipo que estén usando para acceder a internet.

¿Por qué es importante?

Cuando tenemos un sitio web, normalmente queremos que todo el mundo sea capaz de entrar en él y o bien leer nuestro contenido o bien comprar nuestros productos y servicios. Si le ponemos barreras a una parte de la población, estamos cerrando gran parte del mercado.

Por otro lado, de la propia definición de Accesibilidad: “que todo el mundo sea capaz de entrar en él”. Si tenemos un sitio con Flash o un JavaScript muy enrevesado estamos dejando fuera de nuestro sitio a un montón de personas que navegan con dispositivos móviles.

En cualquier caso y mirando hacia nosotros mismos, todos más tarde o más temprano tendremos dificutades para acceder a un sitio web. El hacer un buen trabajo de accesibilidad ahora es una garantía de que no nos excluirán de la web las generaciones futuras.

Mitos

  • Mi web no la van a visitar personas con discapacidad. No son mi target
  • Las páginas webs accesibles son caras y costosas
  • La accesibilidad es sólo para ciegos o para personas con discapacidad
  • Los sitios webs accesibles son muy feos

Lo básico

  • Lo primero que tenemos que considerar es que un diseño web accesible debe cumplir los estádares del W3C.
  • Por supuesto no utilices tablas para maquetar el contenido.
  • Cuando utilices tablas de asegúrate de que tienen un campo <caption> y que todas las celdas de encabezamientos están adecuadamente marcados con <th>. Tampoco está de más que utilices las zonas <thead>, <tbody> y <tfooter>.
  • Todas las imágenes deben tener su texto alternativo adecuado describiendo la imagen que se muestra. Eso sí, si es una imagen decorativa mejor dejar el texto alt vacío alt=””
  • Todos los formularios deben tener etiquetas <label> y éstas estar ligadas con su campo mediante el atributo for
  • Nada de enlaces genéricos “Pincha aquí”. Todos tienen que tener contexto. Ya sea mediante el texto del enlace como usando el atributo title del enlace.
  • En vídeos y audios proporciona también subtítulos y una transcripción. Esto es algo que tengo que corregir en este podcast.
  • Facilita que los usuarios puedan saltar los mecanismos de navegación que se repiten en tus páginas. Por ejemplo incluyendo al principio un enlace “Saltar al contenido principal”
  • Si quieres ocultar “el contenido accesible” puedes usar CSS para “sacarlo” de la zona visible:

#accesible {
   position: absolute;
   top:-10000px;
}

Para ir más allá

Os dejo algunos enlaces que me han ayudado en este artículo y que podéis usar

Cómo hacerlo en Joomla!

  • Elige bien tu plantilla. Para eso puedes usar el test W3C y WAVE en la demo de la plantilla y así asegurarte que tienes una buena base.

  • Haz lo mismo con los componentes que uses. Puedes usar los parámetros ?tmpl=component para sólo ver el código del componente

  • Utiliza la plantilla Beez3 para probar los módulos o una plantilla accesible
  • Contacta con los desarrolladores e infórmales de los problemas de accesibilidad de sus productos para que puedan corregirlos

Proyecto del episodio

Finalmente ha sido un domingo muy complicado con una lucha devastadora entre mis peques y la gripe así que no pude terminar mi proyecto del episodio. No obstante lo haré en la semana de publicación del podcast y en la siguiente haré el proyecto del próximo episodio que será la corrección del bug de accesilibidad que os menciono: Problema de accesibilidad con los atributos alt y title en los campos de tipo "Media".

Feedback


Escuchar en ivoox

Comentarios gracias a CComment


¡Escúchanos donde quieras!

mastermindweb.es is not affiliated with or endorsed by The Joomla! Project™. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.

mastermindweb.es no tiene afiliación alguna ni está recomendada por el proyecto Joomla! Project™. El uso del nombre Joomla!®, su símbología, y logotipo y sus marcas relacionadas está permitido bajo una licencia limitada concedida por Open Source Matters, Inc.

MastermindWeb.es es un proyecto de MJ y Extly