El informe analítico pretende ser simple pero pedagógico. Se espera
que su lectura sea comprensible para cualquier profesional de la web,
aunque el mismo no excluye la lectura y estudio de las Pautas de
Accesibilidad.
Referencia: 
Bien. 
Regular. 
Mal.
- Validación del código.
¡Correcto! El código de la página es válido.Es importante evitar los
errores de sintaxis en el código fuente para que la página sea
correctamente interpretada por las aplicaciones de usuario, incluidas
las ayudas técnicas.
WCAG 3.2: Cree documentos válidos según las gramáticas formales publicadas. (Prioridad 2)
- Declaración del tipo de documento.
- ¡Correcto! Hay una declaración del tipo de documento (DTD).
Una DTD indica la sintaxis utilizada en el código fuente de la página y permite verificar la correcta aplicación de ese código.
WCAG 3.2: Cree documentos válidos según las gramáticas formales publicadas. (Prioridad 2)
- Versión (X)HTML.
- Versión XHTML Strict.
Es importante usar las
tecnologías del W3C cuando se encuentren disponibles y sean soportadas.
Entre otros motivos porque cada vez se tienen más en cuenta las
cuestiones relacionadas con la accesibilidad.
WCAG 11.1: Utilice las tecnologías del
Consorcio World Wide Web, cuando estén disponibles y sean apropiadas
para la tarea, y use las últimas versiones cuando sean soportadas. (Prioridad 2)
- Elementos obsoletos.
- ¡Correcto! No se usan elementos obsoletos en HTML 4.01 (<applet>, <center> o <font>, por ejemplo).
Los elementos obsoletos
son construcciones que han sido reemplazadas por otras más apropiadas y
deben evitarse porque pueden provocar problemas de accesibilidad.
Además, su utilización evidencia una falta de actualización en el
diseño.
WCAG 11.2: Evite usar elementos obsoletos de las tecnologías del Consorcio World Wide Web. (Prioridad 2)
- Atributos obsoletos.
- ¡Correcto! No se usan atributos obsoletos en HTML 4.01 ("hspace", "bgcolor" o "nowrap", por ejemplo).
Los atributos obsoletos
son construcciones que han sido reemplazadas por otros más apropiados y
deben evitarse porque pueden provocar problemas de accesibilidad.
Además, su utilización evidencia una falta de actualización en el
diseño.
WCAG 11.2: Evite usar elementos obsoletos de las tecnologías del Consorcio World Wide Web. (Prioridad 2)
- Uso de encabezados.
- ¡Correcto! Se usan encabezados (<h1>~<h6>).
Se deben marcar
correctamente los encabezados de la página y no mezclar los niveles de
encabezados aleatoriamente sólo para aprovechar los distintos tamaños
de fuente.
WCAG 3.5: Use elementos de encabezado para sugerir la estructura del documento y úselos de acuerdo con la especificación. (Prioridad 2)
- Uso de tablas.
- ¡Correcto! No se usan tablas para controlar la presentación.
Las tablas son elementos
para presentar contenido tabular y no deben utilizarse para presentar
otro tipo de contenido. Esto es especialmente importante para quienes
utilizan navegadores sólo texto o lectores que leen línea a línea los
datos en pantalla.
WCAG 5.3: No use tablas para componer la
página a menos que el contenido de las tablas tenga sentido cuando se
representa en forma lineal. De lo contrario, si la tabla no se
entiende, proporcione un equivalente alternativo (que puede ser una
versión lineal de la tabla). (Prioridad 2)
- Uso de medidas absolutas.
- ¡Correcto! No se usan medidas absolutas.
Si se utilizan unidades de
medida relativas, y no absolutas, los usuarios podrán ampliar o reducir
el tamaño de los elementos de la página de acuerdo a sus necesidades.
Se debe evitar el uso de px como medida de los textos.
WCAG 3.4: Use unidades relativas en vez de
absolutas en los valores de los atributos del lenguaje de marcado y en
los valores de las propiedades de las hojas de estilo. (Prioridad 2)
- Validación del código de las CSS.
- ¡Correcto! El código de las CSS es válido.
Es importante evitar los errores de sintaxis de las hojas de estilo para permitir su correcta interpretación.
WCAG 3.2: Cree documentos válidos según las gramáticas formales publicadas. (Prioridad 2)
- Atributos de presentación.
- ¡Correcto! No se usan atributos como "size", "color" o "face" para controlar la presentación de la página.
Es incorrecto utilizar
atributos del lenguaje de marcas para controlar la forma en que se
presentará la página. En su reemplazo, se deben utilizar hojas de
estilo.
WCAG 3.3: Use hojas de estilo para controlar la composición y la presentación. (Prioridad 2)
- Elementos de presentación.
- ¡Correcto! No se usan elementos como <b>, <center> o <font> para controlar la presentación de la página.
Es incorrecto utilizar
elementos del lenguaje de marcas para controlar la forma en que se
presentará la página. En su reemplazo, se deben utilizar hojas de
estilo.
WCAG 3.3: Use hojas de estilo para controlar la composición y la presentación. (Prioridad 2)
- Utilización de CSS.
- ¡Correcto! Se usan estilos para controlar la presentación de la página.
Las hojas de estilo
representan un gran paso adelante para la web porque permiten la
separación de contenido y presentación de las páginas.
WCAG 3.3: Use hojas de estilo para controlar la composición y la presentación. (Prioridad 2)
- Objetivo de los enlaces.
- El objetivo de cada enlace parece estar claramente identificado.
Los enlaces deben indicar
de la manera más clara y suscinta adónde apuntan para que el usuario
pueda saber qué encontrará al seguir ese enlace.
WCAG 13.1: Identifique claramente el objetivo de cada enlace. (Prioridad 2)
- Bloques de información.
- Hay un promedio de 17 palabras en cada bloque de información.
Estructure y segmente
correctamente los textos utilizando títulos, subtítulos, párrafos y
listas. Recuerde que los bloques de información demasiado largos
dificultan su comprensión.
WCAG 12.3: Divida los bloques de información largos en grupos más manejables cuando resulte natural y apropiado. (Prioridad 2)
- Título de la página.
-
La página tiene un título que debe verificar manualmente. El texto
"Studio Web Life: Diseño - Programación Web Freelance en Madrid" es
adecuado para la página?
Debe existir un título para la página, a través del elemento <title>, y debe ser claro, descriptivo y conciso.
WCAG 13.2: Proporcione metadatos para añadir información semántica a las páginas y los sitios.
- Contraste de colores.
- Los colores de fondo o primer plano se definen en las CSS (debe comprobar el contraste de color en las imágenes).
Es importante que los
usuarios con dificultades visuales puedan desactivar los colores para
evitar aquellas combinaciones de color con un contraste inadecuado para
ellos.
WCAG 2.2: Asegúrese de que las combinaciones
de color del fondo y del primer plano tengan el suficiente contraste
cuando son vistas por alguien con deficiente percepción del color o que
utiliza un monitor en blanco y negro. (Prioridad 2 para imágenes, 3 para textos)
El 33% de los enlaces están organizados en listas (total de enlaces: 18).