logotipo

Metodología Unificada de Evaluación Web (UWEM 1.0)

5.4 Pauta 3 de WCAG 1.0

Use markup and style sheets and do so properly.” (Utilice marcadores y hojas de estilo y hágalo apropiadamente)

5.4.1 Punto de verificación 3.1

When an appropriate markup language exists, use markup rather than images to convey information. [Priority 2]

(Véase http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-use-markup y las técnicas en http://www.w3.org/TR/WAI-WEBCONTENT-TECHS/#tech-use-markup)

5.4.1.1 Pruebas (X)HTML

Prueba 3.1_HTML_01

El objetivo de esta prueba es comprobar que no hay imágenes que contengan texto que pueda ser reemplazado por lenguaje de marcadores.

Criterios de aplicabilidad: todas las imágenes.

  • //img
  • //input[@type='image']
  • //object

Procedimiento de prueba:

  1. Comprobar que la imagen contiene texto.
  2. Si el nº 1 es verdadero, comprobar que la imagen puede reemplazarse por lenguaje de marcadores sin pérdida de información transmitida por la imagen.

Resultados previstos: NO SUPERADA si el nº 2 es verdadero.

Totalmente automatizable: no.

Prueba 3.1_HTML_02

El objetivo de esta prueba es comprobar que no hay imágenes de ecuaciones matemáticas que puedan reemplazarse por lenguaje de marcadores.

Criterios de aplicabilidad: todas las imágenes.

  • //img
  • //input[@type='image']
  • //object

Procedimiento de prueba:

  1. Comprobar que la imagen contiene una ecuación matemática.
  2. En caso afirmativo, comprobar que la imagen puede reemplazarse por lenguaje de marcadores.

Resultados previstos: NO SUPERADA si el nº 2 es verdadero.

Totalmente automatizable: no.

Prueba 3.1_HTML_03

El objetivo de esta prueba es comprobar que no hay imágenes de tipo mapa de bits que no contienen texto ni ecuaciones matemáticas y puedan ser reemplazadas por lenguaje de marcado.

Criterios de aplicabilidad: todas las imágenes de tipo bitmap que no contienen texto ni ecuaciones matemáticas.

  • //img
  • //input[@type='image']
  • //object

Procedimiento de prueba: Comprobar que no hay lenguaje de marcado que pueda transmitir la información de la imagen.

Resultados previstos: SUPERADA si verdadero.

Totalmente automatizable: no.

5.4.2 Punto de verificación 3.2

Create documents that validate to published formal grammars. [Priority 2]

(Véase http://www.w3.org/TR/WAI-WEBCONTENT/#tech-identify-grammar y las técnicas en http://www.w3.org/TR/WAI-WEBCONTENT-TECHS/#tech-identify-grammar)

5.4.2.1 Pruebas para (X)HTML

Prueba 3.2_HTML_01

El objetivo de esta prueba es comprobar que el documento contiene una declaración válida de tipo de documento (DTD).

Nota: El Grupo de Aseguramiento de la Calidad del W3C tiene un documento titulado “Recommended DTDs to use in your Web document” (DTDs recomendados para usar en su documento Web) en http://www.w3.org/QA/2002/04/validdtd-list.html.

Criterios de aplicabilidad: Contenido que precede al elemento HTML de cualquier documento HTML 4.x o XHTML 1.0.

Procedimiento de prueba: Comprobar que la declaración del DOCTYPE es válida.[15]

Resultados previstos: SUPERADA si verdadero. NO SUPERADA si verdadero.

Totalmente automatizable: si.

Prueba 3.2_HTML_02

El objetivo de esta prueba es buscar las violaciones de los esquemas formales para el HTML 4.x o XHTML 1.0.

Criterios de aplicabilidad:cualquier documento HTML 4.x o XHTML 1.0.

Procedimiento de prueba:

  1. Para el HTML, comprobar que el documento es válido según el tipo de documento especificado, usando un parseador de validación SGML.
  2. Para el XHTML, comprobar que el documento está bien formado y que es válido según el tipo de documento especificado, usando un parseador de validación XML.

Resultados previstos:NO SUPERADA si falso.

Totalmente automatizable: si.

5.4.2.2 Pruebas para CSS

Prueba 3.2_CSS_01

El objetivo de esta prueba es buscar violaciones de la gramática formal para el CSS 1.0 o el CSS 2.x.

Criterios de aplicabilidad: Cualquier regla de estilo CSS.

Procedimiento de prueba:

  1. Para las reglas de estilo dentro del elemento STYLE o en los atributos style de un archivo (X)HTML: comprobar que cumplen la gramática formal definida en http://www.w3.org/TR/REC-CSS2/grammar.html con un procesador SAC.
  2. Para archivos CSS: comprobar que el procesamiento de cada archivo CSS con un procesador SAC no causa errores. Tener en cuenta que el “Validador CSS” del W3C hace más que comprobar las reglas de CSS según la gramática formal: también comprueba las propiedades (no) definidas y sus valores, que no están incluidos en la gramática. La gramática no define el “vocabulario” real de CSS.

Resultado previsto: SUPERADA si verdadero. NO SUPERADA si falso.

Totalmente automatizable: sí.

5.4.3 Punto de verificación 3.3

Use style sheets to control layout and presentation. [Priority 2]

(Véase http://www.w3.org/TR/WAI-WEBCONTENT/#tech-style-sheets y las técnicas en http://www.w3.org/TR/WAI-WEBCONTENT-TECHS/#tech-style-sheets)

5.4.3.1 Pruebas para (X)HTML

Prueba 3.3_HTML_01

El objetivo de esta prueba es buscar los espacios utilizados para controlar el espaciado entre los caracteres dentro de las palabras.

Nota: al no haber definición independiente de un idioma de la expresión “palabra”, los evaluadores tienen que comprobar que el término “palabra” se aplica en el idioma del contenido que están evaluando y, en caso afirmativo, asegurarse de que entienden lo que el término “palabra” quiere decir en el idioma del contenido que están evaluando.

Criterios de aplicabilidad: cualquier “palabra” que contenga un espacio:

  • text()

Procedimiento de prueba: Comprobar que el espacio no es usado para dar énfasis o importancia.

Resultado previsto: SUPERADA si verdadero. NO SUPERADA si falso.

Totalmente automatizable: no.

Prueba 3.3_HTML_02

El objetivo de esta prueba es determinar si la configuración o el formato o presentación de uno o más elementos han sido logrados mediante otros medios que CSS.

Criterios de aplicabilidad: elementos y atributos que pueden usarse para posicionar o influir en la presentación.

  • //img
  • //font
  • //td (en una tabla de maquetación)
  • //th (en una tabla de maquetación)
  • //center
  • //u
  • //b
  • //i
  • //blink
  • //strong (a menos de usarse a nivel semántico)
  • //em (a menos de usarse a nivel semántico)
  • //*/@align
  • //*/@border
  • //*/@hspace
  • //*/@vspace
  • //*/@bgcolor

Procedimiento de prueba: Comprobar que la posición y/o la presentación resultantes no se podían lograr usando hojas de estilo.

Resultado previsto: NO SUPERADA si falso.

Totalmente automatizable: no.

5.4.4 Punto de verificación 3.4

Use relative rather than absolute units in markup language attribute values and style sheet property values. [Priority 2]

(Véase http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-relative-units y las técnicas en http://www.w3.org/TR/WAI-WEBCONTENT-TECHS/#tech-relative-units)

5.4.4.1 Pruebas para (X)HTML

Prueba 3.4_HTML_01

El objetivo de esta prueba es comprobar los valores relativos de los atributos (X)HTML de tipo %Length;.

Criterios de aplicabilidad: atributos que especifican height (altura), width (anchura), cell padding (relleno de celdas), cell spacing (espaciado entre celdas), character offset (desplazamiento de caracteres) en número de píxeles o en un porcentaje.

  • //table/@cellpadding
  • //table/@cellspacing
  • //col/@charoff
  • //colgroup/@charoff
  • //tbody/@charoff
  • //td/@charoff
  • //tfoot/@charoff
  • //th/@charoff
  • //thead/@charoff
  • //tr/@charoff
  • //iframe/@height
  • //td/@height
  • //th/@height
  • //img/@height
  • //object/@height
  • //applet/@height
  • //hr/@width
  • //iframe/@width
  • //img/@width
  • //object/@width
  • //table/@width
  • //td/@width
  • //th/@width
  • //applet/@width

Procedimiento de prueba: Comprobar que el valor del atributo es un valor en porcentaje (entero positivo + '%') o que es un valor absoluto que no interfiere con la legibilidad de otros elementos textuales.

Resultado previsto: SUPERADA si verdadero. NO SUPERADA si falso.

Totalmente automatizable: sí.

Prueba 3.4_HTML_02

El objetivo de esta prueba es comprobar los valores relativos de los atributos (X)HTML de tipo multi-length [16] (“%MultiLength;” en el DTD HTML 4.01).

Criterios de aplicabilidad: atributos que especifican la anchura de las columnas o los grupos de columnas.

  • //col/@width
  • //colgroup
  • /@width

Procedimiento de prueba: Comprobar que el valor del atributo es un valor en porcentaje (entero positivo + '%') o un valor * (asterisco), o que es un valor absoluto que no interfiere con la legibilidad de otros elementos textuales.

Resultado previsto: SUPERADA si verdadero. NO SUPERADA si falso.

Totalmente automatizable: sí.

Prueba 3.4_HTML_03

El objetivo de esta prueba es comprobar los valores relativos en atributos (X)HTML de tipo multi‑length-list [17] o ("%MultiLengths;" en la DTD HTML 4.01: una lista de valores MultiLength separados por comas).

Criterios de aplicabilidad: atributos que especifican una lista de longitudes en píxeles, un porcentaje o un valor relativo.

  • //frameset/@cols
  • //frameset/@rows

Procedimiento de prueba: Comprobar que cada valor enumerado en el atributo es un valor en porcentaje (entero positivo + '%') o un valor * (asterisco), o que es un valor absoluto que no interfiere con la legibilidad de otros elementos textuales.

Resultado de prueba: SUPERADA si verdadero. NO SUPERADA si falso.

Totalmente automatizable: sí.

5.4.4.2 Pruebas para CSS

Prueba 3.4_CSS_01

El objetivo de esta prueba es comprobar la existencia de unidades relativas en las propiedades CSS que pueden contener valores <length>.

Criterios de aplicabilidad: las propiedades CSS que especifican length (longitud), width (anchura), height (altura), size (tamaño), spacing (espaciado) o offset (desplazamiento).

  • background-position
  • border-spacing
  • bottom
  • font-size
  • height
  • left
  • letter-spacing
  • line-height
  • marker-offset
  • max-height
  • max-width
  • min-height
  • min-width
  • right
  • size
  • text-indent
  • text-shadow
  • top
  • vertical-align
  • width
  • word-spacing

Procedimiento de prueba:

  1. Comprobar que la unidad del valor no es cm, mm, in, pt, pc o px [18].
  2. Comprobar que el valor no es xx-small, x-small, small, medium, large, xlarge ni xx-large [19].
  3. Si se utiliza un valor absoluto, comprobar que el valor absoluto no interfiere con la legibilidad de ningún otro elemento textual.

Resultado previsto: SUPERADA si el nº  1 y el nº 2 son verdaderos, o el nº3 es verdadero.

Totalmente automatizable: sí.

5.4.5 Punto de verificación 3.5

Use header elements to convey document structure and use them according to specification. [Priority 2]

(Véase http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-logical-headings y las técnicas en http://www.w3.org/TR/WAI-WEBCONTENT-TECHS/#tech-logical-headings)

5.4.5.1 Pruebas para (X)HTML

Prueba 3.5_HTML_01

El objetivo de esta prueba es encontrar marcadores que representen conceptualmente los encabezamientos, pero no estén marcados con elementos hx.

Criterio de aplicabilidad: el cuerpo de una página Web.

  • //body//*

Procedimiento de prueba:

  1. Seleccionar los marcadores que representan conceptualmente los encabezamientos.
  2. Comprobar si los encabezamientos están marcados con elementos hx.

Consejo: ejemplos de marcado inadecuado incluyen las combinaciones de cambios de peso y estilo de letra (los elementos HTML B, I; las propiedades CSS font-weight, font-style) y las aumentos de tamaño de letra (los elementos HTML BIG, FONT; la propiedad CSS font-size). Esta lista no es exhaustiva.

Resultado previsto: SUPERADA si verdadero.

Totalmente automatizable: no.

Prueba 3.5_HTML_02

El objetivo de esta prueba es comprobar que no hay elementos de encabezamiento en la página que tengan un valor superior al del primer encabezamiento.

Criterios de aplicabilidad: todos los elementos de encabezamiento excepto h6 [20].

  • //h1
  • //h2
  • //h3
  • //h4
  • //h5

Procedimiento de prueba: Comprobar que el elemento encabezamiento no tiene un nivel superior que el primer elemento de encabezamiento del documento.

Resultado previsto: SUPERADA si verdadero.

Totalmente automatizable: sí.

Prueba 3.5_HTML_03

El objetivo de esta prueba es comprobar que no se ha saltado ningún nivel en la jerarquía de los encabezamientos.

Criterio de aplicabilidad: todos los elementos de encabezamiento excepto h1 y h2 [21].

  • //h3
  • //h4
  • //h5
  • //h6

Procedimiento de prueba: Comprobar que el elemento de encabezamiento no se salta uno o más de los niveles de la estructura (por ejemplo, comprobar que, en el caso de h5, el encabezamiento precedente es h4, h5 o h6).

Resultado previsto: SUPERADA si es verdad.

Totalmente automatizable: sí.

Prueba 3.5_HTML_04

El objetivo de esta prueba es comprobar si se han usado (inadecuadamente) los elementos de encabezamiento para el formateo de las fuentes.

Criterios de aplicabilidad: todos los elementos de encabezamiento (h1, ..., h6)

  • //h1
  • //h2
  • //h3
  • //h4
  • //h5
  • //h6

Procedimiento de prueba: Comprobar que los encabezamientos no se usan para crear efectos de formato de fuentes.

Resultado previsto: SUPERADA si verdadero. NO SUPERADA si falso.

Totalmente automatizable: no.

Prueba 3.5_HTML_05

El objetivo de esta prueba es comprobar la existencia de una correcta jerarquía en los niveles de encabezamiento.

Criterios de aplicabilidad: todo el documento.

  • //body

Procedimiento de prueba: Comprobar que los elementos de encabezamiento transmiten la estructura lógica del documento.

Resultado previsto: SUPERADA si verdadero.

Totalmente automatizable: no.

5.4.6 Punto de verificación 3.6

Mark up lists and list items properly. [Priority 2]

(Véase http://www.w3.org/TR/WCAG10/#tech-list-structure y las técnicas en http://www.w3.org/TR/WAI-WEBCONTENT-TECHS/#tech-list-structure)

Codificar las estructuras de listas y los elementos de listas (UL, OL, DL, LI) adecuadamente. Los elementos de lista HTML DL, UL, y OL (disponibles en HTML 3.2 y HTML 4.0) deben usarse únicamente para crear listas y no para efectos de formateo tales como el sangrado. Cuando sea posible, utilizar listas ordenadas (numeradas) para facilitar la navegación.

5.4.6.1 Pruebas para (X)HTML

Prueba 3.6_HTML_01

Los autores pueden desactivar el estilo de listas por defecto en una lista ordenada y no ordenada y crear manualmente numeración a varios niveles (por ejemplo, 1, 1.1, 1.2, 1.2.1). El objetivo de esta prueba es comprobar que la numeración de lista añadida manualmente indica a los usuarios la profundidad de la lista.

Criterios de aplicabilidad: todas las listas anidadas ordenadas y desordenadas con números de múltiples niveles insertados manualmente.

  • //li/ol
  • //li/ul

Procedimiento de prueba: Comprobar que la numeración no se salta niveles ni números.

Resultado previsto: SUPERADA si es verdad.

Totalmente automatizable: no.

Prueba 3.6_HTML_02

El objetivo de esta prueba es averiguar si los elementos de la lista (li) son adecuados para el contexto del documento, es decir, para crear listas, y no para cuestiones de formateo como el sangrado.

Criterios de aplicabilidad: todos los elementos de listas, incluidas las definiciones en las listas de definiciones.

  • //ul/li
  • //ol/li
  • //dl/dd

Procedimiento de prueba: Comprobar que los elementos li o dd se usan para el marcado de los componentes de una lista y no para formatear.

Resultado previsto: SUPERADA si verdadero. NO SUPERADA si falso.

Totalmente automatizable: no.

Prueba 3.6_HTML_03

El objetivo de esta prueba es buscar los párrafos, los saltos de línea y los números que se usan para simular listas numeradas y que pueden ser reemplazados por el elemento ol.

Criterios de aplicabilidad: todos los párrafos que empiezan con un numerador (número o carácter que indica un orden o una secuencia).

  • //p
  • //p//br

Procedimiento de prueba:

  1. Comprobar que el documento no contiene secuencias de párrafos que empiecen con numeradores para simular listas numeradas.
  2. Comprobar que el documento no contiene párrafos con saltos de línea seguidos de numeradores para simular listas numeradas.

Resultado previsto: SUPERADA si el nº  1 y el nº 2 son verdaderos.

Totalmente automatizable: sí.

Prueba 3.6_HTML_04

El objetivo de esta prueba es buscar párrafos, saltos de línea y determinados caracteres tales como los asteriscos y los guiones utilizados para simular listas no ordenadas y que pueden reemplazarse con el elemento ul.

Criterio de aplicabilidad: todos los párrafos que empiezan con caracteres que puedan usarse para simular elementos de listas.

  • //p
  • //p//br

Procedimiento de prueba:

  1. Comprobar que el documento no contiene secuencias de párrafos que empiezan con caracteres tales como un asterisco o guión para simular listas no ordenadas.
  2. Comprobar que el documento no contiene párrafos con saltos de línea seguidos de caracteres tales como un asterisco o guión para simular listas no ordenadas.

Resultado previsto: SUPERADA si el nº 1 y el nº 2 son verdaderos. NO SUPERADA si el nº 1 o el nº 2 son falsos.

Totalmente automatizable: sí.

Prueba 3.6_HTML_05

El objetivo de esta prueba es buscar los párrafos, los saltos de línea y las imágenes que contengan números usados para simular listas ordenadas que pueden reemplazarse por el elemento ol y CSS.

Criterio de aplicabilidad: todos los párrafos que empiezan por imágenes que contienen un número u otro tipo de numeradores.

  • //p
  • //img
  • //p//br/following-sibling::img

Procedimiento de prueba:

  1. Comprobar que el documento no contiene secuencias de párrafos que empiezan con imágenes que contengan números u otro tipo de numeradores para simular listas ordenadas.
  2. Comprobar que el documento no contiene párrafos con saltos de línea seguidos de imágenes con números consecutivos ni otro tipo de numeradores para simular listas numeradas.

Resultado previsto: SUPERADA si el nº 1 y el nº 2 son verdaderos. NO SUPERADA si el nº 1 o el nº 2 son falsos.

Totalmente automatizable: no.

Prueba 3.6_HTML_06

El objetivo de esta prueba es buscar párrafos, saltos de línea e imágenes (en particular, las imágenes de viñetas) que se usan para simular listas no ordenadas y que pueden reemplazarse por el elemento ul y CSS.

Criterios de aplicabilidad: todos los párrafos con imágenes de viñetas.

  • /p//img
  • //p//br/following-sibling::img

Procedimiento de prueba:

  1. Comprobar que el documento no contiene secuencias de párrafos que empiezan con imágenes de viñetas para simular listas no ordenadas.
  2. Comprobar que el documento no contiene párrafos con saltos de líneas seguidos de imágenes de viñetas para simular listas no ordenadas.

Resultado previsto: SUPERADA si el nº 1 y el nº 2 son verdaderos. NO SUPERADA si el nº 1 o el nº 2 son falsos.

Totalmente automatizable: no.

Prueba 3.6_HTML_07

El objetivo de esta prueba es buscar los párrafos, los saltos de línea y los efectos de formato que se usan para simular listas de definición y que pueden reemplazarse por elementos dt y dd.

Criterio de aplicabilidad: todos los párrafos que empiezan con un término seguido de una definición.

  • //p
  • //p//br

Procedimiento de prueba: Comprobar que el documento no contiene párrafos que deberían reemplazarse por una lista de definición.

Resultado previsto: SUPERADA si verdadero. NO SUPERADA si falso.

Totalmente automatizable: no.

5.4.6.2 Pruebas para CSS

Prueba 3.6_CSS_01

El objetivo de esta prueba es comprobar que hay un estilo de lista de seguridad [por si una imagen de viñeta no puede cargarse] si las imágenes se emplean como viñetas de listas.

Criterio de aplicabilidad: todas las propiedades tipo list-style.

  • *{list-style:...;},
  • *{list-style-image:url(...);},
  • *{list-style-type:...;}

Procedimiento de prueba: Comprobar que aparece especificado un estilo de viñeta de seguridad (por ejemplo, 'disc'), por si una imagen de viñeta no puede cargarse.

Resultado previsto: SUPERADA si verdadero.

Totalmente automatizable: sí.

5.4.7 Punto de verificación 3.7

Mark up quotations. Do not use quotation markup for formatting effects such as indentation. [Priority 2]

(Véase http://www.w3.org/TR/WCAG10/#tech-quotes y las técnicas en http://www.w3.org/TR/WAI-WEBCONTENT-TECHS/#tech-quotes)

5.4.7.1 Pruebas para (X)HTML

Prueba 3.7_HTML_01

El objetivo de esta prueba es comprobar que los elementos de cita se utilizan correctamente y no a efectos de formato o sangrado.

Criterio de aplicabilidad: todos los elementos BLOCKQUOTE.

  • //blockquote

Procedimiento de prueba: Comprobar que BLOCKQUOTE se utiliza para codificar una cita.

Resultado previsto: SUPERADA si verdadero. NO SUPERADA si falso.

Totalmente automatizable: no.

Prueba 3.7_HTML_02

El objetivo de esta prueba es comprobar que las citas cortas (elemento Q) se usan adecuadamente para citas y no a efectos de configuración.

Criterio de aplicabilidad: todos los elementos Q.

  • //q

Procedimiento de prueba: Comprobar que el elemento Q se usa para marcar una cita.

Resultado previsto: SUPERADA si verdadero. NO SUPERADA si falso.

Totalmente automatizable: no.

Prueba 3.7_HTML_03

El objetivo de esta prueba es buscar citas que no tengan un marcado con Q ni BLOCKQUOTE.

Criterio de aplicabilidad: todo el texto.

  • //p

Procedimiento de prueba:

  1. ¿Hay alguna cita en los párrafos seleccionados, por ejemplo, pasajes que contengan marcas de citas en el código o tengan marcas de citas generadas por CSS?
  2. En caso afirmativo, comprobar que las citas están marcadas con Q o BLOCKQUOTE.

Resultado previsto: SUPERADA si el nº 2 es verdadero. NO SUPERADA si el nº 2 es falso.

Totalmente automatizable: no.

Prueba 3.7_HTML_04

El objetivo de esta prueba es buscar cualquier elemento CITE y ADDRESS que se utiliza para poner texto en cursiva.

Criterio de aplicabilidad: todos los elementos CITE y ADDRESS.

  • //cite
  • //address

Procedimiento de prueba:

  1. Seleccionar todos los elementos CITE y ADDRESS.
  2. Determinar si se usan para poner texto en cursiva en vez de marcar una cita o dar información sobre el autor del documento, respectivamente

Resultado previsto: NO SUPERADA si el nº 2 es verdadero.

Totalmente automatizable: no.

* Advertencia: Esta traducción al español de UWEM 1.0 ha sido realizada por Technosite en noviembre del 2006. Technosite no se responsabiliza de los errores o imprecisiones de traducción ni sus eventuales consecuencias. La versión oficial de UWEM 1.0 en inglés se puede consultar en el sitio del WAB Cluster.