Hola buenas noches, a todos, que tal os vá, hace mucho, que no escribo por este blog de megustamundomac en WordPress.com, y en esta noche, vamos con una nueva entrada, que parece, que tengo el blog de megustamundomac en WordPress.com bastante abandonado.
Y ha sido gracias a un correo, que envié hace un tiempo a una persona, explicándole el tema de las barreras que tengo de las páginas webs que consulto sobre el tema de la accesibilidad web, que gracias a ese correo, me ha venido inspirado dicho correo, para redactar esta entrada en este blog de megustamundomac en WordPress.com.
Y sin más, aquí vamos con una nueva entrada, y vá a tratar sobre las barreras de accesibilidad, que nos encontramos, las personas con discapacidad, en este caso, a nivel personal, a ser un usuario con discapacidad visual, y más concreto, el tema de la ceguera total, pues veremos algunas barreras de accesibilidad, con las que nos encontramos, dichas personas, al navegar por las páginas webs, de distintos sitios.
Y sin más, vamos con ellas, las intentaré poner, en una lista desordenada con ul de html, para que se entiendan mejor dichas barreras de accesibilidad.
Y son las siguientes:
- Utilización de encabezados, con un orden no lógico d dichos encabezados, es decir, poniendo primero un encabezado de nivel 1, después, un encabezado de nivel 2, y después otro encabezado de nivel 3, y luego otro de nivel 4, y otro de nivel 5, y otro de nivel 6, si no lo que hacen en dichas páginas webs, es saltar el encabezado de nivel 1, al encabezado de nivel 3, y después del encabezado de nivel 4, al encabezabezado de nivel 2, y luego del encabezado de nivel 2, al encabezado de nivel 4, y esto no debería utilizarse, debería ser utilizarse un encabezado más lógico, explicado anteriormente, de los encabezados de nivel 1, hasta los encabezados de nivel 2, luego de nivel 3, y así hasta el 6.
- Usar en los campos de un formulario la etiqueta label, para que el lector de pantallas, sepa lo que tenga que introducir el usuario, y no poner la etiqueta label vacía, o directamente no ponerla.
- Poner imágenes, con la etiqueta alt, con un texto alternativo, significativo, no se debe poner la etiqueta alt, con el texto imagen1.jpg, 3444556.jpg, demás , si no que habría que ponerlos loss textos alternativos de las imagenes, de una forma más significativos, para la persona ciega, para que entienda lo que significa en dicha imagen.
- Y si las imágenes, que tienen un texto dentro de la imagen, y dichas imágenes, su propio texto alternativo, para ponerlo es muy largo, se podría explicar dicha imagen, debajo de la imagen, como un texto, con un párrafo con la etiqueta p de html, para que la persona ciega, sepa de que vá dicha imagen.
- No se debería poner en los enlaces, el texto del enlace leer más, o más información, o aquí, solo porque el usuario de lector de pantallas, no sabe, donde vá dicho enlace, y sería mejor ponerlo el texto del enlace, como por ejemplo leer más, y el nombre del artículo, o saber más, y el nombre del artículo, del enlace, a donde nos vá a llevar dicho enlace, y leer más y el nombre del artículo a done nos lleva ese enlace, para que el usuario ciego, al poner leer más, y algo más de texto, dicho usuario sabe ya donde vá dicho enlace.
- Utilizar, en los campos de formulario, que no se use, un captcha, para utilizarlo como un método de seguridad, si es posible, utilizar un captcha de números, o de palabras, o si no utilizar una pregunta de seguridad, en vez de utilizar un captcha, de imagen, que no es nada accesible, para un usuario de lector de pantallas.
- En las páginas webs, no poner botones, normales de html, como imágenes, ponerlos como propios botones de html, con la etiqueta imput y la etiqueta button de html.
- No usar encabezados para dar formato en el texto, si no que hay que utilizar los encabezados para lo que son en html, para tener la organización de la navegación por la página, y no usarlos para dar formato al texto, para eso utilizar la hoja de estilos, es decir, el CSS.
- No poner listas de ul y li, como encabezados normales de html, dichas listas sería mejor ponerlas como listas desordenadas, si es el caso con ul y li de html, o listas ordenadas, que es el caso con ol y li, de html, y no se debería ponerlas como encabezados, para eso ya existen los encabezados normales de h1, h2, h3, h4, h5, y h6 en html.
- En los elementos que sean incrustados o insertados tales, como vídeos de youtube, vídeos de bimeo, mapas de google maps, ponerlos por favor, un título con la etiqueta title, de iframe, para que la persona de lector de pantallas, sepa que es un contenido insertado en esa página.
- En las páginas, que todavía se use tablas, para maquetar la presentación de la página, que ya es en pocas, que esto ya ha quedado desactualizado con el tiempo del desarrollo de las páginas webs, pero aún en alguna página, todavía queda el caso, no utilizar tablas, se debería poner en una hoja de estilos de CSS, los estilos de la página web, y en el código html, la presentación de la página web, es decir, que se debe separar el contenido de la presentación de la página web.
- Si se inserta, un vídeo en una página web, que el vídeo no se ponga, para que se reproduzca automáticamente, que haya unos botones, para parar y volver a reproducir, dicho vídeo, y que estos botones sean accesibles, porque si no al usuario de lector de pantallas, le haces un lío entre el audio del vídeo, y el sonido de su lector de pantallas.
- En algunos formularios, que se usa el uso del color, por ejemplo, cumplimente los datos del formulario, que están marcados con el color rojo, y de esta manera, no se debería poner, sería mejor ponerlos, como por ejemplo, cumplimente los datos del formulario que están marcados con un asterisco, para que se pueda entender, si tener que utilizar el contexto del texto, del uso del color.
- Y también, en los formularios, pone, por ejemplo marca las casillas, que veas en rojo, y sería mejor ponerlos, marca las casillas de verificación, que tengan un guión, o un asterisco, para que sea mejor para el usuario, que no entiende el uso del color, o las personas con daltonismo, o las personas ciegas, y en otros casos, de personas con discapacidad.
- En algunos casos, en algunos desplegables, de opciones, en los formularios de algunas páginas webs, salen primero un texto, que pone un guión, y después, el segundo elemento del desplegable, es la opción del primer elemento, por ejemplo, en una lista de ciudades, primero pone guión, y después, pone madrid, y sería mejor ponerlo directamente, el primer elemento de la lista del desplegable, por ejemplo madrid, porque así, para el usuario de lector de pantallas, directamente, solo tiene que dar con las flechas, en el desplegable, y la primera opción que le aparece, es el primer elemento de la lista de las ciudades, y así no tiene que desplegar dos veces en la lista, dicho usuario de lector de pantallas.
- En algunos formularios, las casillas de verificación, salen primero, y después, all lado, sale el texto, que pone en dichas casillas de verificación, y dichos lectores de pantallas, no leen el texto que hay al lado de las casillas de verificación, porque dichas casillas no tienen bien puesto la etiqueta label, en esas casillas de verificación, y sería mejor ponerlas bien la etiqueta label, en dichas casillas, para que los lectores de pantallas, lean directamente la casilla de verificación, con el texto que aparece al lado de las casillas de verificación.
Y por ahora, todos estos son los consejos, a nivel personal, por las páginas webs, que he visitado, y son las barreras de accesibilidad web y algunos consejos, y algunas mejoras, que pueden implementar, los desarrolladores de dichas páginas webs.
Y esta sería, mi entrada por hoy, sobre las barreras de accesibilidad web, que yo reconozco que hay y algunos consejos o sugerencias, para mejorar dichas barreras de accesibilidad web, a nivel personal, según, las páginas que voy visitando.
Y espero que os guste, esta entrada sobre las barreras de accesibilidad web.
Y sin más, hasta otra, próxima entradda, y un próximo post.
Un cordial saludo, de megustamundomac.
Deja una respuesta