Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Normas Web
Wendy Tapia-Cerezo, Byron Suarez-Guzman y Kevin Onofre Wong
correctamente y ser compatible con un mayor nmero de grave error de que un sitio se visualizara correctamente
navegadores, tanto en versiones obsoletas, actuales, como en en Internet Explorer, pero no en otros);
futuras. Gracias a la compatibilidad entre plataformas fruto de El contenido de los sitios es accesible aun para
estas recomendaciones, la informacin ser accesible para un personas con discapacidades;
mayor nmero de usuarios, entre los que se cuentan aquellas Se puede visualizar correctamente un sitio a travs de
personas con discapacidades [3]. otros dispositivos (adems de las computadoras),
Los sitios creados basndose en los estndares web garantizarn como telfonos celulares, ordenadores porttiles,
una mayor usabilidad y accesibilidad para ellos. consolas de video-juegos, sistemas de televisin
Los XHTML basados en los estndares web consiguen interactiva, etc.;
mayor relevancia en los motores de bsqueda y por lo tanto un Se mejora significativamente el posicionamiento en
mejor posicionamiento del sitio. As mismo, al separar la los motores de bsqueda, ya que estos dan prioridad a
apariencia del contenido se consigue reducir los costos de los sitios que respetan los estndares;
produccin y de mantenimiento, ya que el uso de estndares Se reduce notablemente el tiempo de carga de la
permite realizar cambios en el CSS y estos ser aplicados a tantas pgina, dado que se eliminan todas las porciones de
pginas como sea necesario. Esto se traduce en un fcil cdigo innecesarias;
mantenimiento y una rpida actualizacin del sitio, ya sea una El desarrollo y el mantenimiento del sitio se
web de una gran corporacin o una web personal. Con su uso, simplifica, ya que el aspecto visual est separado del
se consigue un lenguaje unificado utilizable en otros servicios contenido, gracias a la inclusin de hojas de estilo
como pueden ser la telefona mvil, la automocin, los (CSS) [4].
electrodomsticos o los televisores. Para quienes se encargan de crear los sitios, el uso de
Para saber si un sitio web est basado en los estndares web estndares no slo facilita la edicin de los componentes del
y recomendaciones del W3C debe ser validado. Los validadores diseo, sino que contribuye a mejorar la organizacin y la
son herramientas que nos permiten verificar y revisar el cdigo comprensin de la estructura jerrquica del documento (se
y el estilo de un sitio, indicando los posibles errores que puedan identifican y ordenan claramente los encabezados, los prrafos,
existir. Algunos de estos validadores son: los bloques de texto secundario, las listas de tems y de
Bobby: es el validador ms antiguo de todos, en descripciones, etc.).
versin descargable (de pago) y versin online Para los usuarios, aunque no reconozcan a simple vista las
(gratuita). Se encuentra en ingls disponible para diferencias en lo que a diseo respecta, la navegacin se torna
Windows. ms gil, ms cmoda e incluso ms intuitiva. Como lo indica
TAW: es una herramienta de validacin gratuita, se Ned Baldessin en una entrevista para Open Web Group, adems
encuentra en espaol y disponible para las plataformas de las posibilidades que no existan antes de los estndares
Windows, Mac, Linux y Unix. como CSS (posicionamiento, precisin de las fuentes, gestin
HERA: realiza la revisin facilitando informacin de las listas etc), el uso de los estndares ha permitido nuevos
acerca de los elementos a verificar. Se encuentra en mtodos de trabajo en grupo: "Separando la estructura (en
espaol en versin online. XHTML), de la presentacin (en CSS) y de la interactividad (en
Examinator: Este validador ofrece un informe con los JavaScript), podemos aportar mltiples modificaciones muy
errores cometidos, se encuentra en espaol en versin fcilmente. Esto permite descomponer la complejidad [...].
online. Producir un HTML semntico , es decir con balizas que
LIFT: Se trata de un validador en ingls para describen el tipo de contenido que contienen (<h1> para ttulo,
plataforma Mac. Existe la versin online (gratuita) y <blockquote> para una citacin, etc.), permite una gran
descargable (de pago). comodidad de lectura: una persona que mira el cdigo por
WAVE: Es un servicio gratuito online disponible en primera vez va a entender muy fcilmente como la pgina est
ingls. construida, lo que no es el caso con mltiples tablas imbricadas.
El principal objetivo de la creacin de los estndares web, es Entonces existe una real ventaja para el mantenimiento, y ms
la accesibilidad. Esto es, que los contenidos de Internet sean adelante, la reforma."
accesibles para todos, desde cualquier lugar. Es poner al alcance ESTNDARES PARA CONTENIDO WEB
de todo el mundo las herramientas y la informacin contenida Estndares para pginas se definen como un conjunto de
en la World Wide Web, sin importar cules sean las reglas normalizadas que describen los requerimientos que
limitaciones tecnolgicas, culturales o incluso fsicas de los deben ser cumplidos por un producto, proceso o servicio, base
usuarios. para permitir que distintos elementos hardware o software que
Sin embargo, los beneficios de implementar esas pautas no lo utilicen, sean compatibles entre s [10].
se detienen en el objetivo ms que meritorio en s mismo, sino Algunos de los estndares Web ms conocidos y largamente
que traen aparejadas muchas otras ventajas por las cuales los utilizados son: HTML (HyperText Markup Language), XML
desarrolladores estn inclinndose cada vez ms hacia su puesta (eXtensible Markup Language) y CSS (Cascading Style
en prctica. Algunas de ellas son: Sheets).
Los sitios que cumplen estndares son reconocidos por HTML y CSS son dos de las primordiales tecnologas para
todos los navegadores del mercado (dejando atrs el la creacin de pginas web. HTML proporciona la estructura de
4
Mediante estos procesos realizados se obtienen pautas o PAUTAS DE WCAG 1.0 tienen 14 pautas que constituyen
estndares eficaces, y estn disponibles para todo el mundo los principios generales del diseo accesible. Cada pauta tiene
[10]. uno o ms puntos de verificacin que explican cmo se aplica
ACESIBILIDAD DE LOS ESTANDARES WEB La la pauta en determinadas reas [6].
accesibilidad de un Sitio Web se refiere a su capacidad para 1. Proporcione alternativas equivalentes para el
presentar contenidos a personas que cuentan con contenido visual y auditivo.
discapacidades fsicas, que les impiden usar la informacin Los textos alternativos al contenido visual o auditivo
disponible de una manera tradicional y por ello emplean ayudas benefician a personas ciegas y/o sordas y a aquellos
tcnicas [4]. usuarios que deciden anular la descarga de imgenes
Un ejemplo de esto es el uso de un lector de voz o un y/o sonidos (velocidad de acceso a Internet limitada).
magnificador de pantalla en el caso de los discapacitados Los equivalentes no textuales, como pueden ser
visuales, que les permiten interpretar el texto que se muestra en dibujos o vdeos, benefician a personas analfabetas o
la pantalla [4]. con dificultades en la lectura [7].
La accesibilidad corresponde a una de las tendencias que se 2. No se base slo en el color.
ha impuesto con mucha fuerza los ltimos aos, esta tendencia Los textos y grficos deben comprenderse sin
se ha asociado mundialmente a la actividad de los sitios web de necesidad de ver los colores. El cumplimiento de esta
Gobierno Electrnico, debido a que, por el hecho de pertenecer pauta beneficia a personas con dificultades para ver los
a instituciones pblicas, deben asegurarse de que todos los colores y a usuarios que utilizan pantallas
ciudadanos accedan a la informacin que se les ofrece por esta monocromticas [7].
va. 3. Utilice marcadores y hojas de estilo y hgalo
Para comprobar que un Sitio Web cumple con las normas de apropiadamente.
accesibilidad, existe una iniciativa llamada WAI1 de la W3C El control de la presentacin de los contenidos se debe
que permite comprobarla, estableciendo una serie de Pautas realizar con hojas de estilo en vez de con elementos y
denominadas Pautas WCAG. atributos de presentacin. Con el uso de marcadores de
WCAG Las Pautas de Accesibilidad al Contenido Web, 2 se presentacin los usuarios que utilizan software
desarrollan a travs del proceso W3C en colaboracin con especializado tendrn dificultades para entender la
personas y organizaciones de todo el mundo, con el objetivo de estructura de la pgina [7].
probar un nico estndar compartido para la accesibilidad del 4. Identifique el idioma usado.
contenido web que satisfaga las necesidades de individuos, Esta pauta implica usar marcadores que faciliten la
organizaciones y gobiernos a nivel internacional [5]. pronunciacin o interpretacin de texto abreviado o
Los documentos de las WCAG explican cmo hacer el extranjero. Se debe indicar el idioma predominante en
contenido web ms accesible para las personas con cada pgina y marcar aquellas expresiones que se
discapacidad [5]. El "contenido" Web se refiere generalmente a encuentren en otra lengua. De esta forma, los
la informacin de una pgina web o de una aplicacin web, sintetizadores de voz son capaces de cambiar su
incluyendo: pronunciacin en funcin del idioma siempre y cuando
Informacin natural como texto, imgenes y sonidos. se usen los marcadores apropiados [7].
1 2
Web Accesibility Initiative De sus siglas: WCAG
6
5. Cree tablas que se transformen correctamente. Cuando no se pueda usar una tecnologa W3C o al
Las tablas slo se utilizan para marcar informacin usarla se obtengan materiales que no se transformen
tabular (tablas de datos). El uso de tablas con otros correctamente, se debe proporcionar una versin
fines crea dificultades para los usuarios que usan alternativa. Se recomiendan las tecnologas W3C por
lectores de pantalla. De igual forma, las tablas mal incluir caractersticas accesibles incorporadas, estar
estructuradas (por ejemplo, sin encabezados <th>) desarrolladas en un proceso abierto consensuado y
dificultan la lectura a usuarios que no pueden porque se utilizan como base para crear contenidos
visualizar la informacin de forma global: ciegos con accesibles [7].
lectores de pantalla y/o dispositivos braille, deficientes 12. Proporcione informacin de contexto y
visuales que utilizan magnificadores de pantalla o orientacin.
usuarios con dispositivos de pantalla pequea [7]. Esta informacin ayuda al usuario a comprender
6. Asegrese de que las pginas que incorporen pginas o elementos complejos. Se deben agrupar los
nuevas tecnologas se transformen correctamente. elementos y ofrecer informacin contextual sobre la
Una pgina basada en tecnologas modernas tiene que relacin entre elementos. Esta accin es fundamental
ser accesible al desconectarla o al visualizarla con para discapacitados cognitivos y visuales [7].
navegadores antiguos. El usuario puede desconectar 13. Proporcione mecanismos claros de navegacin.
las tecnologas ms modernas para ganar en rapidez de Estos mecanismos facilitan a todos los usuarios la
descarga. Sin embargo, los contenidos deben bsqueda de aquella informacin que necesitan
permanecer accesibles [7]. (fundamental para discapacitados cognitivos y
7. Asegure al usuario el control sobre los cambios de visuales). Ejemplos: mapa web, ayuda, barras de
los contenidos tempo-dependientes. navegacin, etc. [7]
El movimiento de los objetos o pginas, su parpadeo o 14. Asegrese de que los documentos sean claros y
actualizacin automtica deben ser controlados por el simples.
usuario. Las personas con discapacidades cognitivas o La utilizacin de lenguaje claro y simple facilita la
visuales no pueden leer textos en movimiento. De comunicacin de informacin. El acceso a la
forma similar, algunos discapacitados fsicos no informacin escrita puede ser difcil para
pueden interactuar con objetos mviles (limitaciones discapacitados cognitivos o con dificultad de
motrices) [7]. aprendizaje y para personas sordas o que hablan en una
8. Asegure la accesibilidad directa de las interfaces lengua extranjera. La comprensin de un documento
incrustadas. tambin depende de la maquetacin de la pgina y de
Cuando un objeto incrustado (flash, applet) tiene su los grficos (que deben llevar un texto alternativo) [7]
"propia interfaz", sta (al igual que la interfaz de su
WCAF 2.0 Las Directrices de Accesibilidad al Contenido
navegador) debe ser accesible. Si la interfaz del objeto
Web (WCAG) 2.0 cubren una amplia gama de
incrustado no puede hacerse accesible, debe
recomendaciones para hacer que el contenido web sea ms
proporcionarse una solucin alternativa accesible [7].
accesible. Seguir estas pautas har que el contenido sea
9. Disee para la independencia del dispositivo.
accesible a un rango ms amplio de personas con
Esta pauta significa que el usuario puede interactuar
discapacidades, incluyendo ceguera y baja visin, sordera y
con la aplicacin de usuario o el documento con un
prdida de audicin, dificultades de aprendizaje, limitaciones
dispositivo de entrada (o salida) preferido - ratn,
cognitivas, movimiento limitado, discapacidad del habla,
teclado, voz, puntero de cabeza (licornio) u otro. Si,
fotosensibilidad y combinaciones de stas [8].
por ejemplo, un control de formulario slo puede ser
activado con un ratn u otro dispositivo de DIRECTRICES WCAG 2.0
apuntamiento, alguien que use la pgina sin verla, con PRINCIPIO PERCEPTIBLE
entrada de voz, con teclado o quien utilice otro Los componentes de la interfaz de usuario y de
dispositivo de entrada que no sea de apuntamiento, no informacin deben ser presentables a los usuarios de
ser capaz de utilizar el formulario [7]. maneras que puedan percibir [18].
10. Utilice soluciones provisionales. DIRECTRIZ 1.1
Las alternativas accesibles slo son imprescindibles Alternativas de texto: Proporcione alternativas de texto
hasta que los antiguos navegadores y las ayudas para cualquier contenido que no sea de texto para que
tcnicas operen correctamente [7]. pueda ser cambiado en otras formas que la gente necesita,
11. Utilice las tecnologas y pautas W3C. como letras grandes, braille, lenguaje, smbolos o un
lenguaje ms sencillo.
Directriz 1.2
7
Medios basados en el tiempo: Proporcionar alternativas principales de las ATAG definir la forma en la que las
para los medios basados en el tiempo. herramientas ayudan a los desarrolladores a producir contenido
Directriz 1.3 que cumplan las WCAG (Pautas de Accesibilidad al Contenido
Adaptable: Crear contenido que se puede presentar de en la Web) [5].
diferentes maneras (por ejemplo, un diseo ms simple) Las pautas ATAG 2.0 dan las recomendaciones para que las
herramientas de autor sean capaces de producir contenido web
sin perder informacin o estructura.
que se ajuste a las WCAG 2.0, por lo que sern las pautas que
Directriz 1.4 se traten en esta rea.
Distinguible: facilita a los usuarios ver y or contenido, Objetivos
incluyendo la separacin de los conocimientos adquiridos Garantizar la accesibilidad de la herramienta de
del fondo. creacin de interfaces de usuario de los autores con
PRINCIPIO OPERABLE discapacidades.
Los componentes de la interfaz de usuario y la navegacin Garantizar el apoyo de herramientas de autor para la
deben ser operables [18]. creacin de contenido web que sea accesible a los
Directriz 2.1 usuarios finales con discapacidad [5].
Teclado accesible: Haga que todas las funciones estn Las ATAG forman parte de una serie de pautas de
accesibilidad, en las que se incluyen las Pautas de
disponibles desde un teclado.
Accesibilidad al Contenido en la Web (WCAG WG) y
Directriz 2.2 las Pautas de Accesibilidad para Agentes de Usuario
Tiempo suficiente: Proporcionar a los usuarios tiempo (UAAG)
suficiente para leer y usar el contenido. La web ofrece muchas oportunidades a las personas
Orientacin 2.3 con discapacidad que no estn disponibles a travs de
Convulsiones: No disee contenido de una manera que se cualquier otro medio. Ofrece independencia y libertad.
sabe que causa convulsiones. Sin embargo, si un sitio web no se crea con la
Orientacin 2.4 accesibilidad web en mente, puede excluir a un
Navegable: proporcione formas de ayudar a los usuarios segmento de la poblacin que se encuentra a obtener
a navegar, encontrar contenido y determinar dnde estn. ms de la Internet. La mayora de las personas no
tienen la intencin de excluir a las personas con
PRINCIPIO COMPRENSIBLE
discapacidades. A medida que las organizaciones y los
La informacin y el funcionamiento de la interfaz de diseadores tomen conciencia y apliquen la
usuario deben ser comprensibles [18]. accesibilidad, se asegurarn de que su contenido pueda
Directriz 3.1 ser accedido por una poblacin ms amplia [6].
Readable: Permite que el contenido del texto sea legible Las UAAG 2.0 es la gua de desarrollo para el diseo de
y comprensible. agentes usuarios que hacen que la web sea ms accesible para
Directriz 3.2 las personas con discapacidades. Los agentes de usuario
Predecible: Haga que las pginas web aparezcan y incluyen navegadores, extensiones de navegador, reproductores
funcionen de manera predecible. multimedia, lectores y otras aplicaciones que procesan
Directriz 3.3 contenido web.
Existe tres arquitecturas de agentes usuario:
Ayuda de entrada: Ayuda a los usuarios a evitar y
Agente de usuario basado en plataforma, agente de
corregir errores.
usuario nativo.
PRINCIPIO ROBUSTO
Agentes de usuarios integrados, pluging.
El contenido debe ser suficientemente robusto para que Agente de usuario basado en la web
pueda ser interpretado de manera fiable por una amplia Las UAAG y los recursos de apoyo tambin estn destinados
variedad de agentes de usuario, incluidas las tecnologas a satisfacer las necesidades de diferentes pblicos, incluidos
de asistencia [18]. desarrolladores, responsables de la formulacin de polticas y
Orientacin 4.1 administradores. Adems de ayudar a los desarrolladores de
navegadores y reproductores de medios, UAAG 2.0 beneficia a
Compatible: Maximice la compatibilidad con los agentes de los desarrolladores de tecnologas de asistencia, ya que explica
usuario actuales y futuros, incluidas las tecnologas de qu tipos de informacin y control de una tecnologa de
asistencia. asistencia puede esperar de un agente de usuario que sigue
Las ATAG(Authoring Tool Accessibility Guidelines) o UAAG 2.0.
Pautas de Accesibilidad para Herramientas de Autor, son un Directrices UAAG 2.0
conjunto de normas que deben cumplir las herramientas de Tabla I. Principios de accesibilidad para agentes de usuario UAAG 2.0
autor para ser accesibles y generar contenidos tambin Principios Lineamientos Descripcin
accesibles. Estas herramientas son software que se utiliza para
crear pginas y contenido Web, siendo uno de los objetivos
8
AGRADECIMIENTOS
Los autores agradecen el apoyo del docente R. Hernndez de
la Universidad Tcnica Estatal de Quevedo por la ayuda en la
correccin del artculo.
REFERENCIAS