¿Por qué es importante tener en cuenta la accesibilidad?

En los últimos años se están haciendo esfuerzos para que todo el mundo pueda acceder a todas partes, independientemente de la discapacidad que tenga. En Internet está sucediendo lo mismo.

Todo el mundo empieza a tener claro que, teniendo el mismo coste, ante la opción de construir una escalera o una rampa, si optamos por la segunda opción ayudaremos a hacer la vida un poco más sencilla a mucha gente. Además, más gente de la que inicialmente pensábamos, se beneficiará de esta medida. No sólo personas en silla de ruedas, sino también gente que vaya con el carro de la compra, madres con su carrito de bebé, bicis,…

En Internet parece que aún no todos los desarrolladores y empresas, saben como ayudar a los usuarios con discapacidades. Para facilitar esto, nació la WAI, que nos da las pautas que debemos seguir para lograr que nuestra web sea accesible.

Para mí, la remodelación principal es olvidarse de cómo vemos una web, de su parte visual, fuera CSS, e intentar centrarse en la semántica. Centrarse en los fundamentos y después dedicarse a ornamentar la casa. Lo más importante es que la información que queremos transmitir con nuestra web esté bien estructurada.
HTML nos ofrece distintos TAGS para poder transmitir la información correctamente. La mayoría de contenido de una web se puede marcar con estos 3 tipos de TAGS:

• Titulares (h1, h2, h3…)
• Párrafos (p)
• Listados (ol, ul, dl)

Veamos un ejemplo de como maquetar de dos maneras distintas y obtener el mismo resultado:

• Ejemplo A:
  
<div id="titular">Requisitos mínimos</div>
<p>
· DirectX 9.0c<br/>
· Internet Explorer 6.0<br/>
· Grabadora de CD o DVD
</p>

• Ejemplo B:
  
<h2>Requisitos mínimos</h2>
<ul>
<li>DirectX 9.0c</li>
<li>Internet Explorer 6.0</li>
<li>Grabadora de CD o DVD</li>
</ul>


En el ejemplo A la información que transmitimos es simplemente una serie de palabras sin ninguna relación entre ellas. Además una de las palabras es ·, que no tiene ningún significado.

En el ejemplo B, estamos diciendo que los elementos (DirectX 9.0c, Internet Explorer 6.0, Grabadora de CD o DVD) tienen algún tipo de relación entre ellos y que estan agrupados. Además el titulo que define la agrupación es “Requisitos mínimos”.

Ahora, la pregunta del millón, ¿Si hago un marcado correcto quién se beneficia? Porque yo lo veo igual…
Bien, para esto hay 2 respuestas.

Primero, la respuesta moral.

El que se beneficía, entre otros, es el usuario que trabaja con un navegador no visual. Por ejemplo cuando un usuario con discapacidad visual entre a la página del ejemplo B, su lector de webs le leerá la información de forma que él entenderá que en esta página web de “Requisitos mínimos” tenemos DirectX 9.0c, Internet Explorer 6.0 y Grabadora de CD o DVD. Si usamos el ejemplo A, le leerá sin ninguna distinción Requisitos mínimos, DirectX 9.0c, Internet Explorer 6.0, Grabadora de CD o DVD.

La segunda respuesta, la respuesta más materialista.

Si examinamos el tráfico de nuestra web veremos que tenemos algunos visitantes asiduos. Estos usuarios habituales son los Bots, robots que usan los buscadores para saber que información contiene nuestra web. Son usuarios con discapacidad visual del 100%.

Cuando este robot examine nuestra página sabrá que hablamos de Productos de limpieza y que tenemos DirectX 9.0c, Internet Explorer 6.0 y Grabadora de CD o DVD, si usamos el ejemplo B de marcado, la próxima vez que un usario busque “Requisitos DirectX”, ese buscador tendrá más en cuenta la página del Ejemplo B que la del A. cuantas más visitas nos envíen los buscadores, más tráfico.

Así que por cualquiera de los dos motivos, reformar una web para que siga las pautas WAI, a largo plazo vale la pena, aunque el coste inicial sea importante.