7/23/2019 Principio 4 Robusto en Nivel AA Unidad 3

http://slidepdf.com/reader/full/principio-4-robusto-en-nivel-aa-unidad-3 1/6

 

1 

UNIDAD 3.PRINCIPIO 4. ROBUSTO EN NIVEL AA

INTRODUCCIÓN 

Imagen tomada de: http://www. freefolders.ru.

Para que las medidas de accesibilidad expuestas en los otros principios sean

realmente efectivas es muy importante que se pueda asegurar la compatibilidad

del código HTML con el que se marcan los documentos web con los agentes de

usuario, tanto actuales como futuros, incluidas las herramientas de asistencia.

Pauta 4.1 Compatible: 

Pretende maximizar la compatibilidad con las aplicaciones de usuario actuales y

futuras, incluyendo las ayudas técnicas.

Nota: las etiquetas de apertura y cierre a las que les falte un carácter crítico para

su formación, como un signo de «mayor que», o en las que falten las comillas de

apertura o cierre en el valor de un atributo, no se consideran completas.

De esta manera los agentes de usuario y productos de apoyo deben estar en

capacidad de interpretar el contenido de un sitio web correctamente.

7/23/2019 Principio 4 Robusto en Nivel AA Unidad 3

http://slidepdf.com/reader/full/principio-4-robusto-en-nivel-aa-unidad-3 2/6

 

2 

 Así mismo, debe asegurarse que las herramientas de asistencia puedan

interactuar correctamente con los controles de la interfaz de usuario.

 ¿Quépreten de?  

Que los agentes de usuario y los productos de apoyo estén en capacidad de

interpretar el contenido de un sitio web correctamente.

 A través de las etiquetas HTML se genera un árbol de documento que es

interpretado por el agente de usuario para imprimir en pantalla la representación

de ese sitio web en su semántica y contenido. Si la sintaxis de HTML es

incorrecta, la representación del árbol del documento podrá generar errores que

se verán reflejados en la forma en que los agentes de usuario interpretan el

contenido del sitio web y en cómo los visitantes lo perciben.

Ejemplo de la estructura de árbol que tiene cualquier documento HTMLsegún sus etiquetas.

7/23/2019 Principio 4 Robusto en Nivel AA Unidad 3

http://slidepdf.com/reader/full/principio-4-robusto-en-nivel-aa-unidad-3 3/6

 

3 

Buenas prácticas para cumplir con este criterio

Escrib ir y v al idar cor rectamente la gramática formal d e HTML  

Una de las formas más efectivas de garantizar la correcta interpretación del

lenguaje HTML por parte del navegador es asegurarse de escribir perfectamente

el código HTML del sitio web y utilizar los códigos semánticos como están

definidos.

La sintaxis adecuada del código HTML asegura que el agente de usuario,

independiente de su tipo, interpretará de manera apropiada el contenido del sitio

web y reproducirá acertadamente el árbol de documento. Adicional a esto, un

código HTML bien escrito favorece en gran medida la accesibilidad de un sitio web

y permite el cumplimiento técnico de algunas pautas, si bien es necesario

verificarlas de forma manual.

Para escribir un código HTML sintácticamente consistente, deben seguirse estas

indicaciones:

Utilizar solamente las etiquetas HTML aprobadas para esa versión de HTML.

Utilizar solo los atributos definidos para cada etiqueta y hacerlo correctamente.

Cerrar todas las etiquetas que requieran cierre, por ejemplo: <h1></h1>. No

cerrar con llave de cierre las etiquetas que no lo requieren, como por 

ejemplo: <img />.

No utilizar juegos de caracteres no estándar dentro del código HTML.

No repetir los identificadores únicos id de los elementos. Si se va a repetir un

identificador debe usarse class.

7/23/2019 Principio 4 Robusto en Nivel AA Unidad 3

http://slidepdf.com/reader/full/principio-4-robusto-en-nivel-aa-unidad-3 4/6

 

4 

Separar las capas de presentación y contenido a través del uso de hojas de

estilo.

No usar propiedades de CSS no soportadas por la versión de CSS utilizada.

Para asegurarse de que el código está bien escrito, puede utilizarse los servicios

online de validación del W3C para HTML y CSS, a través de los cuales se puede

verificar la correcta sintaxis del código y, en caso de contener alguno, el validador 

informará del tipo de error, la causa, la línea en la que se produce y en la mayoría

de ocasiones da una explicación acerca de cómo corregirlo, lo cual se convierte en

una herramienta de depuración muy potente.

El servicio de validación del W3C es un servicio gratuito disponible en el

sitio web del W3C:

HTML Validator: <http://validator.w3.org/.>

CSS Validator: <http://jigsaw.w3.org/css-validator/.>

Otra buena práctica que puede ahorrar mucho trabajo es validar el código de la

página conforme se va desarrollando, pues siempre es más fácil corregir unospocos errores que muchos.

Nombre, función, valor - Nivel A

Para todos los componentes de la interfaz de usuario (incluidos, pero no limitado a

los elementos de formulario, los enlaces y los componentes generados por 

scripts), el nombre y la función pueden ser determinados por  software; losestados, las propiedades y los valores que es posible que sean asignados por un

individuo y pueden ser especificados por  software; los cambios en estos

elementos se encuentran disponibles para su consulta por las aplicaciones de

usuario, incluidas las ayudas técnicas.

7/23/2019 Principio 4 Robusto en Nivel AA Unidad 3

http://slidepdf.com/reader/full/principio-4-robusto-en-nivel-aa-unidad-3 5/6

 

5 

Nota: este criterio de conformidad se dirige principalmente a los autores web

que desarrollan o programan sus propios componentes de interfaz de usuario.

Por ejemplo, los controles estándar de HTML satisfacen automáticamente este

criterio cuando se emplean de acuerdo con su especificación.

 ¿Quépreten de?  

Que las herramientas de asistencia puedan interactuar correctamente con los

controles de la interfaz de usuario.

Las principales formas de interacción con un sitio web son a través de formularios

y enlaces. Seguramente ha desarrollado alguna vez un menú de navegación, un

formulario de registro o una utilidad para configurar las preferencias del usuario en

un sitio web. En cada herramienta mencionada debió utilizar enlaces y formularios

con sus controles correspondientes (textos, menús, radio buttons, botones,

etcétera). 

Imagen tomada de: http//sena.edu.co/portal

7/23/2019 Principio 4 Robusto en Nivel AA Unidad 3

http://slidepdf.com/reader/full/principio-4-robusto-en-nivel-aa-unidad-3 6/6

 

6 

REFERENCIAS 

- Instituto Colombiano de Normas Técnicas y Certificación. (2011). Accesibilidad a

Páginas Web: NTC 5854.Bogotá, Colombia. ICONTEC.

- Programa Agenda de Conectividad, Estrategia de Gobierno en línea. (2011).

Manual 3.0 para la Implementación de la Estrategia de Gobierno en Línea En las

Entidades del Orden Nacional de la República de Colombia . Bogotá, Colombia. 

Ministerio de Tecnologías de la Información y las Comunicaciones.

- Programa Gobierno en línea, agenda de conectividad.(2011). Curso Diseño y 

Desarrollo de sitios web accesibles para Diseñadores y Programadores.pdf.

Colombia. Ministerio de Tecnologías de la Información y las Comunicaciones.

- WC3. ( Diciembre de 2008). Web Content Accessibility Guidelines WCAG 2.0: 

Recomendación del W3C del 11 de diciembre de 2008. En: 

http://www.w3.org/TR/WCAG20/ 

Control del documento 

Nombre Cargo Dependencia FechaAutores Ministerio de Tecnologías

de la Información y laComunicación y Programa

Gobierno en Línea.

2011

Revisión yajustes Luz Clarena Arias

González

Comunicadorasocial -

Guionista línea

de producción

Centro Agroindustrial

Regional

Quindío

22 de Agosto de

2012

 Ana María Mora Jaramillo

Comunicadorasocial - Líder 

guionistas líneade producción

Centro Agroindustrial

RegionalQuindío

25 deagosto de

2012