📚 Introducción al desarrollo web: HTML y CSS (2/2)

🗂️ Cómo se logra que una página web tenga éxito

🎥⏱️ 15m 45s

📖 ¿Usabilidad, accesibilidad? (parte 6)

⭐ Aspectos clave

Debes ver el vídeo ¿Usabilidad, accesibilidad? (parte 6), en el que Sergio Luján Mora responde a varias preguntas sobre usabilidad y accesibilidad que le realizaron a través de Internet durante su conferencia virtual.

📝 Transcripción

Y que ahora estaré muy contento de contestar todas las preguntas que me hagáis. Vamos a empezar entonces con preguntas planteadas por los usuarios tanto en el área del chat cuanto en el área de las redes sociales. Tenemos también público presente en esta ocasión que nos acompaña; si es que desean también plantear algún interrogante, sería importante que lo puedan hacer.

Una de las primeras preguntas que apareció, haciendo el seguimiento de nuestro hashtag #DiseñoWeb. Les recuerdo que si quieren plantear alguna pregunta a través de tanto Facebook o Twitter, estamos usando el hashtag #DiseñoWeb. Una de las primeras preguntas que aparece es: ¿Quién debe definir la accesibilidad en Internet, cuando tenemos un proyecto? ¿El diseñador, el programador, quien aporta los contenidos?

Bien, la accesibilidad debe ser un requisito en cualquier desarrollo y, en este caso, en un desarrollo web, la accesibilidad debe ser un requisito que se debe tener en cuenta desde el principio, al igual que cualquier otro requisito, por ejemplo, el requisito de usabilidad o el requisito de seguridad. Es un error que se comete muchas veces tener en cuenta la accesibilidad al final del proyecto, es decir, cuando ya se ha construido el sitio web empezamos a preocuparnos de que sea accesible; muy mal, muy mal, por varias razones.

En primer lugar, porque va a suponer un mayor coste; y en segundo lugar, porque seguramente no vamos a lograr el mismo nivel de accesibilidad que hubiésemos logrado si lo hubiésemos tenido desde el principio. Un ejemplo claro es imaginar una pared en un edificio, y una vez que está construido el edificio, nos piden que en esa pared pongamos una puerta o una ventana. El coste de poner esa puerta o ventana va a ser superior y las molestias también. Imaginad si alguien está viviendo ahí en ese edificio. Entonces, la accesibilidad se tiene que tener en cuenta desde el principio, como cualquier otro requisito.

¿Quién lo define? Bueno, depende de qué sitio web estamos desarrollando. Si estamos desarrollando un sitio web de una administración pública, pues viene definido por las leyes que exigen que se cumpla el nivel de accesibilidad. Si estamos desarrollando un sitio web para un cliente, dependerá de si el cliente quiere o no que tengamos en cuenta la accesibilidad. Al fin y al cabo, él es el que va a pagar nuestro desarrollo: si él nos lo pide, pues tendremos que tenerlo en cuenta.

¿Y quién tiene que tener en cuenta la accesibilidad en el desarrollo? Pues todos los implicados, no solamente, como se decía en la pregunta, el diseñador o el programador o la persona que va a introducir los contenidos; todos los implicados en el proyecto tienen que aportar su grano de arena. Por ejemplo, el diseñador tendrá que elegir una buena combinación de colores, colores de alto contraste, para que personas con baja visión puedan diferenciar bien, por ejemplo, el color del texto del color de fondo. Ese es un problema que tiene que resolver el diseñador.

Luego, por ejemplo, el programador tendrá que etiquetar correctamente las imágenes. Y luego, las personas que introduzcan los contenidos en el sitio web también se tendrán que preocupar de ciertos aspectos, como por ejemplo que los textos que escriban sean simples, que los textos usen un vocabulario reducido, que los textos indiquen primero las ideas principales al principio y no al final. Como vemos, la accesibilidad es algo de todos, no solamente de unos pocos que estén implicados en un desarrollo web.

Sí, en la pregunta comentan una nueva técnica de desarrollo web; ya no es tan nueva porque... Sergio, que vuelva a plantear la pregunta, parece que tenía apagado el micrófono. Nos plantean sobre las plantillas o sitios que son adaptativos o responsivos para adaptarse a los teléfonos y a las tabletas. En Ecuador, la mayoría de los sitios no cuentan todavía con esta tecnología.

Sí, aclaro un poco la pregunta: el diseño, en inglés se dice "responsive design" y en español se puede decir diseño adaptable o adaptativo, es una nueva técnica, aunque no es tan nueva, tiene ya unos tres años de vida, que permite que un sitio web se adapte a distintos dispositivos, a tamaño de pantalla diferente. Es una técnica muy interesante por lo que explicaba antes, de que hoy en día el acceso a Internet está aumentando, sobre todo desde dispositivos móviles. Por tanto, es un requisito crear sitios web que se vean bien en tabletas y en teléfonos móviles.

Como han dicho en la pregunta, aquí en Ecuador solamente he encontrado un sitio web que aplique estas técnicas. Es algo que hay que enseñar en las universidades, en cursos de capacitación, aprender a usar esta técnica. Y nosotros, como usuarios, lo que podemos intentar hacer es escribir a los webmasters de esos sitios web y pedirles que adapten el diseño de los sitios web. Quizás, si todos empezamos a escribirles, tomarán conciencia de ello y harán las adaptaciones.

Nos plantean desde el área de chat. Es Jaime quien consulta, en porcentajes, ¿qué se tiene que utilizar más en una página web: las imágenes, los videos, los textos u otros contenidos? Se tiene que usar un poco de todo y lo más apropiado para cada contexto. Como decía antes, el hacer un sitio web accesible no supone eliminar colores o imágenes o vídeos. Es más, en las pautas de accesibilidad se recomienda, por ejemplo, el uso de imágenes para facilitar la accesibilidad a aquellas personas con problemas cognitivos; aquellas personas que tienen problemas para entender un texto entienden mucho mejor las imágenes.

Pero claro, si nos vamos a otra discapacidad, a las personas ciegas, las imágenes suponen un problema. Entonces, lo que hay que hacer es usarlo todo. Vídeos, ¿podemos usar videos? Pues por supuesto, un vídeo es una excelente herramienta para explicar algo que tenga dinamismo, algo que tenga movimiento en pocos segundos. Con un vídeo de cinco o diez segundos podemos explicar algo que a lo mejor requiere leer párrafos y párrafo de texto, pero ¿qué tenemos que hacer con el vídeo? Pues, para hacerlo accesible, tenemos que ponerle subtítulos, tenemos que ponerle una audio descripción, y así lograremos que ese vídeo tenga alternativas para distintas personas con distintas discapacidades.

Preguntas desde el público presente aquí en el estudio: una de ellas nos plantea, justamente, cómo hacer para que las páginas web que ya tenemos se adapten mejor hacia los dispositivos. ¿Es posible, de alguna forma, instalar algún complemento que permita hacer esto? Sí, existen soluciones avanzadas de tipo proxy que lo que hacen es una reescritura del código. Requiere cierto trabajo manual para definir ciertas reglas, pero permite que un sitio web que en principio no esté diseñado para un dispositivo móvil se pueda convertir a dispositivo móvil sin tener que crear el sitio web desde cero. Es posible, existen soluciones para ello.

Como digo, hace de proxy de intermediario y detecta que se está solicitando la página desde un dispositivo móvil y hace una reescritura del código para adaptarlo al dispositivo móvil. Otra de las preguntas que también nos plantea el público presente en el estudio es: ¿qué es preferible para hacer adaptativa y más usable una página web: emprender un rediseño o arrancar desde cero un proyecto nuevamente? Claro, ahí hay distintos factores, depende de la amplitud del sitio web. Si el sitio web tiene miles o millones de páginas, quizás empezar desde cero es bastante difícil o, por supuesto, costoso.

Entonces depende de la situación. El plantearse hacer un sitio web accesible es una buena excusa para renovar todo el sitio web y hacerle un lavado de cara, cambiarle todo el diseño y hacerlo más fresco y más novedoso. Si nos fijamos, los sitios web de las grandes empresas suelen cambiar cada cierto tiempo, cada año, dos años, tres años; suelen estar en constante cambio, y es algo que las empresas pequeñas, si tienen una buena arquitectura de su sitio web, se lo pueden plantear fácilmente.

El problema es si la arquitectura del sitio web es mala, si tiene un mal diseño, un mal desarrollo, el hacer un cambio seguramente va a suponer tener que empezar desde cero, porque el sitio web no está preparado para incorporar nuevos cambios.

Una pregunta adicional, desde el área de chat de CIESPAL: ¿cómo se debería organizar un equipo de trabajo para una organización cultural que presenta gran cantidad de información diaria? Bien, aquí yo recomiendo el empleo de un gestor de contenidos. Un gestor de contenidos, en inglés "Content management system", es un software específico para mantener sitios web que te ahorra bastantes tareas repetitivas que hay que hacer en el sitio web.

Además, si es una organización de tipo cultural donde seguramente habrá varias personas que quieren introducir el contenido, este software les evita tener que aprender cómo están hechas las páginas web. Simplemente hay que aprender a usar un programa similar a un editor de textos. Programas para gestionar contenidos, "Content management system", existen multitud, de pago y gratuitos. Gratuito, los más famosos son, por ejemplo, Wordpress, Joomla o Drupal. Son de código abierto, lo puedes descargar, lo puedes modificar y además existe una ingente cantidad de desarrolladores que amplían sus posibilidades. Entonces, en esta situación, sin duda yo recomiendo el emplear, como digo, un gestor de contenidos.

Tenemos otra pregunta adicional desde nuestros usuarios, también del chat: ¿qué se recomienda para que podamos nosotros realizar sitios móviles, solamente pensados para teléfonos móviles? Bien, en primer lugar, hay que intentar pensar en hacer los sitios web para los distintos dispositivos. Pensar: "voy a hacer un sitio web simplemente para un dispositivo móvil" no es una buena estrategia.

Entonces, ¿cómo hago un sitio web que se vea bien, que se pueda usar desde distintos dispositivos sin problemas? Pues volvemos otra vez al tema del diseño adaptable, el responsive design. Y hay gestores de contenidos que tienen "plugins" para realizar las adaptaciones necesarias. Por tanto, otra vez, no hace falta conocer todos los detalles técnicos, existe ya software que te permite hacerlo fácilmente.

¿Qué es mejor, y esa es la pregunta del millón realmente, diseñar en casa o contratar empresas? Bien, depende. Yo, por ejemplo, doy clase en informática, en computación, en mi ciudad, en Alicante, en España, y aquí en Quito. A mis alumnos les digo una cosa que al final les va a pasar seguramente: lo bueno, lo bonito, sería desarrollar un sitio web en un equipo de trabajo, con distintos perfiles: el diseñador, el analista, el programador, que cada uno hiciese su papel.

Desgraciadamente, la mayoría de mis alumnos acaban trabajando en empresas pequeñas y tienen que hacerlo todo: tienen que hacer el diseño, tienen que hacer la programación, el mantenimiento, la administración, todo ellos. Lo bueno es contratar a un experto del tema, ya sea que lo tengas en tu propia empresa, lo contratas en la plantilla o contratarlo de forma tipo freelance u outsourcing.

Por ejemplo, si vas a desarrollar tu sitio web, yo recomendaría que contrates a un diseñador durante uno, dos, tres meses, lo que necesites, para que te haga el diseño de tu sitio web y luego ya, si tienes programadores en tu empresa, que hagan el resto del desarrollo. Pero, como digo, el chico que lo hace todo, al final, no lo sabe hacer todo bien.

Muy bien, Sergio, muchísimas gracias por las preguntas del público también que nos ha acompañado en esta conferencia virtual. Agradecemos también por su presencia de igual forma conectados a través de la página de ciespal.net. Les recordamos a ustedes, amigos, que para el mes de junio tendremos la presencia de Sergio en un seminario acá en CIESPAL, justamente abordando estos temas con mayor profundidad y sobre todo para saber cómo comunicar mejor, cómo distribuir la información en nuestros sitios, cómo hacer que sean accesibles, usables; todos estos aspectos serán aportados en un seminario.

Estamos ya haciendo los ajustes necesarios para este evento. Por supuesto, despertará, como vemos, el interés de quienes se dedican a esta actividad y sobre todo a pensar en el usuario, que es lo más importante. Muchísimas gracias, Sergio. Tenemos una nueva oportunidad contigo, también con otras conferencias y temas que están planteados a futuro. Muchas gracias.

Llegamos hasta aquí en este espacio de encuentros virtuales de CIESPAL. Recuerden, cada 15 días, una conferencia virtual sobre temas de comunicación y nuevas tecnologías. Hasta la próxima, amigos.

Ya para finalizar, me gustaría recordarte algunos de los sitios web en los que puedes encontrar más información sobre mí y sobre mi trabajo, y dos formas para contactar conmigo: a través de mi correo electrónico sergio.lujan@ua.es y a través de mi cuenta en Twitter @sergiolujanmora. Recuerda que este vídeo forma parte del curso “Introducción al desarrollo web”, que está disponible en la dirección idesweb.es. Muchas gracias por tu atención.