Post on 11-Feb-2018
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