Taller Evaluación de Accesibilidad pagina web
Enviado por cesarramirez81 • 23 de Julio de 2020 • Trabajo • 738 Palabras (3 Páginas) • 128 Visitas
[pic 1][pic 2][pic 3]
- EVALUACIÓN DEL SITIO WEB: https://cnnespanol.cnn.com/
- HERRAMIENTA DE EVALUACIÓN: https://validator.w3.org/
- EVIDENCIAS:
[pic 4]
[pic 5]
[pic 6]
[pic 7]
[pic 8]
[pic 9]
[pic 10]
[pic 11]
- ERRORES ENCONTRADOS: (Mencionare algunos porque esta página tiene varios)
- Error: Element meta is missing one or more of the following attributes: charset, content, http-equiv, itemprop, name, property: proporciona el valor de un elemento, pero sin un nombre específico, por lo tanto el navegador no sabe para qué sirve esto y genera un error.
- Error: Attribute name not allowed on element script at this point: Hay un conjunto definido de atributos para cada elemento HTML, puede optar por omitir algunos, pero no puede optar por agregar más atributos más allá de los definidos.
- Error: Element li not allowed as child of element nav in this context. (Suppressing further errors from this subtree.): HTML a menudo se compone de elementos anidados dentro de otros elementos, como la colocación de un ancla dentro de un párrafo, Este error le dice que su marcado incluye un
- elemento dentro de ay que esto no está permitido.
- Error: Bad value for attribute action on element form: Must be non-empty: El error indica que, en este contexto, el atributo action en el elemento form no puede tomar el valor
El validador da la razón: "no debe estar vacío".
- LISTA DE CHEQUEO EVALUACION DEL SITIO WEB
[pic 12]
|
|
| OBSERVACIONES | |||
Las páginas web tienen títulos que describen su temática o propósito. Criterio 2.4.2 Titulado de páginas | X | Cada título que tiene la web describe el contenido a desarrollar. | ||||
Se indica el idioma principal que usa el lang en la etiqueta html y utiliza el atributo lang en elementos específicos cuando el idioma del elemento difiere del resto de la página. Criterio 3.1.1 Idioma de la página. | X | , esto indica los lenguajes usados en la web. | ||||
Se incluyen textos alternativos para las imágenes informativas y funcionales. Las imágenes | X | Si tiene dichos textos. | ||||
La página web se adapta a la tecnología del usuario. Se usa diseño responsive para adaptar la pantalla a diferentes estados de zoom y tamaños de vista, como en dispositivos móviles y tabletas. Criterio 1.4.4 Cambio de tamaño del texto Criterio 3.2.4 Identificación coherente. | X | La web no se ve bien cuando se verifica si es o no responsive. | ||||
Asegurar que la navegación por la página es independiente del dispositivo, es decir, que se puede interactuar con la interfaz de usuario con el teclado o el mouse. Criterio 2.1.1 Teclado. | X | Si se puede interactuar con mouse o teclado. | ||||
No se usa el color solo para transmitir información. Cuando se usa el color para diferenciar elementos, también proporciona una identificación adicional que no depende de la percepción del color Criterio 1.4.1 Uso del color. | X | La página cumple con este requisito. | ||||
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 la información presentada. Una forma de comprobar | X | El contenido de la página está en orden tanto en el código como en el front. | ||||
Orienta al usuario proporcionando información acerca de cuál es la ubicación actual, usando migas de pan o indicando situación actual dentro de las barras de navegación. Criterio 2.4.8 Ubicación. | X | En el Header de la página me ubica en que parte estoy. | ||||
Usa las etiquetas “h1-h6” para identificar los encabezados marcando aquellos textos que sean títulos de sección. Criterio 2.4.6 Encabezados y etiquetas. | X | No usa estas etiquetas para los encabezados, probablemente los atributos los llama desde la CSS. | ||||
Utiliza el marcado adecuado para encabezados, listas, tablas, etc. HTML5 proporciona elementos adicionales, como Criterio 1.3.1 Información y relaciones. | X | Usa | ||||
El propósito de cada enlace se puede determinar sólo a partir del texto de enlace. Criterio 2.4.9 Propósito de los enlaces. | X | Si es pueden entender el propósito del texto de los enlaces. | ||||
Proporciona instrucciones claras, mensajes de error y notificaciones para ayudar a usuarios a rellenar formularios en su sitio. Criterio 3.3.1 Identificación de errores. Criterio 3.3.2 Etiquetas o instrucciones. | X | Este web no tiene formularios, solo una barra de búsqueda. | ||||
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 deslizantes de imagen, sonido de fondo y videos. Criterio 1.4.2 Control del sonido Criterio 2.2.2 Pausar, detener, ocultar. | X | Si cuenta con estos controles. |
...