WAI - Iniciativa de Accesibilidad Web

(1)

WAI - Iniciativa de Accesibilidad Web

Vicente Luque Centeno [email protected]

Departamento de Ingeniería Telemática Universidad Carlos III de Madrid

www.it.uc3m.es/vlc/wai_intro

| |

(2)

Agenda

Ideas falsas 1.

Barreras 2.

Visión general del WAI 3.

Puntos de chequeo 4.

Conclusiones 5.

Bibliografía 6.

(3)

Ideas falsas (1/2)

No soy discapacitado, luego no me interesa

WAI es para todos

20% de población con algún tipo de problema

Las barreras afectan a varios dispositivos: (teléfonos móviles, PDA, TV digital, kioscos, sistemas de voz, ...)

Las personas discapacitadas no pueden usar ordenadores

Internet como un importante vehículo de integración Existe Hw + Sw especializado (Braille, voz,

magnificadores, ...)

Otras discapacidades temporales: conducción

(4)

Ideas falsas (2/2)

Aburrida versión alternativa sólo texto

Discriminación (no todas las personas tienen los mismos problemas)

Replicación innecesaria de esfuerzos y recursos Una versión sólo texto puede ser incluso menos accesible

Accesibilidad y belleza con CSS

(http://www.csszengarden.com/) no son incompatibles

Especificar un diseño para cada tipo de usuario o dispositivo

Diseño para CUALQUIER tipo de usuario Independencia del dispositivo

(5)

Visión

Ceguera total dispositivos Braille, transcripciones sonoras

Dificultad en distinguir colores (daltonismo) hoja de estilo del usuario con colores personalizados

Visión reducida (miopía) lente magnificadora, hoja de estilo personalizada con fuentes grandes

Visión ocupada en otra actividad (conducción), pantallas reducidas, pantallas monocromo

(6)

Daltonismo

(7)

Oído

Sordera total Sordera parcial

Entornos ruidosos

Entornos silenciosos (biblioteca)

(8)

Discapacidades físicas

Discapacidad motriz Teclado adaptado

Discapacidad en el habla

Sin ratón, con teclado distinto al habitual

(9)

Discapacidades cognitivas y neurológicas

Dislexia, discalculia

Desorden y déficit atencional Limitaciones en la memoria Fotosensibilidad

Entorno con distracciones

(10)

Tecnología

Navegador demasiado viejo Navegador demasiado nuevo Sistema operativo diferente Plug-ins no instalados

Conexiones lentas

(11)

Discapacidad como una función de la edad

Fuente: U.S. Census Bureau Report on Americans with Disabilities:

(12)

Heterogeneidad

(13)

Algunas barreras eliminables

Fuentes configurables: imágenes no necesarias para representar texto con estilo, descargas más rápidas

Navegadores de voz: leen la página sintetizando palabras e interactuando con sonidos

Tamaños relativos: escalado adecuado para personas con visión reducida

Independencia del dispositivo: amplio rango de dispositivos utilizables

Estilos alternativos: estilos escogibles y redefinibles por el usuario

(14)

Visión general de WCAG 1.0

14 Pautas (alto nivel de abstracción)

65 Puntos de chequeo (bajo nivel de abstracción) 3 Prioridades

Prioridad 1: Must Prioridad 2: Should Prioridad 3: May

(15)

Visión general de WCAG 1.0

Niveles de cumplimiento de los WCAG

1 2 3

OK

OK OK

OK OK OK

(16)

Puntos de chequeo

Muchos de ellos requieren chequeo manual, otros automatizables

Abierto a interpretación subjetiva

¿Agrupación por pauta, prioridad, etiqueta, manual/automática ...?

Un material pesado que requiere varias horas de estudio

(17)

Puntos de chequeo

Prohibiciones

Obligaciones

Recomendaciones

(18)

Prohibiciones prioridad 1: color (1/7)

[2.1] Prohibido confiar semántica en el color

Los preferidos se muestran en verde

(19)

Prohibiciones prioridad 1: dependencia del cliente (2/7)

[6.1] Prohibido confiar en contenido o posicionamiento dependiente

del lado del cliente

Marcado HTML degenerado para conseguir efectos presentacionales específicos

(20)

Prohibiciones prioridad 1: scripts necesarios (3/7)

[6.3] Prohibido scripts necesarios

<a href="javascript:loadUrl()">DEAD LINK</a>

<a href="alternate.html" onclick="loadUrl(); return false"

onkeypress="...">NON DEAD LINK</a>

(21)

Prohibiciones prioridad 1: scripts necesarios (4/7)

document.write("<input type=’submit’ />")

(22)

Prohibiciones prioridad 1: scripts necesarios (5/7)

<select name="Books" onchange="jump()"> <option> ...

</option> ...

<select name="Books" onsubmit="check()"> <option> ...

</option> ...

</select> <input type="submit" />

(23)

Prohibiciones prioridad 1: destellos (6/7)

[7.1] Prohibido destellos en la pantalla

Molestos también para los no discapacitados

(24)

Prohibiciones prioridad 1: vocabulario (7/7)

[14.1] No usar vocabulario complejo o enrevesado

No sólo en el Web

(25)

Prohibiciones prioridad 2: contraste (1/10)

[2.2] No usar imágenes con bajos contrastes

(26)

Prohibiciones prioridad 2: HTML anquilosado (2/10)

[3.3] No usar HTML anquilosado con equivalente CSS HTML anquilosado y CSS equivalente

HTML anquilosado Correcto

<font> font-family, font-size, ...

  or <blockquote> text-indent, margin

H E L L O letter-spacing

<big>H</big>ello :first-letter

<center> text-align

dots.gif border-style:dotted

px.gif margin, padding, ...

<table> border

(27)

Prohibiciones prioridad 2: tablas (3/10)

[5.3] Prohibidas tablas mal serializables

Tablas de sólo presentación

[5.4] Prohibidas las cabeceras de tablas en tablas de sólo presentación

Tablas de sólo presentación (sí, otra vez)

(28)

Prohibiciones prioridad 2: parpadeo (4/10)

[7.2] Prohibido contenido parpadeante

blink CSS (o detenible)

(29)

Prohibiciones prioridad 2: movimiento (5/10)

[7.3] Prohibidos movimientos del contenido

(marquee, efectos DHTML, cambios inesperados de tamaño de ventanas, deshabilitación de scrolls o cambios de tamaño por el usuario ...) (o detenibles)

(30)

Prohibiciones prioridad 2: eventos (6/10)

[6.4] No usar manejadores de eventos dependientes del dispositivo

Independientes del dispositivo (@onfocus, @onblur,

@onselect, ...)

Combinar los dependientes

@onmousedown @onkeydown

@onmouseup @onkeyup

@onclick @onkeypress

No estándares (@onpaste, @onresizestart, ...)

(31)

Prohibiciones prioridad 2: refrescos (7/10)

[7.4] Prohibido auto-refresco ¬ meta/@http-equiv

<meta http-equiv="refresh" content="60" />

[7.5] Prohibida auto-redirección ¬ meta/@http-equiv

<meta http-equiv="refresh" content="5;

(32)

Prohibiciones prioridad 2: ventanas emergentes (8/10)

[10.1] Prohibida la aparición de nuevas ventanas no solicitadas ¬

a/@target , ¬ window.open()

<a href="new.htm" target="_blank">Popup</a> ¡Que el usuario decida!

(33)

Prohibiciones prioridad 2: etiquetas de formularios (9/10)

[10.2] Prohibidas las etiquetas confusas en los formularios ( ff

(input|select|textarea) $ff label como una dependencia funcional)

Una etiqueta para cada control y un control para cada etiqueta

(34)

Prohibiciones prioridad 2: HTML anquilosado (10/10)

[11.2] Prohibido HTML anquilosado

HTML anquilosado y sus redefiniciones

Anquilosado Redefinición

<b>,<i> <strong>, <em>

<applet> <object>

<layer>, <ilayer> <iframe>

<isindex> <input>

<dir>, <xmp>

(35)

Prohibiciones prioridad 3

[2.2a] Prohibidos textos con bajos contrastes

Defina inseparablemente los colores del texto y del fondo

¿blanco sobre blanco?, ¿negro sobre negro?

(36)

Obligaciones prioridad 1: imágenes (1/11)

[1.1] Alternativa textual para las imágenes ( img/@alt)

<img src="pic.gif" alt="Texto alternativo" title="Texto complementario" />

(37)

Obligaciones prioridad 1: multimedia (2/11)

[1.1b] Texto alternativo para otros elementos multimedia (vídeo,

audio, applets, plugins, scripts, ...) noscript, object/*

Que sea una alternativa real (imágenes en lugar de vídeo, transcripción de diálogos, narraciones, aplicaciones

alternativas en el lado del servidor, ...)

(38)

Obligaciones prioridad 1: marcos (3/11)

[1.1e] Alternativa para los marcos (noframes)

<noframes>Your browser does not support frames!</noframes>

Marcos

(39)

Obligaciones prioridad 1: marcos (4/11)

[6.2a] El contenido de los marcos debe ser HTML f (frame|iframe) $f/@src HTML

[12.1] Describir los marcos (frame/@title)

<frame title="Navigation bar">

(40)

Obligaciones prioridad 1: mapas de servidor (5/11)

[1.2] Enlaces alternativos para mapas de imagen de servidor

Algunos dispositivos pueden tener problemas en especificar coordenadas

(41)

Obligaciones prioridad 1: temporización (6/11)

[1.4] Sincronización de eventos temporizados

SMIL, vídeos, scripts, audio, ...

(42)

Obligaciones prioridad 1: cambio de idioma (7/11)

[4.1] Especificación de idioma ( @xml:lang, @hreflang)

<q xml:lang="fr">Bon jour</q>

<a href="italian.html" hreflang="it">Versión en italiano</a>

(43)

Obligaciones prioridad 1: cabeceras de tablas (8/11)

[5.1] Cabeceras en tablas (th)

No usarlas como celdas regulares de datos <th></th>

<td><strong></strong></td>

(44)

Obligaciones prioridad 1: actualización de alternativas (9/11)

[6.2] Actualización de alternativas de contenidos dinámicos

<noscript>Your browser does not support JavaScript!</noscript>

<noscript><a href="alternate.html">Server side alternate</a></noscript>

(45)

Obligaciones prioridad 1: multimedia (10/11)

[8.1] Los scripts, plugins y applets importantes deben ser asimismo

accesibles

(46)

Obligaciones prioridad 1: versión accesible (11/11)

[11.4] Mantener una versión alternativa accesible

¡¡Como último recurso!!

(47)

Obligaciones prioridad 2: validación (1/12)

[3.2] Validar los documentos frente a una gramática reconocida (¿cuál?)

T S

Contenido frente a presentación Contenido Presentación

Transitional Strict

(48)

Obligaciones prioridad 2: arte ASCII, cabeceras (2/12)

[1.1d] Descripción alternativa para arte ASCII

[3.5] Usar adecuadamente las cabeceras (h1 ... h6)

Pueden ser útiles para saltar secciones enteras

(49)

Obligaciones prioridad 2: listas, citas, ...

(3/12)

[3.6] Usar las listas con propiedad

[3.7] Usar citaciones (q, blockquote) adecuadamente [6.5] Proporcionar alternativa a contenidos dinámicos no

accesibles

(50)

Obligaciones prioridad 2: multimedia (4/12)

[8.1a] Los scripts plugins y applets no importantes deben ser

asimismo accesibles

Los importantes en 8.1, prioridad 1

(51)

Obligaciones prioridad 2: formatos estándares (5/12)

[11.1] Usar las tecnologías del W3C

Incluso algunas que no estén contempladas por los navegadores actuales. Pensar en el futuro

Los navegadores deben adaptarse a los estándares

Los documentos no deben adaptarse a los navegadores

(52)

Obligaciones prioridad 2: descriptores de campos de formularios (6/12)

[12.4] Asociaciones explícitas entre etiquetas descriptoras y

controles de formularios (label/@for ) (con 10.2, esto se convierte

en una correspondencia biyectiva)

<label for="login">User</label> <input type="text" id="login"

/>

(53)

Obligaciones prioridad 2: enlaces (7/12)

[13.1] Enlaces claros y únicos ( i (a|area) ($i/text(), $i/@title)

$i/@href como una dependencia funcional)

<a href="page1.html">Read more</a> ... <a href="page2.html">Read more</a>

(54)

Obligaciones prioridad 2: cabecera (8/12)

[13.2] Metadatos para añadir semántica

(55)

Obligaciones prioridad 2: enlaces de cabecera (9/12)

[13.2a] Enlaces de contextualización en la cabecera ( head/link/@rel)

<head>

<link rel="prev" href="1.htm" />

<link rel="contents" href="0.htm" />

<link rel="next" href="3.htm" />

</head>

(56)

Obligaciones prioridad 2: enlaces de

cabecera (10/12)

(57)

Obligaciones prioridad 2: enlaces de

cabecera (11/12)

(58)

Obligaciones prioridad 2: orientación (12/12)

[13.3] Índices, tablas de contenidos, mapas del sitio Web, ...

[13.4] Patrones de navegación consistentes

Orientación (no perderse) barras de navegación, tablas de contenido, ...

Botón Back deshabilitado Consistencia

(59)

Obligaciones prioridad 3: mapas de cliente, barras de navegación (1/6)

[13.5] Barras de navegación

[1.5] Enlaces alternativos para mapas de imagen de cliente

(60)

Obligaciones prioridad 3: acrónimos y abreviaturas (2/6)

[4.2] Declarar la explicación detallada de acrónimos y abreviaturas

en su primera ocurrencia ( acronym/@title, abbr/@title)

(61)

Obligaciones prioridad 3: idioma del documento (3/6)

[4.3] Declarar idioma del documento ( html/@xml:lang)

(62)

Obligaciones prioridad 3: tablas (4/6)

[5.5] Resúmenes de las tablas (table/caption, table/@summary)

<table summary="Explicación sobre la tabla, el significado de sus columnas y filas ..."> <caption>...

(63)

Obligaciones prioridad 3: controles editables (5/6)

[10.4] Mantener caracteres visibles en los controles editables Label: Insert text here

(64)

Obligaciones prioridad 3: caracteres entre enlaces (6/6)

[10.5] Caracteres no enlazados e imprimibles entre enlaces

[<a href="1.html">1</a>] [<a href="2.html">2</a>] [<a href="3.html">3</a>]

(65)

Recomendaciones prioridad 1:

descripciones largas (1/7)

[1.1a] Descripciones largas para imágenes ( img/@longdesc)

Si img/@alt no es suficiente

<img src="pic.gif" alt="Texto alternativo"

longdesc="description.html" />

(66)

Recomendaciones prioridad 1:

descripciones largas (2/7)

[12.2] Descripción larga para los marcos ( frame/@longdesc)

(67)

Recomendaciones prioridad 1: tablas (3/7)

[5.2] En tablas, asociaciones entre celdas de datos y de cabeceras ( th/@axis, th/@scope, td/@headers , thead, tfoot, tbody, col,

colgroup)

Un consejo útil: leer la tabla en voz alta como quisiéramos

que nos la leyeran por teléfono

(68)

Recomendaciones prioridad 2:

matemáticas y tamaños (4/7)

[3.1] Fórmulas matemáticas:

Entidades HTML, MathML (http://www.w3.org/Math/) o TeX o otros equivalentes basados en texto mejor que imágenes

(69)

Recomendaciones prioridad 2: tamaños (5/7)

[3.4] Unidades de medida

absolutas (px, mm, cm, pt, ...) relativas ( %, em, ex)

(70)

Recomendaciones prioridad 2:

consideraciones "a mejor" (6/7)

[1.1c] Imágenes mejor que arte ASCII

[9.1] Mapas de imagen de cliente mejor que mapas de imagen de servidor

(71)

Recomendaciones prioridad 2: grupos (7/7)

[12.3] Agrupar contenidos (optgroup, fieldset, p , ...)

Agrupar contenidos en partes manejables

(72)

Recomendaciones prioridad 3:

abreviación de celdas (1/9)

[5.6] Abreviaciones de las cabeceras de tablas (th/@abbr)

Si th/text() es demasiado largo

(73)

Recomendaciones prioridad 3: orden de tabulación (2/9)

[9.4] Orden de tabulación lógico entre controles (@tabindex)

La mejor tabulación suele ser la de por defecto:

@tabindex

Los botones de envío al final del formulario

(74)

Recomendaciones prioridad 3: atajos de teclado (3/9)

[9.5] Atajos de teclado para controles importantes (@accesskey )

(75)

Recomendaciones prioridad 3: saltos intra-documento (4/9)

[13.6] Saltar grupos de enlaces

<div title="Navigation Bar"> <span class="skip"> [<a href="#how">Saltar barra de navegación</a>] </span>

[<a href="home.html">Principal</a>]

[<a href="sitemap.html">Mapa del sitio</a>] </div>

<h1 id="how">Formas de usar este Web</h1>

(76)

Recomendaciones prioridad 3: varios (5/9)

[13.10] Permitir saltar el arte ASCII

[11.3] Permitir negociación HTTP de contenidos

www.google.com www.google.[es,de,...] (su país)

(77)

Recomendaciones prioridad 3: varios (6/9)

[13.7] Si se proporciona funcionalidad de búsqueda, permitir búsquedas complejas

find all documents that contain WORD 1 and WORD 2 but not PHRASE 3 within 100 words of WORD 4 in

documents created between DATE 1 and DATE 2 [13.8] Front loading

(78)

Recomendaciones prioridad 3: varios (7/9)

[13.9] Información acerca de colecciones de documentos (contadores de página, versión empaquetada, ...)

[14.2] Asociaciones sonido-texto-icono

(79)

Recomendaciones prioridad 3:

consistencia (8/9)

[14.3] Mantener estilos consistentes

(80)

Recomendaciones prioridad 3: estilos (9/9)

CSS externo + @class mejor que @style embebido CSS embebido: los mismos errores (redundancia,

inconsistencias, ...) que hicimos con HTML reescritos en otra tecnología

CSS embebido: conflictos con las hojas CSS del usuario (no las del autor)

(81)

¿Otras definidas de forma repetida?

[1.3] Descripciones auditivas

[9.2] Elementos con interfaces independientes del dispositivo [9.3] Manejadores de eventos lógicos

[10.3] Tablas linearizables

(82)

Conclusiones

WYSIWYG frente a WYSIWYM

Viejo: Documentos ad-hoc para navegadores específicos que no son funcionales con otros navegadores

Nuevo: Documentos flexibles que pueden ser mostrados de muchas formas distintas y en cualquier dispositivo (pensar en los que puedan aparecer en el futuro)

Documentos líquidos: sin tablas de maquetación y con posibilidad de ser mostrados en cualquier dispositivo

Diseño de documentos centrados en navegadores específicos (barreras) frente a Diseño centrado en el documento mismo (independencia del dispositivo)

Presentación (CSS) separada del contenido (HTML)

(83)

Conclusiones

Beneficios:

Mantenimiento del sitio Web site (consistencia) Audiencia amplia (discapacitados, conductores de vehículos, dispositivos inalámbricos, ...)

Transformación de documentos en otros formatos Valor semántico añadido (robots, Semantic Web, ...) Cumplimiento de la ley

Muchos puntos de chequeo dicen lo mismo: "¡Use HTML con propiedad!"

El AA de hoy puede ser el A de mañana (evolución) WCAG 2.0 en preparación (WD)

(84)

¿Cómo hacer que un sitio Web existente sea conforme al WAI?

Validar sus documentos frente a una gramática (DTD, Schema, ...). Cuanto más estricta, mejor.

1.

Analizar la estructura del documento 2.

Separar contenido relevante del marcado orientado a la presentación (requiere semántica )

3.

Reintroducir el contenido relevante dentro de un marcado adecuado

4.

Traducir reglas de presentación a un CSS externo 5.

¡¡Varias horas para una única página HTML!!

6.

¡Puede no verse igual que antes!

7.

Evaluar: navegadores, analizadores, gente ...

8.

(85)

Evaluadores de accesibilidad

Reglas automáticas

No pueden certificar que sí se cumple Sí pueden certificar que no se cumple

Incompletas (muchas condiciones sin cubrir) Reglas objetivas y reglas subjetivas

Reglas semiautomáticas y manuales

Costosos (requieren intervención humana)

Bobby (http://bobby.watchfire.com/bobby/html/en/index.jsp) , Hera (http://www.sidar.org/hera/) , Taw (http://www.tawdis.net) , Torquemada (http://www.webxtutti.it/testa_en.htm) , ...

Diferentes resultados posibles para una misma página Otras herramientas de reparación, transformación,

presentación, ...

(86)

Bibliografía

Descripción de los puntos de chequeo

(http://www.w3.org/TR/WAI-WEBCONTENT-TECHS) Web Content Accessibility Guidelines 1.0

(http://www.w3.org/TR/WCAG10/)

Web Content Accessibility Guidelines 2.0 (WD) (http://www.w3.org/TR/WCAG20/)

Curriculum for Web Content Accessibility Guidelines 1.0 (http://www.w3.org/WAI/wcag-curric/)

Techniques For Accessibility Evaluation And Repair Tools (Heuristics for tools) (http://www.w3.org/TR/AERT)

General (http://www.w3.org/WAI/)

(87)

(88)

TAW 3.0 (10/18/05 8:04 PM) Validación utilizando normas WAI 5 de mayo de 1999

Resultado de la verificación:

http://www.usc.es/es/servizos/atic/diainternet/index.jsp

Prioridad 3 0 29

versión en galego english version

versión para discapacitados Buscar

Secciones

• Información general

• Gobierno

• Normativa

• Titulaciones

• Centros

• Departamentos

• Institutos y centros de investigación

• Investigación

• Servicios

• Cursos y congresos

Perfiles de acceso

• Estudiantes

• Estudiantes egresados

• Futuros estudiantes

• Personal de

administración y servicios

• Personal docente e investigador

• Empresas

Destacados

• USC Virtual

• USC en cifras

• USC Sustentable

Certificaciones

Día de Internet - 25 de octubre - Jornada de accesibilidad web

Formulario de inscripción

Descargar el folleto informativo [PDF - 43 Kb]

La Jornada sobre Accesibilidad en los sitios web intenta recoger una visión sobre el grado de desarrollo y utilización de las técnicas que permiten un acceso más fácil a colectivos con dificultades especiales para navegar por la red.

Se hace un repaso a la situación en nuestro país, para posteriormente entrar en detalle de la situación en los web de las universidades españolas, incluyendo un módulo de buenas prácticas.

Programa del día

Bloque I: Accesibilidad en los sitios web Modera: Juan Carlos Garcés

Director de la División de Proyectos Tecnológicos para la Administración General del Estado

Ministerio de Administraciones Públicas 09.30 Carlos Egea García

Grupo de Expertos en Accesibilidad a la NTIC FUNDACIÓN ONCE

10.00 Jesús García

Coordinador de la Oficina Española W3C 10.30 Alejandro Rodríguez Ascaso Life Supporting Technologies

E.T.S. Ingenieros de Telecomunicación Universidad Politécnica de Madrid 11.00 Vicente Luque Centeno Profesor Titular

Universidad Carlos III de Madrid

11.30 Coloquio

12.00 Café

Texto a buscar...

(89)

Pauta 1 Pauta 2 Pauta 3 Pauta 4 Pauta 5 Pauta 6 Pauta 7 Pauta 8 Pauta 9 Pauta 10 Pauta 11 Pauta 12 Pauta 13 Pauta 14

Sumario

URL: http://www.usc.es/es/servizos/atic/diainternet/index.jsp Fecha/hora: 18/10/2005 - 18:09 GMT

Total: 230 elementos

Análisis automático: 4 segundos Errores: 9 errores

A verificar manualmente: 35 puntos Revisor: (desconocido)

Navegador: Netscape 6.0 (Linux)

Navegar por resultados

Utilice los enlaces de la tabla para revisar manualmente cada uno de los puntos o comprobar los resultados obtenidos en el análisis automático.

Estado de los puntos de control

Prioridad Verificar Bien Mal N/A

9 1 -- 7

14 4 6 5

12 2 3 2

Navegar por directrices

Utilice los enlaces para ver los puntos correspondientes a cada pauta de accesibilidad. Se muestran todos los puntos, independientemente de los resultados obtenidos en el análisis automático.

(90)

Navegar por resultados

P.1 9 1 - 7

P.2 14 4 6 5

P.3 12 2 3 2 Prioridad 2:

6 puntos con errores

Punto 3.2 - Resultado: incorrecto

Cree documentos que se ciñan a las gramáticas formales publicadas. (Prioridad 2)

DTD: La página NO es válido.

Use hojas de estilo para controlar la disposición y la presentación. (Prioridad 2)

Propiedades de presentación: Se utilizan 4 atributos HTML para controlar la presentación.

Hasta que las aplicaciones de usuario soporten asociaciones explícitas entre las etiquetas y los controles de formulario, para todos los controles de formulario con etiquetas implícitamente asociadas, asegúrese de que la etiqueta está colocada adecuadamente . (Prioridad 2)

Etiquetas: Hay 1 controles de formulario que deben llevar etiquetas pero ningún elemento "label".

Utilice las tecnologías del W3C cuando estén disponibles y sean apropiadas para la tarea, y use las últimas versiones en cuanto sean soportadas. (Prioridad 2)

Tecnologías del W3C: Se utiliza una versión anticuada de HTML (<!DOCTYPE HTML PUBLIC

"-//W3C//DTD HTML 4.0 Transitional//EN">).

Evite usar elementos obsoletos de las tecnologías del W3C. (Prioridad 2)

(91)

(92)

Navegar por resultados

P.1 9 1 - 7

P.2 14 4 6 5

P.3 12 2 3 2 Prioridad 3:

3 puntos con errores

Proporcione resúmenes de las tablas. (Prioridad 3)

Resúmenes de las tablas: Hay 9 tablas y 9 contienen el atributo "summary" pero no son tablas de datos (ninguna tiene celdas de encabezado).

Proporcione atajos de teclado para los enlaces importantes (incluyendo los de los mapas de imagen de tipo cliente), controles de formulario y grupos de controles de formulario. (Prioridad 3)

Atajos de teclado: No se proporcionan atajos de teclado.

Hasta que las aplicaciones de usuario (incluidas las ayudas técnicas) representen de forma diferenciada los enlaces adyacentes, incluya caracteres imprimibles no enlazados (rodeados de espacios) entre los enlaces adyacentes. (Prioridad 3)

Enlaces adyacentes: Hay 1 casos de enlaces adyacentes que no contienen caracteres imprimibles no enlazados entre ellos.