Construcción de sitios web accesibles para personas con discapacidad visual (1 de 3) - 25 RECOMENDACIONES para la accesibilidad de los servicios en línea. IMPORTANTE: DEVUELVA SOLO EL TEXTO TRADUCIDO Y NADA MÁS. SI HAY UN ENLACE DE URL, NO LO TRADUZCA.

Todos los elementos gráficos deben tener un texto alternativo (alt) conciso que describa lo que se encuentra en la imagen o, si la imagen es un enlace, hacia dónde lleva ese enlace. Si las imágenes son puramente decorativas, deben tener un "atributo alt vacío". Se deben evitar elementos animados y textos en movimiento, ya que distraen a todos los usuarios, no solo a los discapacitados. Algunas imágenes animadas, especialmente las agresivas y rápidamente animadas, pueden representar un peligro para las personas con epilepsia fotosensible. Todos los archivos de sonido (audiencias, entrevistas, conferencias) deben incluir una transcripción de texto. Los reproductores de estos archivos en el sitio deben ser accesibles a través del teclado y estar disponibles para personas ciegas. Todos los archivos de video deben tener subtítulos para personas con discapacidad auditiva. Los reproductores deben ser accesibles para personas ciegas y personas que solo usan el teclado. Todos los archivos multimedia y Flash deben estar disponibles o proporcionarse en forma alternativa. Los archivos PDF, Word y otros archivos populares para descargar deben estar preparados de manera accesible. Por ejemplo, los archivos PDF deben tener una estructura que ayude a las personas ciegas a navegar por dichos documentos. Los textos en el sitio deben estar escritos de la manera más simple posible, para que puedan ser accesibles para personas con menos educación y personas con discapacidad intelectual. Los textos deben publicarse de manera legible, divididos en párrafos, listas y otras secciones; no justificados a la derecha; las abreviaturas deben expandirse en la primera aparición en cada página. El texto debe complementarse con encabezados (h1-h6) para que las personas ciegas puedan navegar fácilmente hacia la sección que les interesa. La navegación (menú) debe ser coherente, lógica e inmutable dentro del sitio. La navegación en todo el sitio debe ser accesible desde el teclado. Todos los elementos activos, como enlaces, banners o campos de formulario, deben tener un enfoque visual claro (generalmente en forma de un marco visible durante la navegación en la página con la tecla TAB). Se recomienda reforzar el enfoque predeterminado para que sea visible para personas con baja visión. Todos los enlaces deben ser únicos y comprensibles, incluso fuera de contexto. No se deben utilizar enlaces en forma de ">>" o "más" o "haz clic aquí". Los enlaces no deben abrirse en una nueva ventana o pestaña del navegador sin previo aviso. Se recomienda el uso de la mejora conocida como "skip links", es decir, la posibilidad de saltar directamente al contenido de una sola página. Esto es especialmente importante en sitios que tienen docenas de enlaces en la navegación/menú principal. El contraste de color de todos los elementos que transmiten contenido (textos, enlaces, banners) o funcionales debe tener una relación de brillo entre el texto y el fondo de al menos 4,5 a 1, y preferiblemente no menor de 7 a 1. Se debe poder ampliar significativamente (al menos 200%) la página utilizando las herramientas del navegador. Es mejor si la página se ajusta horizontalmente en la ventana del navegador en todo momento y no muestra una barra de desplazamiento horizontal. La página ampliada no debe "perder" contenido. Todos los títulos (title) de las páginas deben ser únicos e informar sobre el contenido de la subpágina en la que se encuentra el usuario. El diseño del contenido en el título debe seguir el esquema: [Título de la subpágina] - [Nombre de la Institución]. Todas las subpáginas deben estar basadas en encabezados. Los encabezados (h1-h6) son la forma básica de organizar el contenido en la página. El encabezado h1 debe ser el título del texto principal en la página. Para ordenar el contenido en textos o elementos de navegación, se deben utilizar listas desordenadas y ordenadas. El idioma del sitio y los fragmentos en otros idiomas deben ser especificados con el atributo lang. Las citas deben estar adecuadamente destacadas, al menos con comillas. El código del sitio debe cumplir con los estándares y no utilizar tablas como elemento de construcción de la página. Las tablas utilizadas para presentar datos deben construirse de la manera más sencilla posible y tener encabezados. Todas las tramas deben tener títulos adecuados. Todos los scripts y applets deben estar disponibles para personas ciegas y personas que solo usan el teclado. Los formularios, incluido el formulario de búsqueda, deben construirse según los estándares. Todos los campos y botones del formulario deben estar debidamente etiquetados. El sitio debe ser accesible en navegadores y dispositivos con CSS deshabilitado.

Todos los elementos gráficos deben tener un texto alternativo (alt) conciso que describa lo que se encuentra en la imagen o, si la imagen es un enlace, hacia dónde lleva ese enlace. Si las imágenes son puramente decorativas, deben tener un "atributo alt vacío". Se deben evitar elementos animados y textos en movimiento, ya que distraen a todos los usuarios, no solo a los discapacitados. Algunas imágenes animadas, especialmente las agresivas y rápidamente animadas, pueden representar un peligro para las personas con epilepsia fotosensible. Todos los archivos de sonido (audiencias, entrevistas, conferencias) deben incluir una transcripción de texto. Los reproductores de estos archivos en el sitio deben ser accesibles a través del teclado y estar disponibles para personas ciegas. Todos los archivos de video deben tener subtítulos para personas con discapacidad auditiva. Los reproductores deben ser accesibles para personas ciegas y personas que solo usan el teclado. Todos los archivos multimedia y Flash deben estar disponibles o proporcionarse en forma alternativa. Los archivos PDF, Word y otros archivos populares para descargar deben estar preparados de manera accesible. Por ejemplo, los archivos PDF deben tener una estructura que ayude a las personas ciegas a navegar por dichos documentos. Los textos en el sitio deben estar escritos de la manera más simple posible, para que puedan ser accesibles para personas con menos educación y personas con discapacidad intelectual. Los textos deben publicarse de manera legible, divididos en párrafos, listas y otras secciones; no justificados a la derecha; las abreviaturas deben expandirse en la primera aparición en cada página. El texto debe complementarse con encabezados (h1-h6) para que las personas ciegas puedan navegar fácilmente hacia la sección que les interesa. La navegación (menú) debe ser coherente, lógica e inmutable dentro del sitio. La navegación en todo el sitio debe ser accesible desde el teclado. Todos los elementos activos, como enlaces, banners o campos de formulario, deben tener un enfoque visual claro (generalmente en forma de un marco visible durante la navegación en la página con la tecla TAB). Se recomienda reforzar el enfoque predeterminado para que sea visible para personas con baja visión. Todos los enlaces deben ser únicos y comprensibles, incluso fuera de contexto. No se deben utilizar enlaces en forma de ">>" o "más" o "haz clic aquí". Los enlaces no deben abrirse en una nueva ventana o pestaña del navegador sin previo aviso. Se recomienda el uso de la mejora conocida como "skip links", es decir, la posibilidad de saltar directamente al contenido de una sola página. Esto es especialmente importante en sitios que tienen docenas de enlaces en la navegación/menú principal. El contraste de color de todos los elementos que transmiten contenido (textos, enlaces, banners) o funcionales debe tener una relación de brillo entre el texto y el fondo de al menos 4,5 a 1, y preferiblemente no menor de 7 a 1. Se debe poder ampliar significativamente (al menos 200%) la página utilizando las herramientas del navegador. Es mejor si la página se ajusta horizontalmente en la ventana del navegador en todo momento y no muestra una barra de desplazamiento horizontal. La página ampliada no debe "perder" contenido. Todos los títulos (title) de las páginas deben ser únicos e informar sobre el contenido de la subpágina en la que se encuentra el usuario. El diseño del contenido en el título debe seguir el esquema: [Título de la subpágina] - [Nombre de la Institución]. Todas las subpáginas deben estar basadas en encabezados. Los encabezados (h1-h6) son la forma básica de organizar el contenido en la página. El encabezado h1 debe ser el título del texto principal en la página. Para ordenar el contenido en textos o elementos de navegación, se deben utilizar listas desordenadas y ordenadas. El idioma del sitio y los fragmentos en otros idiomas deben ser especificados con el atributo lang. Las citas deben estar adecuadamente destacadas, al menos con comillas. El código del sitio debe cumplir con los estándares y no utilizar tablas como elemento de construcción de la página. Las tablas utilizadas para presentar datos deben construirse de la manera más sencilla posible y tener encabezados. Todas las tramas deben tener títulos adecuados. Todos los scripts y applets deben estar disponibles para personas ciegas y personas que solo usan el teclado. Los formularios, incluido el formulario de búsqueda, deben construirse según los estándares. Todos los campos y botones del formulario deben estar debidamente etiquetados. El sitio debe ser accesible en navegadores y dispositivos con CSS deshabilitado.

Show original content

2 users upvote it!

0 answers