Consejo 18: Utiliza los colores con precaución

Consejo: utiliza combinaciones de colores que tengan suficiente contraste y que no produzcan confusión entre los usuarios con ceguera al color (daltonismo). Por ejemplo, en el vídeo Errores web: El País, se muestra un ejemplo de lo que pasa cuando se emplean combinaciones de colores sin el suficiente contraste.

Cómo lo hago: existen numerosas herramientas que permiten comprobar si una combinación de colores (color principal y color de fondo) presentan un contraste suficiente. Además, también hay herramientas para simular los diferentes tipos de ceguera al color. En Herramientas para trabajar con el color puedes encontrar una lista con numerosas herramientas de este tipo.

Cómo se benefician los usuarios: algunos grupos de usuarios, en especial aquellos que tengan problemas de visión, se benefician del uso de combinaciones de colores adecuadas. Y es evidente que los usuarios con ceguera al color se beneficiarán si se evitan situaciones en las que se transmita información únicamente con el color. Además, todos los usuarios se pueden beneficiar cuando las condiciones de visualización de una página web no son las correctas, como por ejemplo, la visualización de una página web en la calle a plena luz del sol.

Más consejos en Julio, cada día, un consejo sobre accesibilidad web.

Consejo 17: Sitúa el contenido principal al principio de la página

Consejo: sitúa el contenido principal al principio de la página.

Cómo lo hago: escribe el contenido principal de la página al principio de la página y a continuación el resto del contenido de la página que se repite de una página a otra, como por ejemplo, las migas de pan o el menú principal. Utiliza CSS para situarlo visualmente en la posición que quieras en la página. Al aplicar este consejo ya no es necesario aplicar el consejo 5 Proporciona al principio de la página enlaces para saltar directamente a partes concretas de la página.

Cómo se benefician los usuarios: algunos grupos de usuarios, en especial aquellos que no utilicen un navegador web visual, se benefician ya que el contenido principal aparece al principio de la página y no necesitan realizar desplazamiento (scroll).

Más consejos en Julio, cada día, un consejo sobre accesibilidad web.

Consejo 16: Haz que las tablas sean accesibles

Consejo: haz que las tablas sean accesibles mediante información adicional que defina el significado de cada parte de la tabla.

Cómo lo hago: utiliza el atributo summary para proporcionar un resumen del contenido de la tabla. Utiliza la etiqueta caption para definir el título de la tabla. Utiliza la etiqueta th para definir los encabezados de columna y de fila. Utiliza los atributos scope, headers e id para definir encabezados complejos. En Tablas: Facilite la lectura línea a línea - Resuma, Puedes encontrar ejemplos de uso de todas estas etiquetas y atributos.

Cómo se benefician los usuarios: algunos grupos de usuarios, en especial los usuarios que utilicen un lector de pantallas, como pueden ser los usuarios ciegos, se benefician de las tablas correctamente etiquetadas para que sean accesibles, ya que los lectores de pantalla reconocen las características de accesibilidad de las tablas y las comunican a los usuarios.

Más consejos en Julio, cada día, un consejo sobre accesibilidad web.

Consejo 15: Usa las tablas sólo para mostrar datos tabulados

Consejo: usa las tablas sólo para mostrar datos tabulados, es decir, datos o información que se puede organizar por filas y columnas. No utilices las tablas para maquetar, es decir, para definir la presentación visual del contenido de la página.

Cómo lo hago: cuando tengas datos tabulados, muéstralos mediante tablas. Para maquetar utiliza CSS, nunca las tablas. Por ejemplo, si quieres disponer un contenido como un texto en varias columnas, utiliza las nuevas propiedades de CSS3 column-count, column-gap y column-rule (importante: estas propiedades no están soportadas por todos los navegadores, así que por ahora su uso es limitado).

Cómo se benefician los usuarios: algunos grupos de usuarios, en especial los usuarios que utilicen un lector de pantallas, como pueden ser los usuarios ciegos, se benefician del empleo de las tablas para los datos tabulados, ya que los lectores de pantalla proporcionan mecanismos específicos de navegación por las tablas, como por ejemplo, anunciar la posición (fila/columna) y la posibilidad de desplazarse por filas o por columnas en la tabla.

Más consejos en Julio, cada día, un consejo sobre accesibilidad web.

Consejo 14: Proporciona un título significativo para cada parte individual de una página

Consejo: aunque se desaconseja su uso, una página puede estar compuestas de marcos, ya sea de tipo frame o iframe. Para cada marco (parte), debes proporcionar un título significativo y representativo, es decir, un título que ayuda al usuario a entender el contenido, propósito o función de ese marco sin tener que visitar la página. Cada marco en una página debe tener un título único.

Cómo lo hago: en la definición del marco, ya sea en la etiqueta frame o iframe, debes incluir el atributo title (no confundir con la etiqueta title) para proporcionar una descripción del contenido del marco.

Cómo se benefician los usuarios: algunos grupos de usuarios, en especial los usuarios que utilicen un lector de pantallas, como pueden ser los usuarios ciegos, se benefician ya que los lectores de pantalla proporcionan algunas ayudas, como la "lista de marcos de la página" (y se muestra el título de cada marco) que les ayuda a moverse de un marco a otro en el navegador web.

Más consejos en Julio, cada día, un consejo sobre accesibilidad web.

Consejo 13: Proporciona un título significativo para cada página

Consejo: proporciona un título significativo y representativo para cada página de tu sitio web, es decir, un título que ayuda al usuario a entender el contenido, propósito o función de una página web sin tener que visitar la página. Cada página debería tener un título único.

Cómo lo hago: el título de una página se define con el elemento (etiqueta) title en el head. El elemento title es obligatorio: una página sin este elemento no es válido.

Cómo se benefician los usuarios: todos los usuarios se benefician de un título correcto, ya que el título se emplea en varios contextos (visiona mi vídeo Errores web: El título de la página). Por ejemplo, el título de la página se emplea para visualizar los resultados de una búsqueda. En especial, se benefician los usuarios que utilicen un lector de pantallas, como pueden ser los usuarios ciegos, ya que los lectores de pantalla proporcionan algunas ayudas, como la "lista de ventanas abiertas" (y se muestra el título de cada página en cada ventana) que les ayuda a cambiar de una página a otra en el navegador web.

Más consejos en Julio, cada día, un consejo sobre accesibilidad web.

Consejo 12: Especifica el idioma del contenido de cada parte de la página

Consejo: especifica el idioma principal de la página web y de las distintas partes de la página cuando exista un cambio en el idioma.

Cómo lo hago: utiliza el atributo lang para indicar el idioma de las diferentes partes de una página web. Si lo colocas en la etiqueta html, estarás definiendo el idioma principal de la página. Cuando se produzca un cambio de idioma, por ejemplo en un párrafo, puedes añadir el atributo lang a la etiqueta de inicio del párrafo. Si el cambio de produce en un fragmento de texto, puedes utilizar la etiqueta span con el atributo lang para marcar ese cambio.

El valor del atributo lang debe ser un código de idioma definido en IANA Language Subtag Registry, como por ejemplo "es" para el español o "en" para el inglés.

Cómo se benefician los usuarios: muchos buscadores actuales permiten realizar búsquedas selectivas en función del idioma. Para ello, los buscadores pueden autodetectar el idioma de una página, pero algunas veces se equivocan. Con el empleo del atributo lang se mejora la indexación de las páginas web en los buscadores. Además, los usuarios que utilicen un lector de pantallas, se benefician enormemente, ya que los lectores de pantalla pueden detectar el atributo lang y lo pueden emplear para leer con la pronunciación adecuada un texto.

Más consejos en Julio, cada día, un consejo sobre accesibilidad web.

Consejo 11: Emplea algunas etiquetas "olvidadas"

Consejo: emplea algunas etiquetas olvidadas de HTML para mejorar la estructura y la semántica de tus páginas web.

Cómo lo hago: existen algunas etiquetas de HTML como address, blockquote, cite, code y pre que no son muy conocidas y no se suelen emplear. Otras etiquetas que también suelen ser desconocidas, como big, dir, strike o tt no están soportadas en HTML5, así que no conviene utilizarlas (aunque esto puede cambiar en cualquier momento, ya que HTML5 todavía no es una recomendación).

Cómo se benefician los usuarios: en el futuro, cuando los buscadores incorporen más "inteligencia" y la web semántica sea una realidad, el uso de estas etiquetas puede ayudar a mejorar el resultado de las búsquedas. En la actualidad, algunos grupos de usuarios, en especial los usuarios que utilicen un lector de pantallas, se benefician de que se utilicen estas etiquetas, ya que los lectores de pantalla pueden leer el contenido etiquetado con esos elementos con un tipo de voz diferente.

Más consejos en Julio, cada día, un consejo sobre accesibilidad web.

Consejo 10: Resalta partes del texto con los elementos apropiados

Consejo: cuando quieras resaltar una parte del texto de una página, por ejemplo con un color o un tipo de letra diferente, utiliza las etiquetas de HTML disponibles para ello. No apliques simplemente un estilo visual diferente con un span y CSS.

Cómo lo hago: utiliza las etiquetas strong (mejor que b) y em (mejor que i) para resaltar aquellas partes del texto que quieras destacar. Posteriormente, con CSS, puedes aplicarles el estilo visual que desees, como cambiar el tipo de letra, el color, el estilo, etc.

Cómo se benefician los usuarios: algunos grupos de usuarios, en especial los usuarios que utilicen un lector de pantallas, se benefician de que se utilicen los elementos de HTML para resaltar partes del texto, ya que los lectores de pantalla pueden leer esas partes con otro tipo de voz para que el usuario perciba que esa parte está destacada. Además, también se beneficiará cualquier usuario que tenga que visualizar una página web sin CSS, ya que los navegadores están preparados para aplicar unos estilos por defecto en ausencia de un CSS.

Más consejos en Julio, cada día, un consejo sobre accesibilidad web.

Consejo 9: Crea listas que realmente son listas

Consejo: crea listas que realmente sean listas. Las listas que no están etiquetadas como listas, como por ejemplo un conjunto de líneas de texto separadas con saltos de línea y con un elemento gráfico a modo de viñeta al principio de la línea dificultan la navegación por el contenido de la página.

Cómo lo hago: utiliza las etiquetas de HTML que se emplean para crear los diferentes tipos de listas: ul, ol, li, dl, dt, dd.

Cómo se benefician los usuarios: algunos grupos de usuarios, en especial los usuarios que utilicen un lector de pantallas, se benefician de las listas "de verdad", ya que pueden navegar entre sus elementos y reciben información del elemento en el que se encuentran. Además, también se beneficiará cualquier usuario que tenga que visualizar una página web sin CSS, ya que si las listas no están correctamente etiquetadas, al eliminar el CSS desaparecerán.

Más consejos en Julio, cada día, un consejo sobre accesibilidad web.

Consejo 8: Crea encabezados que realmente son encabezados

Consejo: el Consejo 4: Utiliza encabezados para organizar el contenido de tu página explica que los encabezados ayudan a algunos grupos de usuarios a desplazarse de una parte a otra parte de la página saltando de encabezado a encabezado. Pero crea encabezados que realmente sean encabezados.

Cómo lo hago: los encabezados los tienes que crear con las etiquetas correspondientes de HTML: h1, h2, h3, etc. Crear encabezados con otro tipo de elementos, como divs, para luego darles un estilo especial con CSS no sirve para nada.

Cómo se benefician los usuarios: tal como se explicaba en el Consejo 4, algunos grupos de usuarios, en especial los usuarios que utilicen un lector de pantallas, se benefician de los encabezados "de verdad". Además, también se beneficiará cualquier usuario que tenga que visualizar una página web sin CSS, ya que si los encabezados no están correctamente etiquetados, al eliminar el CSS desaparecerán.

Más consejos en Julio, cada día, un consejo sobre accesibilidad web.

Consejo 7: Crea contenido para grupos específicos de usuarios

Consejo: aunque esta es una mala práctica, porque al final puedes acabar teniendo varias versiones de una misma página en una misma página (lo cual dificulta su mantenimiento), en algunas situaciones concretas puede ser necesario crear o proporcionar contenido para grupos específicos. Por ejemplo, este consejo ayuda a resolver el problema del Consejo 3: Crea enlaces significativos.

Cómo lo hago: el lenguaje HTML no proporciona un mecanismo propio para lograr este objetivo, así que se tienen que aplicar algunos trucos. Por ejemplo, para ofrecer un contenido específico a los usuarios de lectores de pantalla, no se puede emplear la propiedad de CSS {display: none}, ya que lo oculta en todas las versiones. El truco consiste en desplazar el contenido fuera de la ventana de visualización de la página web y eso se puede lograr de varias formas, cada una con sus ventajas y desventajas. Por ejemplo, una forma es utilizando las propiedades de CSS {position: absolute; left: -5000px;}.

Cómo se benefician los usuarios: se benefician todos los usuarios, ya que podemos ofrecer contenido específico para diferentes grupos.

Más consejos en Julio, cada día, un consejo sobre accesibilidad web.

Consejo 6: Proporciona enlaces para saltar partes de la página

Consejo: aunque el Consejo 4: Utiliza encabezados para organizar el contenido de tu página y el Consejo 5: Proporciona al principio de la página enlaces para saltar directamente a partes concretas de la página ya proporcionan un método para saltar directamente a partes concretas de la página, proporciona también enlaces para saltar partes de la página que tengan un extensión considerable, como por ejemplo, la cabecera, el menú principal, el menú secundario contextual, el contenido principal y el pie de página.

Este consejo se puede confundir con el Consejo 5: Proporciona al principio de la página enlaces para saltar directamente a partes concretas de la página, ya que son muy similares y se complementan. Pero mientras que el Consejo 5 sugiere colocar una lista de enlaces al principio de la página (Saltar "al" menú principal, Saltar "al" menú secundario, Saltar "al" contenido principal), este consejo sugiere colocar un enlace antes de cada parte para saltarla (Saltar "el" menú principal, Saltar "el" menú secundario, Saltar el contenido principal).

Cómo lo hago: añade un enlace antes de cada parte de la página que tenga una extensión considerable y que al usuario le pueda interesar pasar por encima sin leer su contenido. Para ello tienes que crear puntos concretos (destinos) a los que se pueda saltar en la página. Los puntos concretos los puedes identificar con el atributo id y en el enlace tienes que poner el valor del atributo id precedido por #. Si no quieres que los enlaces se vean en la presentación visual de la página web, utiliza CSS para ocultarlos, pero no utilices {display: none}, ya que lo oculta en todas las versiones. En un próximo consejo veremos cómo ocultar un contenido sólo para ciertos grupos de usuarios.

Cómo se benefician los usuarios: todos los usuarios que utilicen el teclado para manejar el ordenador se pueden beneficiar, ya que normalmente los usuarios no leen las páginas web desde el principio hasta el final, sino que realizan un proceso de exploración visual "saltando de una parte a otra parte de la página", por lo que estos enlaces les pueden ayudar a desplazarse directamente a la parte de la página que les interesa. En especial, se benefician los usuarios que utilicen un lector de pantallas, como pueden ser los usuarios ciegos, ya que así estos usuarios no tienen que escuchar todo el contenido de la página hasta llegar a la zona que les interesa.


Más consejos en Julio, cada día, un consejo sobre accesibilidad web.

Consejo 5: Proporciona al principio de la página enlaces para saltar directamente a partes concretas de la página

Consejo: aunque el Consejo 4: Utiliza encabezados para organizar el contenido de tu página ya proporciona un método para saltar directamente a partes concretas de la página, proporciona también al principio de la página enlaces para saltar directamente a partes concretas de la página, como por ejemplo, el menú principal, el menú secundario contextual, el contenido principal y el pie de página.

Cómo lo hago: crea una lista de enlaces al principio de la página con destinos a puntos concretos de la página (enlaces intradocumentales). Los puntos concretos los puedes identificar con el atributo id y en el enlace tienes que poner el valor del atributo id precedido por #. Si no quieres que los enlaces se vean en la presentación visual de la página web, utiliza CSS para ocultarlos, pero no utilices {display: none}, ya que lo oculta en todas las versiones. En un próximo consejo veremos cómo ocultar un contenido sólo para ciertos grupos de usuarios.


Cómo se benefician los usuarios: todos los usuarios que utilicen el teclado para manejar el ordenador se pueden beneficiar, ya que normalmente los usuarios no leen las páginas web desde el principio hasta el final, sino que realizan un proceso de exploración visual "saltando de una parte a otra parte de la página", por lo que estos enlaces les pueden ayudar a desplazarse directamente a la parte de la página que les interesa. En especial, se benefician los usuarios que utilicen un lector de pantallas, como pueden ser los usuarios ciegos, ya que así estos usuarios no tienen que escuchar todo el contenido de la página hasta llegar a la zona que les interesa.

Más consejos en Julio, cada día, un consejo sobre accesibilidad web.

Consejo 4: Utiliza encabezados para organizar el contenido de tu página

Consejo: una página web se compone de diferentes partes (componentes, paneles, secciones, widgets, divs o como las quieras llamar). A cada parte significativa debes ponerle un título que la identifique y debes etiquetar ese título con las etiquetas de encabezado. No utilices las etiquetas de encabezado simplemente para resaltar algún texto de tu página web.

Cómo lo hago: debes emplear las etiquetas de encabezado h1, h2, h3, etc. para ponerle un título a cada parte significativa de tu página. Empieza siempre desde h1 para el título de la página y desciende por la jerarquía de encabezados sin dar saltos (por ejemplo, no saltes de  h2 a h4 sin antes haber utilizado h2). Si alguno de los títulos no quieres que aparezca en la presentación normal de la página, utiliza CSS para esconderlo.

Cómo se benefician los usuarios: todos los usuarios se pueden beneficiar, ya que algunos navegadores como Opera permiten desplazarse en una página web entre los encabezados de la página. Sin embargo, está opción es desconocida por la mayor parte del público. En especial, se benefician los usuarios que utilicen un lector de pantallas, como pueden ser los usuarios ciegos, ya que los lectores de pantalla suelen proporcionar una lista con los encabezados de la página para que el usuario pueda navegar directamente a ellos.

Más consejos en Julio, cada día, un consejo sobre accesibilidad web.

Consejo 3: Crea enlaces significativos

Consejo: crea enlaces con texto significativo, es decir, con un texto que debe permitir al usuario entender el destino o la función del enlace si el enlace es leído de forma independiente, sin el contexto en el que está situado. Si el enlace está formado por una imagen, entonces el texto alternativo de la imagen debe ser significativo. En una misma página no deben existir enlaces con el mismo texto pero con destinos diferentes.

Cómo lo hago: no hace falta utilizar ningún tipo de marcado de HTML especial, sólo hay que pensar mejor el texto de los enlaces. En última instancia, se puede emplear el atributo title para proporcionar información adicional que ayude a entender el destino o la función del enlace, pero es mejor no abusar de este atributo. Para comprobar la calidad del texto de los enlaces se pueden emplear varias herramientas, como Opera o Fangs, que proporcionan una lista con los enlaces de la página.

Cómo se benefician los usuarios: todos los usuarios se pueden beneficiar, ya que normalmente los usuarios no leen las páginas web desde el principio hasta el final, sino que realizan un proceso de exploración visual "saltando de una parte a otra parte de la página", por lo que muchas veces leen los enlaces de forma aislada. En especial, se benefician los usuarios que utilicen un lector de pantallas, como pueden ser los usuarios ciegos, ya que los lectores de pantalla suelen proporcionar una lista con los enlaces de la página para que el usuario pueda navegar directamente a ellos.


Más consejos en Julio, cada día, un consejo sobre accesibilidad web.

Consejo 2: Proporciona un texto alternativo para cada zona sensible en un mapa de imagen

Consejo: cuando utilices un mapa de imagen (también llamado mapa sensible), por ejemplo para crear una botonera, una barra de menú o simplemente un mapa para seleccionar una zona en el mapa, debes proporcionar un texto alternativo para cada zona sensible en el mapa de imagen.

Cómo lo hago: debes proporcionar un texto alternativo con el atributo alt en la imagen del mapa (etiqueta img) y en la definición del mapa (etiqueta map) en cada zona sensible del mapa (etiqueta area). Este texto alternativo debe ser significativo y debe poder sustituir a la imagen en igualdad de condiciones.

Cómo se benefician los usuarios: sólo se benefician los usuarios que utilicen un navegador en modo texto o los usuarios que utilicen un lector de pantallas, como pueden ser los usuarios ciegos, ya que el lector de pantallas lee el texto alternativo de cada zona sensible en el mapa de imagen.

Más consejos en Julio, cada día, un consejo sobre accesibilidad web.

Consejo 1: Proporciona un texto alternativo para las imágenes

Consejo: cuando una imagen transmita información importante (por ejemplo, cuando la imagen contenga texto) o cuando una imagen realice una función importante (por ejemplo, cuando la imagen esté situada en un enlace) debes proporcionar un texto alternativo que pueda sustituir a la imagen en igualdad de condiciones.

Cómo lo hago: debes especificar el atributo alt en todas las imágenes (etiqueta img). Cuando una imagen no necesite un texto alternativo, debes dejar el valor del atributo alt vacío (alt=""), pero siempre debes incluir este atributo en todas las imágenes.

Cómo se benefician los usuarios: todos los usuarios se pueden beneficiar cuando no se pueda visualizar una imagen, por ejemplo, porque la conexión a Internet es lenta o porque no se encuentra la imagen en la ruta indicada. En especial, se benefician los usuarios que utilicen un navegador en modo texto o que utilicen un lector de pantallas, como pueden ser los usuarios ciegos, ya que el lector de pantallas lee el texto alternativo de cada imagen.

Más consejos en Julio, cada día, un consejo sobre accesibilidad web.

Julio, cada día, un consejo sobre accesibilidad web

1 de julio, el inicio de las vacaciones para muchos. Para otros, a seguir trabajando. En cualquier caso, tanto unos como otros, durante este mes podrán aprender un poco más sobre accesibilidad web gracias a un consejo que publicaré cada día a las 12 horas.

Hoy empezaremos con el consejo más conocido: el texto alternativo.

Todos los consejos (se completará conforme se publiquen los consejos):

1. Proporciona un texto alternativo para las imágenes
2. Proporciona un texto alternativo para cada zona sensible en un mapa de imagen
3. Crea enlaces significativos
4. Utiliza encabezados para organizar el contenido de tu página
5. Proporciona al principio de la página enlaces para saltar directamente a partes concretas de la página
6. Proporciona enlaces para saltar partes de la página
7. Crea contenido para grupos específicos de usuarios
8. Crea encabezados que realmente son encabezados
9. Crea listas que realmente son listas
10. Resalta partes del texto con los elementos apropiados
11. Emplea algunas etiquetas olvidadas
12. Especifica el idioma del contenido de cada parte de la página
13. Proporciona un título significativo para cada página
14. Proporciona un título significativo para cada parte individual de una página
15. Usa las tablas sólo para mostrar datos tabulados
16. Haz que las tablas sean accesibles
17. Sitúa el contenido principal al principio de la página
18. Utiliza los colores con precaución
19. Define etiquetas de verdad para los controles de los formularios
20. Establece un orden de tabulación correcto en los formularios y en toda la página
21. Proporciona información de ayuda en los controles de los formularios
22. No señales los controles con datos erróneos de un formulario sólo con el color rojo
23. Limita la longitud de las líneas de texto a 80 caracteres como máximo
24. Proporciona un método para desactivar el audio de una página web
25. Subtitula los vídeos
26. Los ficheros enlazados desde una página web también deben ser accesibles
27. Proporciona manejadores de eventos alternativos
28. Acuérdate de los usuarios que navegan con teclado
29. Utiliza las herramientas automáticas de evaluación de la accesibilidad
30. Navega por tu sitio web como si fueras un usuario con algún tipo de discapacidad
31. Realiza test de evaluación de la accesibilidad con usuarios

Si aplicas todos estos consejos tus páginas no serán 100% accesibles, pero habrás avanzado bastante por el camino de la accesibilidad.

Tres consejos fáciles y efectivos para mejorar la accesibilidad de cara a los usuarios con problemas de visión

Después del pequeño repaso a la vista de los seres humanos que he realizado en la entrada anterior, aquí van tres consejos para mejorar la accesibilidad de las páginas web que ayudarán a todos los usuarios pero en particular a los que usen un lector de pantallas:

1. Texto alternativo: ¿estás escribiendo un texto alternativo adecuado en todas tus imágenes? Recuerda, no todas las imágenes necesitan un texto alternativo, depende del contexto, pero siempre tienes que poner el atributo alt, con texto o vacío (lo que han hecho en la especificación de HTML5, que ya no es obligatorio el atributo alt, no tiene nombre, en mi humilde opinión es una metedura de pata). En especial, cuida el texto alternativo de las imágenes que aparezcan en enlaces.
2. Enlaces significativos: ¿tus enlaces, ya sean textuales o con imágenes mediante su texto alternativo, se entienden por ellos mismos o dependen del contexto donde aparecen? Los enlaces tienen que ser significativos y no deben existir en una misma página enlaces con el mismo texto pero con destinos diferentes.
3. Encabezados: ¿la estructura de tus páginas es correcta? ¿Estás utilizando las etiquetas de encabezados (h1, h2, h3, etc.) de forma consistente y ayudan a navegar por la estructura de la página? No utilices las etiquetas de encabezado simplemente para resaltar algún texto de tu página web.

Si aplicas estos consejos tus páginas no serán 100% accesibles, pero habrás avanzado bastante por el camino de la accesibilidad.