Los logos de firefox, explorare, chrome y safari dentro de la lupa de wordpress inclusivo

WordPress Inclusivo 10: Browser Update

El mundo web es uno lleno de posibilidades, pero al tiempo, un océano lleno de peligros, hoy os voy a recomendar la incorporación de una herramienta interesante a vuestro WordPress, que ayudará a vuestros usuarios a mantenerse seguros.

La herramienta en cuestión se llama Browser Update y sirve para lo que se imaginan, avisar a sus usuarios cuando la versión del navegador está obsoleta, no soportada por el desarrollador del mismo o incluso si es una versión con brechas de seguridad conocidas.

Hace algunos años, cuando empecé a interesarme por el diseño web, usaba un script al que le indicaba las versiones mínimas y si no se cumplía redirigir a una página en la que bloqueaba la web directamente, este método creo que es más eficaz, informativo, y además basado en código abierto.

Se puede incorporar mediante un simple script o usando un plugin de los muchos disponibles, como el de WordPress, que es la opción que he utilizado, si todo va bien no se verá nada, en caso necesario aparecerá un aviso al comienzo de la página (al estilo del plugin tipico de Cookies), indicandonos lo que pasa y dándonos las opciones disponibles para que decidamos qué hacer.

Mejorando la accesibilidad del aviso.

El aviso no está mal planteado y es accesible con lector de pantalla, pero a efectos de contrastes y tamaños de fuente cabe decir que no estoy muy satisfecho con lo que veo en ese respecto para usuarios con bana visión.

Por suerte, el plugin en wordpress nos permite incluir css adicional , y he usado esta opción para mejorar su aspecto, contraste y tamaño de fuente. Comparto el código css usado por si puede resultar de utilidad.

.buorg { font-size:1.3rem!important;}
#buorgig, #buorgul { 
  color:white!important;
  font-weight:bold;
  margin: 1.4rem 2px 1rem 2px!important;}
#buorgig,#buorgpermanent {
  background-color:#B40610!important;}
#buorgul {background-color:#2462AC!important;}

¿Conoces métodos alternativos a este?¿alguno incluso mejor? por favor ¡haznoslo saber en los comentarios para que todos podamos contar con la mejor información a la hora de crear una experiencia de usuario inclusiva excelente en nuestros wordpress!.

Si te planteas donar en estos tiempos, usa ese dinero para ayudar a tu alrededor.

No voy a negar que este proyecto en realidad me cuesta dinero, y dada mi capacidad adquisitiva, el porcentaje no es pequeño.

PERO, en esta crisis te pido que si piensas en donarme algo, lo evalúes y uses el dinero para ayudar a alguien de tu entorno inmediato.

Seguro que hay alguien que necesita algunos alimentos, científicos que neceistan fondos para investigar el COVID-19

En estos tiempos te pido que les des prioridad.

Si aún así tu posición te permite hacer ambas cosas, te agradezco de antemano tu aportación. ¡Ánimo que de esta salimos juntos!

Representacion en 8x8 Pixels del concepto "Coronavirus" usando una corona amarilla y un 19 rojo debajo

¿Te gusta lo que hago?

En ese caso, puedes ayudarme con los costes de servidor, de dominios, y apoyame para que pueda seguir trabajando en esta dirección.

Recuerda ¡esta donación es completamente voluntaria!

Puedes donar la cantidad que quieras a través de mi página en Paypal.me, si te resulta más cómodo.

Ayudame a entender mejor qué creaciones pueden ser de mayor valor para vosotros, indicandolo en el comentario de paypal.

Gracias de todo corazón.

¿Quieres saber cual es mi plan con los miles de millones de los pozos de petroleo?