Checkpoints WCAG-AA

De MorfeoWiki

Puntos de cumplimiento obligatorio

Estos puntos son los de prioridad 1 los cuales son de obligatorio cumplimiento para que una web satisfaga las normas WCAG-AA. Los de prioridad 2 son recomendaciones.

• Provide a text equivalent for every non-text element (e.g., via "alt", "longdesc", or in element content). This includes: images, graphical representations of text (including symbols), image map regions, animations (e.g., animated GIFs), applets and programmatic objects, ascii art, frames, scripts, images used as list bullets, spacers, graphical buttons, sounds (played with or without user interaction), stand-alone audio files, audio tracks of video, and video

-- El atributo alt en MyMobileWeb es obligatorio. Por otro lado no disponemos del atributo longdesc, pero sería tan fácil como hacer que la imagen en vez de ser un control img fuera un link que se mostrará como imagen y el enlace de este link fuera una presentación con la descripción. Aunque ya digo que como tal no disponemos del atributo longdesc. Por otro lado, los enlaces de un menú pueden tener una descripción detallada asociada, atributo longtitle.

• Ensure that all information conveyed with color is also available without color, for example from context or markup

-- Dependerá de los estilos que se apliquen a la presentación.

• Clearly identify changes in the natural language of a document's text and any text equivalents (e.g., captions).

-- Lo deberá hacer el diseñador mediante el control label.

• Organize documents so they may be read without style sheets. For example, when an HTML document is rendered without associated style sheets, it must still be possible to read the document

-- Dependerá de los estilos que se apliquen a la presentación, tan sólo aplicar los de por defecto.

• Ensure that equivalents for dynamic content are updated when the dynamic content changes.

-- Depende del programador, esta fuera del ámbito de la plataforma.

• Until user agents allow users to control flickering, avoid causing the screen to flicker.

-- Si no me equivoco dependerá del dispositivo en cuestión. Aunque esto lo desconozco. Aunque hasta lo que yo se los terminales no dispongan la posibilidad de cambiar el blink del contenido.

• Use the clearest and simplest language appropriate for a site's content

-- Depende del programador, esta fuera del ámbito de la plataforma.

• And if you use images and image maps
  • Provide redundant text links for each active region of a server-side image map
  • Provide client-side image maps instead of server-side image maps except where the regions cannot be defined with an available geometric shape

-- Cada mapa tiene asociado un enlace denominado Toggle, el cual cambia el mapa por una combo con los mismos enlaces (esto se hace en cliente). Por otro lado mediante el estilo display-as podemos conseguir que el mapa se muestra como una lista de enlaces (list-of-links). Aunque en el ámbido de movilidad, a no ser una PDA todos los demas dispositivos no soportan maps.

• And if you use tables
  • For data tables, identify row and column headers
  • For data tables that have two or more logical levels of row or column headers, use markup to associate data cells and header cells

-- La cabecera de una tabla se define mediante el tag th. El segundo punto no lo tratamos.

• And if you use frames
  • Title each frame to facilitate frame identification and navigation

-- La plataforma no usa frames. Aunque si se usa paneles, cada uno de ellos tiene asociado su título.

• And if you use applets and scripts
  • Ensure that pages are usable when scripts, applets, or other programmatic objects are turned off or not supported. If this is not possible, provide equivalent information on an alternative accessible page.

-- La plataforma conoce si el dispositivo destino soporta o no script mediante la capacidad javascript_support. Por lo tanto, en aquellos casos que soporte se le mandará script y en los que por el contrario no lo soporte, el control visual se renderiazará de otra manera. Por ejemplo, un control select sensible al cambio. En este caso, si soporta, se hace mediante código script ese comportamiento, por el contrario, de no ser asi se renderiza el control como una combo más un botón asociado a dicha select.

• And if you use multimedia
  • Until user agents can automatically read aloud the text equivalent of a visual track, provide an auditory description of the important information of the visual track of a multimedia presentation
  • For any time-based multimedia presentation (e.g., a movie or animation), synchronize equivalent alternatives (e.g., captions or auditory descriptions of the visual track) with the presentation

-- Este punto no depende de la plataforma.

• And if all else fails
  • If, after best efforts, you cannot create an accessible page, provide a link to an alternative page that uses W3C technologies, is accessible, has equivalent information (or functionality), and is updated as often as the inaccessible (original) page.

Prioridad 2 (recomendaciones)

No cumplimos con los siguiente puntos:

• Provide metadata to add semantic information to pages and sites.

Por otro lado la mayotia de puntos son muy similares a algunos propuestos como buenas prácticas. Por ejempo:

• Disponer un buen contraste entre el fondo de pantalla y el texto.
• Para transmitir información mejor usar marcado que imagenes.
• Controlar el layout de controles y estilos mediante hojas de estilo.
• No usar quotation para identar.
• No usar redirecciones.
• Dividir largos bloques de información. Paginación automática de MyMobileWeb.
• Identificar claramente el destino de un enlace.
• Usar mecanismos de navegación.
• No usar tablas como mecanismo de layout.
• Para cada campo de un formulario asociarle un label y posicionarle contiguo al mismo.