Bienvenidos a la página del PRATP

Cambiar a contenido. | Saltar a navegación

Herramientas Personales

Navegación

Usted está aquí: Inicio / Servicios / Información / Tecnologías / Accesibilidad en páginas de Internet

Accesibilidad en páginas de Internet

Guía introductoria para identificar los recursos y elementos esenciales que permiten mejorar la accesibilidad de las páginas web

La Internet se ha convertido en un recurso indispensable para todos. Cada día son más las personas, comercios y agencias que de alguna forma u otra hacen uso de la misma. Entre estos usos podemos incluir el monitorear la seguridad de nuestros hogares a distancia, analizar reportes de ventas, ofrecer servicios en línea y mucho más. El uso de multimedios en las páginas web tales como imágenes, videos, audio y animaciones, ha contribuido a que la Internet sea un recurso variado en contenido. Esto también ha representado un reto: y es cómo lograr que el contenido de las páginas web sea accesible para todos, incluyendo a las personas con impedimentos.

Las personas con impedimentos utilizan programas y equipos de Asistencia Tecnológica para acceder al contenido de las páginas web. Lectores de pantalla para personas ciegas, ampliadores de pantalla para personas con baja visión, navegadores de solo texto, y otras herramientas. Es preciso mencionar que aunque la tecnología está disponible, la efectividad de la misma está limitada a la accesibilidad del contenido de las páginas web.

Leyes, Estatutos, Guías y Reglamentos

Para garantizar la accesibilidad del contenido de las páginas web, se han creado varias organizaciones, leyes y reglamentos, tanto a nivel estatal como a nivel federal:

Requerimientos de accesibilidad para los elementos de una página web

He aquí una lista de varios de los elementos que componen una página web y los requerimientos de accesibilidad de los mismos, conforme a la ley 229, Sección 508 y WCAG:

  • Idioma de la página. El idioma de la página se establece en la etiqueta “html” y ayuda a los programas que utilizan sintetizadores de voz a cambiar automáticamente al idioma de la página.
  • Enlaces: Los enlaces son palabras, grupo de palabras o imágenes a los que puedes hacer clic para acceder a otra página o documento. Los enlaces deben contener texto descriptivo, que haga referencia a la página o documento que van a acceder.
  • Encabezados: Los encabezados dan estructura al contenido de una página web. Los encabezados deben utilizarse para dividir la página web en secciones. Muchos de los programas de tecnología tienen la habilidad de moverse entre los encabezados para navegar la página de manera rápida y efectiva.
  • Imágenes: Todas las imágenes deben contener el atributo “alt” (texto alternativo). El texto alternativo se utiliza para describir la imagen en pocas palabras. Ejemplo, “Imagen de una persona en silla de ruedas”, “Logo del Programa de Asistencia Tecnológica”, etc.
  • Tablas: Las tablas se utilizan para organizar datos. Las tablas no deben utilizarse para diseñar la página. Las tablas deben contener etiquetas html de encabezados “th” para identificar las filas o las columnas de títulos de las mismas.
  • Contraste: El contraste es la diferencia en color entre el fondo y el texto. El texto debe estar en un fondo que permita que el mismo sea fácil de leer. No deben existir combinaciones de colores tales como blanco en amarillo, verde en azul, entre otros.
  • Documentos: Todo archivo de texto que incluya la página debe ser accesible a todo tipo de tecnología. Ejemplo: Los documentos pdf deben tener la etiqueta de accesibilidad; no pueden ser imágenes escaneadas.
  • Multimedios: Contenido de multimedios, ejemplo archivos de video, deben tener descripción de audio o descripción de texto. Esto permite a los usuarios que utilizan tecnología como lectores de pantalla, obtener información sobre las acciones, cambios de escena y otros contenidos.

Herramientas Para Evaluar el Nivel de Accesibilidad en las Páginas Web

Existen varias herramientas que evalúan el nivel de accesibilidad del contenido de una página web:

WAVE

WAVE es una herramienta creada por WebAIM que evalúa la accesibilidad del contenido de una página web y presenta un reporte detallado en inglés de errores de accesibilidad, elementos que puedan requerir revisión, errores de contraste y otros.

Cómo utilizar WAVE

Para utilizar WAVE haga lo siguiente:

  1. Vaya a la siguiente dirección: http://wave.webaim.org/
  2. En el cuadro de texto Web page address (Dirección de la página web), escriba o pegue desde el portapapeles la dirección de la página web que desea evaluar.
  3. Presione ENTER. Luego de unos segundos, el reporte de accesibilidad de la página aparecerá en pantalla, con foco en la pestaña Summary(Resumen). Una vez el informe esté listo, puede hacer lo siguiente:
    1. A la derecha aparecerá un marco que muestra el contenido de la página evaluada con los errores y alertas definidos por colores.
    2. La sección Code muestra el código HTML de la página evaluada.
    3. Active el botón No Styles para validar la página sin Estilos (CSS).
    4. Active el botón Styles para volver a mostrar los Estilos (CSS).
    5. Active el botón Contrast para ver distintas opciones de fondo y texto.
    6. Active la pestaña Details para mostrar una versión detallada del reporte.
    7. Active la pestaña Summary para ver un resumen del reporte.
    8. Active la pestaña Documentation para ver una explicación de cada uno de los componentes  del reporte tales como errores, alertas, problemas de contraste y otros.
    9. Active la pestaña Outline para ver un bosquejo de todos los encabezados en la página web.
    10. También tiene la alternativa de utilizar WAVE directamente descargando la extensión WAVE para Google Chrome o la barra de herramientas WAVE para Firefox.

Cynthia Says

Cynthia Says es una herramienta creada por HiSoftware que también evalúa la accesibilidad del contenido de una página web y presenta un reporte detallado en inglés. Cynthia Says te permite evaluar el contenido de una página web utilizando los requerimientos de la Sección 508 y los tres niveles de criterios de verificación de WCAG 2.0 (WCAG 2.0 A, WCAG 2.0 AA y WCAG 2.0 AAA).

Cómo utilizar Cynthia Says

Para utilizar Cynthia Says, haga lo siguiente:

  1. Vaya a la siguiente dirección: http://www.cynthiasays.com/
  2. En el cuadro de texto Web page URL (Dirección de la página web), escriba o pegue desde el portapapeles la dirección de la página web que desea evaluar.
  3. En el cuadro combinado Compliance mode (en cumplimiento con), seleccione las pautas que se utilizarán para evaluar la página. Puede elegir entre Sección 508, WCAG 2.0 A, WCAG 2.0 AA y WCAG 2.0 AAA.
  4. Active la casilla de verificación I accept the turns of use (Acepto los términos de uso).
  5. Active el botón Test your site(Pruebe su página). Luego de unos segundos, el reporte de accesibilidad de la página aparecerá en pantalla, mostrando  una tabla que indica si la página cumple o no cumple con cada uno de los requerimientos de la pauta seleccionada. Una vez el reporte esté listo, puede hacer lo siguiente:
    1. Active el enlace View a printable screen-reader-friendly version in a new window para ver una versión imprimible del reporte.
    2. Active cualquier enlace en el reporte para ver una descripción detallada del requerimiento.

¿Cómo reportar problemas de accesibilidad en una página web?

Si usted encuentra que una página web del gobierno, tanto estatal como federal no es accesible o no cumple con todos los requerimientos de accesibilidad, como por ejemplo imágenes sin descripciones, campos de formulario sin etiquetas, documentos PDF que no se pueden leer, problemas de contraste y otros, puede comunicarse directamente con la agencia o entidad. Si usted identifica que la página web no es accesible, usted puede notificarlo a la agencia o entidad para que tomen acción inmediata al respecto y se corrija la deficiencia en un tiempo razonable. Usted puede hacer referencia de las siguientes leyes federales y estatales: Americans with Disabilities Act (ADA), Ley  229, Ley 44, entre otras. Si observa que no se toma acción afirmativa para que la página web sea accesible, usted puede someter una querella en foros tales como la Oficina del Procurador de las Personas con Impedimentos (OPPI) 787- 725-2333 (http://www.oppi.gobierno.pr/radicacion.htm), o en la Oficina de Derechos Civiles Federal bajo el Título III de la Ley Americans with Disabilities Act (ADA): http://www.ada.gov/t3compfm_spanish.htm.

Recuerde que la accesibilidad es un derecho. Nuestra meta es acercarnos cada día más a que todas las páginas web utilicen un Diseño Universal, accesible para todos.

Para información adicional, puede comunicarse a la División de Accesibilidad de Tecnologías de Información del Programa de Asistencia Tecnológica de Puerto Rico (PRATP) al 787-474-9999.

Acciones de Documento