Sei sulla pagina 1di 10

1

Normas Web
Wendy Tapia-Cerezo, Byron Suarez-Guzman y Kevin Onofre Wong

necesario que los sitios Web, navegadores, plugins se diseen


Resumen Accesibilidad Web es el acceso universal a la Web, bajo ciertos enfoques o normas orientadas a la accesibilidad.
independientemente del tipo de hardware, software, infraestructura de Actualmente existen diversas normas y estndares
red, idioma, cultura, localizacin geogrfica y capacidades de los propuestos por la W3C que facilitan lograr un adecuado nivel
usuarios. En ocasiones estos accesos se dificultan porque las personas
de accesibilidad. Algunas de las directrices que mencionaremos
tienen capacidades diferentes o discapacidades. Es por ello que
surgieron las normas, directrices las cuales ayudan a que el contenido son las pautas WCAG, ATAG, UAAG. Se podra decir que una
que se encuentre en la web sea accesible para cualquier tipo de pgina web es completamente accesible cuando puede ser usada
usuario, el mayor ente que expide estas normas es la World Wide Web sin importar el modo de acceso, o dispositivo en el que se
Consortium (W3C). En el presente documento se presentan los acceda. La W3C creo la iniciativa de accesibilidad (WAI-
estndares relativos al contenido web, a la accesibilidad para las Web Accessibility Initiative) la cual tiene como objetivo
herramientas de autor y las pautas de accesibilidad para los agentes de
facilitar el acceso de las personas con discapacidad,
usuario. La correcta aplicacin de los estndares da una ventaja
considerable en cuestiones de compatibilidad, accesibilidad, desarrollando pautas de accesibilidad, mejorando las
posicionamiento en los motores de bsqueda y en coste de herramientas para la evaluacin y reparacin de accesibilidad
mantenimiento. Web [4]. La WAI desarrollo las pautas para Contenido Web
Palabras claves W3C, Accesibilidad, pautas, UAAG, WCAG. Accesible (Web Content Accesibility Guidelines, WCAG) 2.0.
Diseo Web accesible. La WCAG consta de 14 pautas que guan al desarrollador a
Abstract Web accessibility is universal access to the Web, disear la aplicacin web o sitio web de manera accesible a todo
regardless of the type of hardware, software, network infrastructure,
pblico. Estas pautas guan al desarrollador en aspectos de
language, culture, geographic location and user capabilities.
Sometimes these accesses are made difficult because people have cmo desarrollar los CSS, trabajar con cdigo HTML y
different capacities or disabilities. This is why the rules, guidelines that diferentes tecnologas que se puedan utilizar en la creacin de
help the content on the web to be accessible to any type of user, have la web.
emerged, the World Wide Web Consortium (W3C). This document Las ATAG estn orientadas a los desarrolladores de
presents standards related to web content, accessibility for authoring herramientas de autor, se refiere a los programas, editores de
tools and accessibility guidelines for user agents. The correct
cdigo, plugins, gestores de contenido CMS, que su finalidad
application of the standards gives a considerable advantage in matters
of compatibility, accessibility, search engine positioning and es el desarrollo de contenidos para la web [4]. El ATAG tiene
maintenance cost. dos objetivos por un lado es que las propias herramientas de
Keywords W3C, Accessibility, guidelines, UAAG, WCAG. autor deberan ser accesibles, permitiendo el desarrollo de
Accessible web design. contenido web a cualquier persona en la mayor variedad de
entornos posibles y por el otro lado facilitar la creacin de
I. INTRODUCCIN contenido, ayudando a los autores a crear contenido accesible
N [2] se define a la accesibilidad web como el posibilidad
E de que un producto o servicio web pueda ser accedido y
usado por el mayor nmero posible de personas,
de forma automtica y verificar la accesibilidad del contenido
creado, generando cdigo que cumpla los estndares o guiando
al desarrollador a mejorar la accesibilidad del contenido web
indiferentemente de las limitaciones propias del individuo o de existente.
las derivadas del contexto de uso. Las UAAG tienen como objetivo hacer que los agentes de
Un diseo ser accesible cuando sea usable para ms usuario puedan ser utilizados por personas con las ms
personas en ms situaciones o contextos de uso, posibilitando a diversas capacidades. Un agente de usuario sera cualquier tipo
todos los usuarios, de forma eficiente y satisfactoria, la de software que permita acceder a contenido en la web [5]. Esto
realizacin y consecucin de tareas [2] incluira no slo a navegadores de escritorio o mviles, sino
En [3] piensa que, para muchas personas, la Web significa una tambin a plugins para acceder a contenido especfico dentro
nueva barrera a afrontar. Personas que, por su condicin socio- del navegador (los complementos para acceder a documentos
econmica, por discapacidades que posean u otras limitaciones pdf, los plugin de QuickTime, Flash o Shockwar), herramientas
propias del ser humano, no cumplen con las condiciones y que pueden mostrar contenido web como Word o
requisitos necesarios que demandan lo mayora de los sitios Dreamweaver, reproductores de vdeo incrustados en pginas
Web, quedando excluidas de este importante avance web, o tecnologas de apoyo como lectores de pantalla, lneas
tecnolgico. Por otra parte las personas no usan internet de la braille.
misma manera por lo cual surgen diferentes problemas, como el
acceso al ordenador, navegador o en las pginas Web en s. Para
que el internet llegue a ser verdaderamente accesible, es
2

II. DESARROLLO DEL ARTCULO la comunidad de desarrollo en cuanto a cmo es implementarle


ORGANISMO DE ESTANDARIZACIN DE LA WEB la norma. El documento estndar puede cambiar an ms, pero
W3C el Consorcio World Wide Web (W3C), fundada y dirigida en este punto, las caractersticas significativas se deciden en su
actualmente por Tim Berners-Lee, es un consorcio mayora. El diseo de esas caractersticas todava puede
internacional donde la organizacin miembro, personal a cambiar debido a la retroalimentacin de los implementadores
tiempo completo y el pblico en general, trabajan [2].
conjuntamente para desarrollar estndares Web. Fue fundada el Recomendacin propuesta (PR)
1 de octubre de 1994 en el Instituto de Tecnologa de Una recomendacin propuesta es la versin de una norma
Massachusetts Laboratorio de Ciencias Informticas (MIT / que ha pasado los dos niveles previos. Los usuarios de la norma
LCS) Con el apoyo de la Comisin Europea y de la Agencia de proporcionan informacin. En esta etapa, el documento se
Proyectos Avanzados de Investigacin en Defensa (DARPA) presenta al Consejo Asesor del W3C para su aprobacin final.
Aunque este paso es importante, rara vez causa cambios
[1].
significativos a un estndar a medida que pasa a la siguiente
La misin del W3C es: Guiar la Web hacia su mximo
fase.
potencial a travs del desarrollo de protocolos y pautas que
Tanto los candidatos como las propuestas pueden entrar en
aseguren el crecimiento futuro de la Web. Para que la Web
"ltima llamada" para indicar que se deben proporcionar ms
alcance su mximo potencial, las tecnologas Web ms
comentarios.
importantes, deben ser compatibles entre s y permitir que
Recomendacin del W3C (REC)
cualquier hardware y software, utilizado para acceder a la Web,
Esta es la etapa ms madura de desarrollo. En este punto, la
funcione conjuntamente.
norma ha sido sometida a una extensa revisin y pruebas, tanto
El W3C hace referencia a este objetivo como
en condiciones tericas como prcticas. El estndar est ahora
"interoperabilidad Web". Al publicar estndares abiertos (no
avalado por el W3C, lo que indica su disponibilidad para el
propietarios) para lenguajes Web y protocolos, el W3C trata de
despliegue al pblico, y alentar un apoyo ms amplio entre los
evitar la fragmentacin del mercado y, por lo tanto, la
fragmentacin de la Web. ejecutores y los autores [2].
Especificacin maduracin Algunas veces, las recomendaciones pueden implementarse
A veces, cuando una especificacin es demasiado grande, se incorrectamente, parcialmente o no, pero muchos estndares
divide en mdulos independientes que pueden madurar a su definen dos o ms niveles de conformidad que los
propio ritmo. Las ediciones subsiguientes de un mdulo o desarrolladores deben seguir si desean etiquetar su producto
especificacin se conocen como niveles y se indican por el como compatible con W3C [2].
primer entero en el ttulo (por ejemplo, CSS3 = Nivel 3). Las Revisiones posteriores
revisiones subsiguientes en cada nivel se indican por un nmero Una recomendacin puede ser actualizada o extendida por
entero que sigue a un punto decimal (por ejemplo, CSS2.1 = ediciones de borradores o borradores no tcnicos publicados por
Revisin 1). separado hasta que se acumulen suficientes ediciones
El proceso de formacin estndar del W3C se define dentro sustanciales para producir una nueva edicin o nivel de la
del documento de proceso del W3C, describiendo cuatro recomendacin. Adems, el W3C publica varios tipos de notas
niveles de madurez a travs de los cuales cada nuevo estndar informativas que se utilizarn como referencias [2].
o recomendacin debe progresar [2]. Certificacin
Proyecto de trabajo (WD) A diferencia del ISOC y otros organismos internacionales de
Despus de que se haya recopilado suficiente contenido de normalizacin, el W3C no tiene un programa de certificacin.
los "borradores de redactores" y de la discusin, puede ser El W3C ha decidido, por ahora, que no es adecuado iniciar un
publicado como un borrador de trabajo (WD) para su revisin programa de este tipo, debido al riesgo de crear ms
por la comunidad. Un documento de DEO es la primera forma inconvenientes para la comunidad que los beneficios [2].
de un estndar que est disponible pblicamente. El comentario
de prcticamente cualquier persona es aceptado, aunque no se VENTAJAS DEL CUMPLIMIENTO DE
hacen promesas con respecto a la accin sobre cualquier ESTNDARES Los estndares web (web standards) son las
elemento particular comentado. En esta etapa, el documento pautas que recomienda y formula el Consorcio World Wide
estndar puede tener diferencias significativas con respecto a su Web (W3C) para la creacin de sitios web, tales como el uso y
forma final. Como tal, cualquier persona que implemente los especificacin de los lenguajes de marcado HTML, CSS y
estndares de WD debe estar lista para modificar XML.
significativamente sus implementaciones conforme madura el La aplicacin de los estndares web ofrece interesantes
estndar [2]. ventajas, tanto para los usuarios como para los desarrolladores
Recomendacin del candidato (CR) web, entre ellas una mayor compatibilidad, accesibilidad, un
Una recomendacin de candidato es una versin de un mejor posicionamiento en los motores de bsqueda y un menor
estndar que es ms maduro que el DEO. En este punto, el coste de mantenimiento.
grupo responsable de la norma est satisfecho de que la norma El uso de estos estndares consigue un XHTML bien
cumple su objetivo. El propsito de la CR es obtener ayuda de formado y sin errores por lo que podr visualizarse
3

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

la pgina, CSS la disposicin (visual y auditiva), para una


variedad de dispositivos. [2] Junto con grficos y secuencias de XML trabaja a menudo de manera mas restrictiva que HTML.
comandos, HTML y CSS son la base de la construccin de A modo de ejemplo, asi como con HTML se pueden escribir
pginas web y aplicaciones web [2]. etiquetas con caracteres en mayuscula o minuscula [3].
HTML es el lenguaje para describir la estructura de las Ampliamente utilizado para estructurar la informacin de
pginas web. HTML da a los autores los medios para: documentos. El XML fue estandarizado por el W3C, que
Publique documentos en lnea con encabezados, texto, autoriz su uso libremente, convirtindolo en una pieza clave
tablas, listas, fotos, etc. en la interoperabilidad de la mayora de los sistemas de
Recupere informacin en lnea a travs de enlaces de informacin. Muchos otros lenguajes y tecnologas estn
hipertexto, con slo hacer clic en un botn. basados en XML, lo que no se habra podido conseguir si este
Recupere informacin en lnea a travs de enlaces de lenguaje tuviese alguna patente comercial que restringiese su
hipertexto, con slo hacer clic en un botn. uso [10].
Recupere informacin en lnea a travs de enlaces de UTILIDAD DE LOS ESTANDARES WEB la utilidad de
hipertexto, con slo hacer clic en un botn.
los estndares para el desarrollo de pginas web es
imprescindible W3c ya que permiten crear una Web universal,
accesible, fcil de usar y en la que todo el mundo pueda confiar.
Con estas tecnologas abiertas y de uso libre se pretende evitar
la fragmentacin de la Web y mejorar las infraestructuras para
que se pueda evolucionar hacia una Web con la informacin
mejor organizada [10].
ACCESO UNIVERSAL El W3C se gua por los principios
de accesibilidad, internacionalizacin, e independencia de
dispositivo, entre otros al hablar de Acceso universal [10].
Facilitando que el acceso a la Web sea posible desde cualquier
Fig. 1 Gauchat J.D. Creando un documento HTML.
Recuperado del Libro -Como aprovechar HTML 5 para
lugar, en cualquier momento y utilizando cualquier dispositivo.
crear sitios web adaptables y aplicaciones revolucionarias Independientemente del hardware, software que se utilice. No
todas las personas tienen el acceso a la web de la misma manera,
ya sea por personas con una edad avanzada, en caso de personas
CSS es el lenguaje para describir la presentacin de pginas con limitaciones fsicas o sensoriales
Web, incluidos los colores, el diseo y las fuentes. Permite CONFIANZA EN LA WEB La web se ha convertido en un
adaptar la presentacin a diferentes tipos de dispositivos, como
medio colaborativo, donde los usuarios interactan creando
pantallas grandes, pantallas pequeas o impresoras. CSS es
contenidos sea en wikis, blogs o foros, realizan transacciones
independiente de HTML y se puede utilizar con cualquier
lenguaje de marcado basado en XML. La separacin de HTML como compras online, operaciones bancarias, o crean redes
de CSS facilita el mantenimiento de sitios, comparte hojas de sociales.
estilo entre pginas y adapta pginas a diferentes entornos. Esto Estas acciones necesitan que los usuarios confen entre s y han
se conoce como la separacin de la estructura de la promovido el desarrollo de ciertas tecnologas para afirmar esta
presentacin. confianza: firmas digitales de documentos que fomentan la
Un documento XML permite describir cualquier otro responsabilidad de las personas que se declaran autores de
documento. Los documentos XML se elaboran solo con texto estos; encriptacin de los datos para la confidencialidad; y
en base a la cadena de caracteres UNICODE. Dicho texto mecanismos de establecimiento y declaracin de las polticas
consta de datos y de las indicaciones necesarias para la
de privacidad de los datos de los sitios Web [10].
formulacin del documento [3].
FUNDAMENTOS DE LOS ESTANDARES WEB La
creacin de un estndar Web requiere un proceso controlado,
que consta de varias fases que aseguran la calidad de la
especificacin. Este proceso permite la intervencin de todos
los usuarios de las tecnologas, con el objetivo de que puedan
aportar su conocimiento y opiniones para la mejora de los
documentos.

Fig. 2 Born Gunter. Estructura XML. Recuperado del libro


"COMPENDIUM HTML con XHTML, DHTML, CSS, XML, XSL y
WML"
5

Cdigo o marcado que define estructura, presentacin.

Las pautas WCAG estn destinado principalmente a:


Desarrolladores de contenido web (autores de pginas,
diseadores de sitios, etc.).
Desarrolladores de herramientas de autora web.
Desarrolladores de herramientas de evaluacin de
accesibilidad web.
Otros que desean o necesitan un estndar para la
accesibilidad web, incluyendo la accesibilidad mvil.
Los recursos relacionados tienen la intencin de
satisfacer las necesidades de muchas personas
Fig. . 3 W3c. Distintos dispositivos y redes comunicndose a travs diferentes, incluyendo responsables de polticas,
de protocolos y lenguajes comunes. Recuperado de
"http://www.w3c.es/Divulgacion/GuiasBreves/Estandares" gerentes, investigadores y otros.

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

Perceptible Proporcionar Proporcionar mantener al


acceso a los acceso al usuario orientado.
contenidos contenido Proporcionar El usuario puede
alternativos mediante una gran Visitas ver fuentes
variedad de Alternativas bibliogrficas
mecanismo de acorde al
navegacin contenido
Reparacin falta Proporcionar Proporcionar El usuario puede
de contenido documentacin y Elementos de acceder a
ayuda accesible de Informacin informacin sobre
los agentes de las relaciones entre
usuario. los elementos.
Proporcionar Asegurar al Operable Garantizar el Atajos de teclado
resaltado de usuario el acceso a acceso por teclado
seleccin, el foco todo el contenido. Proporcionar Los usuarios
del teclado, los navegacin pueden utilizar el
elementos secuencial teclado para
habilitados, los desplazarse
enlaces visitados. secuencialmente a
Proporcionar Permitir todos los
configuracin de personalizar por elementos.
texto parte del usuario. Proporcionar Se puede navegar
Proporcionar Permitir navegacin directamente a
configuracin de configurar por directa y elementos
volumen. parte del usuario. activacin importantes
Proporcionar Implementar Proporcionar Se puede buscar
configuracin voz configuraciones bsquedas de contenido
sintetizada que beneficien la texto representativo
accesibilidad Proporcionar Se puede ver y
Permitir hojas de El agente de navegacin configurar
estilo de usuario usuario soporta estructurada elementos
hojas de estilos de utilizados en la
usuario navegacin
Ayuda a los El agente de Proporcionar Se puede
usuarios a utilizar usuario acceso a los interactuar con el
y orientar dentro proporciona controladores de contenido web
de ventanas indicaciones de eventos mediante mouse,
programacin y teclado, entrada de
visuales para voz.
9

Configurar y Se puede restaurar Acceso Facilitar el acceso El agente de


mediante mediante usuario compatible
guardar la ajustes de
programacin programacin a la con los servicios
configuracin de preferencias por tecnologa de accesibilidad
preferencias defecto asistencial del plataforma
Especificaciones Cumplir con las Controles de
Proporcionar Se puede eliminar, y convenciones especificaciones navegadores son
configuracin agregar, cambiar la aplicables y los de autora HTML
convenios o normas similar
barra de posicin y asignar
herramientas accesos directos
Dar tiempo Se puede ampliar III. CONCLUSIONES
El diseo de las pginas web integra estndares y pautas que
independiente de plazos para la
permiten llevar a la Web hacia su mximo potencial,
interaccin entrada del usuario asegurando el crecimiento futuro de la Web, debiendo ser
compatibles entre s y permitir que cualquier hardware y
Ayuda a los Permite que el software, utilizado para acceder a la Web, funcione
usuarios evitar el contenido no conjuntamente. Facilitando as que el acceso a la Web sea
posible desde cualquier lugar, en cualquier momento y
parpadeo que parpadee ms de utilizando cualquier dispositivo.
puede causar tres veces Adems permite la intervencin delos usuarios de las
tecnologas, con el objetivo de que puedan interactuar ya que
convulsiones todos los usuarios tienen el acceso a la web de la misma manera.
Proporcionar Se puede La W3C se establece, depuran y analizan cada especificacin
de manera exhaustiva antes de ser considerada un
control de representar recomendacin.
contenido que marcadores de Un tema importante que la W3C trata es sobre la
accesibilidad de la web que hace referencia a un diseo Web
puede reducir la posicin para los que permite que personas con discapacidad puedan percibir,
accesibilidad medios basados en entender, navegar e interactuar con la Web, en definitiva,
acceder a la web.
tiempo. La Accesibilidad Web engloba muchos tipos de
Otros dispositivos Soporta todo discapacidades, incluyendo problemas visuales, auditivos,
fsicos, cognitivos, neurolgicos del habla, incluyendo personas
de entrada dispositivos de de edad avanzada que han visto mermadas sus habilidades a
entrada de texto consecuencia de la edad.
La accesibilidad web cuenta con componentes esenciales que
Comprensible Ayuda a evitar los Se puede son pautas, protocolos y recomendaciones tanto para el
mensajes desactivar contenido web (WCAG), para Desarrolladores (ATAG) y
Usuarios (UAAG), los cuales permiten y tratan de elaborar una
innecesarios mensajes no pgina web con un contenido consistente y accesible para todos
esenciales los usuarios.
Las normas que todo desarrollador debe aplicar o tomar en
Ayude a los Formularios que consideracin para que su web sea accesible son las siguientes:
usuarios a evitar y requieran
corregir errores confirmacin Principio Pautas Criterios de
Documentar el Documentacin en Evaluacin
agente de usuario formato accesible Perceptible Textos Contenidos no textuales
de interfaz de alternativos
usuario que Contenido Grabacin de audio
incluye multimedia Grabaciones de video
caractersticas de dependiente Subttulos
accesibilidad del tiempo (pregrabados)
El agente de Documentacin en Subttulos (directos)
usuario debe formato accesible Distinguible Uso de color adecuado
comportarse de Control de audio
una manera Contraste adecuado
predecible.
10

Operable Teclado Teclado [17] W3C, "w3c," [Online]. Available: https://www.w3.org/TR/WAI-


Accesible Sin bloqueos de teclado WEBCONTENT/.
[18] W3C, "w3c," 11 Diciembre 2008. [Online]. Available:
Navegacin Los sitios eviten https://www.w3.org/TR/WCAG20/.
bloqueos [19] J. D. ANDALUCIA, "Herramientas de edicin de contenidos (ATAG)".
Contiene buscador de
contenidos [20] "Introduccin a la accesibilidad web," webaim.org, 2017.
El sitio contiene
encabezado, pie de
pgina y etiquetas.
Foco visible
Comprensible Legible Idioma del sitio
Asistencia a la Etiquetas o
entrada de instrucciones
datos Identificacin de errores

Robusto Compatible Procesamientos

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

[1] Y. F. Hassan Montero, "Qu es la Accesibilidad Web," 2003. [Online]. Available:


http://www.nosolousabilidad.com/articulos/accesibilidad.htm?iframe=true&width.

[2] S. Katz, R. Vaena, I. Harari and D. Martorelli, Artists, PROYECTO DE


ACCESIBILIDAD WEB EN LA UNLP. [Art]. Universidad Nacional de la Plata.

[3] W3C, "W3C Web Accessibility Initiative (WAI)," [Online]. Available:


https://www.w3.org/WAI/.
[4] W3C, "Authoring Tool Accessibility Guidelines (ATAG) 2.0," 11 Diciembre
2008. [Online]. Available: https://www.w3.org/TR/ATAG20/. [Accessed 22
Agosto 2017].
[5] W3C, "User Agent Accessibility Guidelines (UAAG) 2.0," 25 Septiembre 2014.
[Online]. Available: https://www.w3.org/TR/UAAG20/. [Accessed 24 Agosto
2017].
[6] ". W. W. W. (. A. d. Consorcio", septiembre 2009. [Online]. Available:
http://www.w3c.es/Consorcio/.
[7] ". W. W. W. |. P. d. Desarrollo", abril 2012. [Online].
[8] D. Dahl, Interaccin Multimodal con los Estndares del W3C, Springer, 2017.

[9] www.w3.org. [Online].


[10] W3C, "w3c," [Online]. Available:
http://www.w3c.es/Divulgacion/GuiasBreves/Estandares.
[11] W3C, "w3c," [Online]. Available:
https://www.w3.org/standards/webdesign/htmlcss.
[12] G. Born, COMPEDIUM HTML con XHTML, DHTML, CSS, XML, XSL y
WML, MARCOMBO BOIXAREU EDITORES.
[13] G. d. Chile, Gua para Desarrollo de Sitios Web, Santiago de Chile: Copyright
MSGG 2003, 2004.
[14] W3C, "Web Accessibility Initiative," Julio 2005. [Online]. Available:
https://www.w3.org/WAI/intro/wcag.
[15] J. Quintana, Evolucin de las Pautas de Accesibilidad al Contenido en la Web del
W3C., 2008.
[16] U. d. A. D. d. L. y. S. Informticos. [Online]. Available:
http://accesibilidadweb.dlsi.ua.es/?menu=pautas-1.0.

Potrebbero piacerti anche