DISEÑO Y DESARROLLO DE SITIOS WEB

ACCESIBLESCODIGO 2134133

APRENDIZ
ANA MILENA GALINDO GUARIN

INSTRUCTOR

ENITH JOHANA PACHECO CASADIEGOS

SERVICIO NACIONAL DE APRENDISAJE

SENA

BOGOTÁ 16 DEJULIO DE 2020

AA3-EV01. FORO “EVALUACIÓN DE ACCESIBILIDAD DE UNA PÁGINA WEB”

Actividad de Aprendizaje: AA3. Evaluar sitios web teniendo en cuenta metodología para evaluación
y cumplimiento de las pautas de accesibilidad.

URL DE LA PÁGINA WEB https://cun.edu.co/

SERVICIO NACIONAL DE APRENDIZAJE

LISTA DE CHEQUEO ACTIVIDAD DE APRENDIZAJE 3 EVIDENCIA 1
DISEÑO Y DESARROLLO DE SITIOS WEB ACCESIBLES

CRITERIO CUMPLE NO OBSERVACIONES

CUMPLE
La página si cumple con el atributo
Las páginas web tienen títulos
<tile> y <title/> permitiendo verificar
que describen su temática o
que cada una de las subpáginas
propósito.
1 X contienen un título las cuales
responden correctamente y permiten
Criterio 2.4.2 Titulado de
que el usuario identifique su contenido:
páginas.
Se indica el idioma principal
que usa el lang en la etiqueta
html y utiliza el atributo lang en En esta página podemos afirmar que la
elementos específicos cuando etiqueta Html si cuenta con el atributo
2 el idioma del elemento difiere X Lang=””, donde nos indica que el
del resto de la página. idioma es español. Por lo tanto, si
cumple con el criterio.
Criterio 3.1.1 Idioma de la
página.
Se incluyen textos alternativos
para las imágenes informativas
y funcionales. Las imágenes Si cumple con los textos alternativos
decorativas tienen texto para las imágenes informativas e
3 X
alternativo vacío (alt=””). incluye imágenes decorativas con texto
alternativo vacío <alt=””>
Criterio 1.1.1 Contenido No
textual.
La página web se adapta a la
tecnología del usuario. Se usa
diseño responsive para
adaptar la pantalla a diferentes
Si cumple y se adapta a las pantallas
estados de zoom y tamaños de
4 X de los dispositivos tecnológicos sin
vista, como en dispositivos
importar el tamaño
móviles y tabletas.

Criterio 1.4.4 Cambio de

tamaño del texto
 Criterio 3.2.4 Identificación
coherente.
Asegurar que la navegación
por la página es independiente
del dispositivo, es decir, que se
puede interactuar con la Si se puede interactuar con la interfaz
5 X
interfaz de usuario con el del mouse y del teclado
teclado o el mouse.

Criterio 2.1.1 Teclado.

No se usa el color solo para
transmitir información. Cuando
se usa el color para diferenciar
No solo se utiliza el color para transmitir
elementos, también
una información sino para generar una
6 proporciona una identificación X
identidad que coincida con los colores
adicional que no depende de la
de la institución.
percepción del color

Criterio 1.4.1 Uso del color.

Refleja el orden de lectura en
el orden del código de la
página web.
Asegúrese de que el orden
de los elementos en el código
coincida con el orden lógico de El orden del contenido en la sección del
la información presentada. Una código fuente coincide con la
7 X
forma de comprobar esto es presentación visual del contenido de la
eliminar el estilo CSS y revisar página web.
que el orden del contenido
tenga sentido.

Criterio 1.3.2 Secuencia

significativa
Orienta al usuario
proporcionando información
acerca de cuál es la ubicación
actual, usando migas de pan o La página web Cumple con la
8 indicando situación actual X Orientación y el usuario puede navegar
dentro de las barras de por sus diferentes enlaces.
navegación.

Criterio 2.4.8 Ubicación.

Usa las etiquetas “h1-h6” para
identificar los encabezados
marcando aquellos textos que La etiqueta <h1> y </h1> marca
9 sean títulos de sección. X encabezados en algunos textos.

Criterio 2.4.6 Encabezados y

etiquetas.
Utiliza el marcado adecuado
para encabezados, listas,
tablas, etc. HTML5 Al revisar el código fuente pude
10 proporciona elementos X identificar el atributo <ul> y </ul> donde
adicionales, como y, para se muestra las listas no ordenadas
estructurar mejor su contenido.
 Criterio 1.3.1 Información y
relaciones.
El propósito de cada enlace se
puede determinar sólo a partir
Los enlaces ubicados en la página si
del texto de enlace.
11 X cumplen con el propósito de brindar
información adicional.
Criterio 2.4.9 Propósito de los
enlaces.
Proporciona instrucciones
claras, mensajes de error y
notificaciones para ayudar a
usuarios a rellenar formularios
en su sitio. La página web identifica errores y
12 X
ayuda al usuario a rellenar formularios
Criterio 3.3.1 Identificación de
errores.
Criterio 3.3.2 Etiquetas o
instrucciones.
Proporciona controles visibles
para permitir a los usuarios
detener cualquier animación o
sonido de reproducción
automática. Esto se aplica a
carruseles, controles
13 X La página web no proporciona sonidos
deslizantes de imagen, sonido
de fondo y videos.

Criterio 1.4.2 Control del

sonido Criterio 2.2.2 Pausar,
detener, ocultar.

VALIDACCIÓN REALIZADA

. Para esta validación utilice la herramienta de revisión automática TAW

. A continuación, se reflejan los pantallazos con los resultados arrojados
. Al abrir la herramienta ingrese la URL para iniciar el análisis de la página https://cun.edu.co/
 . Después de haber analizado la URL https://www.tawdis.net/ arrojo los siguientes
resultados:

- 26 PROBLEMAS
- 80 ADVERTENCIAS
- 15 NO VERIFICADOS

. Ensequida arrojo un informe mas extendido donde me indica que fue lo que encontro y lo que no
se encontro dentro de la URL analizada. Como lo son los siguientes problemas:

- Los Perceptibles
- Los Operables
- Los Comprencibles
- Los Robustos
. Esta herramienta tambien nos permite recibir por medio E-mail un informe mas detallado donde nos
muestra algunas de las lineas donde se encuentran dichos errores y el código fuente de la URL
. A continuación les mostrare algunos pantallazos del codigo fuente de la URL
 CRITERIOS DE EVALUACIÓN HALLADOS DENTRO DEL ANALISIS DE LA HERRAMIENTA
TAW

PERCEPTIBLES NIVEL RESULTADO

Criterio 1.1.1 Contenido

A 1 problema - 1 advertencia
no textual

Criterio 1.3.1-
A 1 problema - 5 advertencias
Información y relaciones

Criterio 1.3.2 Secuencias

A 17 advertencias - Requiere revisión manual
Con Significado
Criterio 1.3.3
A 1 no verificado
Características Sensoriales
Criterio 1.4.1 Uso De Color A Imposible realizar comprobación manual
Criterio 1.4.2 Control de
A No Aplica
Audio
Criterio 1.4.3 Contraste
A 1 advertencia - 2 no verificados
Mínimo
Criterio 1.4.4
Redimensionamiento del AA 24 advertencias - Requiere revisión manual.
texto
Criterio 1.4.5 Imágenes de
AA 1 no Verificado
Texto

OPERABLES NIVEL RESULTADO

9 advertencias - Imposible realizar comprobación

Criterio 2.1.1 Teclado A
automática

Criterio 2.1.2 Sin Bloqueo

A Imposible realizar comprobación automática
de Teclado
Criterio 2.2.1 Tiempo
A Imposible realizar comprobación automática
Ajustable
Criterio 2.2.2 Pausar,
A 1 no Verificado
Detener, Ocultar
 Criterio 2.3.1 Umbral de
A Imposible realizar comprobación automática
tres destellos o menos
Criterio 2.4.1 Evitar
A 1 advertencia - 2 No verificados
Bloques
Criterio 2.4.2 Páginas
A 1 advertencia - Requiere revisión manual
Tituladas
Criterio 2.4.3 Orden del
A 14 advertencias - 1 No verificada
foco
Criterio 2.4.4 Propósito de
A 21 problemas
los enlaces (en contexto)
Criterio 2.4.5 Múltiples
AA Imposible realizar comprobación automática
Vías
Criterio 2.4.6 Encabezados
AA No Aplica
y Etiquetas

Criterio 2.4.7 AA Imposible realizar comprobación automática

Criterio 2.4.8 Ubicación No se cumple, no se encuentre dentro del resumen.

Criterio 2.4.9. Propósito de
No se cumple, no se encuentre dentro del resumen.
los enlaces

COMPRENCIBLES NIVEL RESULTADO

Criterio 3.1.1 Idioma de la Los resultados fueron satisfactorios, no se encontraron

A
pagina problemas

Criterio 3.1.2 Idioma de las

AA Imposible realizar comprobación automática
Partes
Criterio 3.2.1 Al recibir el
A Imposible realizar comprobación automática
Foco
Criterio 3.2.2 Al Introducir
A Imposible realizar comprobación automática
Datos
Criterio 3.2.3 Navegación
AA Imposible realizar comprobación automática
Consistente
Criterio 3.2.4
AA Imposible realizar comprobación automática
Identificación Consistente
Criterio 3.3.1
A 2 advertencias - requiere verificación manual
Identificación de Errores
Criterio 3.3.2 Etiquetas o Los resultados fueron satisfactorios, no se encontraron
A
Instrucciones problemas
Criterio 3.3.3 sugerencias
AA 1 advertencia - Requiere verificación manual
ante Errores
Criterio 3.3.4 Prevención
de Errores (legales, AA 3 advertencias, requiere verificación manual
financieros, datos)

ROBUSTOS NIVEL RESULTADO

Criterio 4.4.1
A 3 problemas - 1 Advertencia -1 No verificado
Procesamiento

Criterio 4.4.2 Nombre,

A Requiere verificación manual
Función, Valor