Guia Accesibilidad Sitios Web

8/7/2019 Guia Accesibilidad Sitios Web

1/29

DICIEMBRE DE 2006

MMiinniisstteerriioo SSeeccrreettaarriiaa GGeenneerraall ddee llaa PPrreessiiddeenncciiaaPPrroo eeccttoo ddee RReeffoorrmmaa MMooddeerrnniizzaacciinn ddeell EEssttaaddoo

GUA DE ACCESIBILIDADPARA DISCAPACITADOS EN

SITIOS WEB

COMIT DE NORM ASPARA EL DOCUMENTO ELECTRNICO


2/29

Comit de Normas para el Documento Electrnico

Gua de Accesibilidad en Sitios WEB para Personas con Discapacidad Pgina 2 de 29

TTaabbllaa ddee ccoonntteenniiddooss

1. Introduccin .......................................................................................................31.1 Marco de referencia .......................................................................................................... 3

2. Principios de accesibilidad y recomendaciones.............................................62.1 Principios de accesibilidad..................................................................................................6

2.1.1 Comprensibilidad ......................................................................................................6

2.1.2 Navegabilidad........................................................................................................... 62.1.3 Robustez .................................................................................................................6

2.2 Recomendaciones ............................................................................................................ 72.2.1 Principio N 1: El contenido de un sitio Web debe ser comprensible..............................8

2.2.1.1 Provea textos descriptivos .....................................................................................82.2.1.2 Entregue alternativas sincronizadas a contenidos multimediales................................92.2.1.3 Cuente con informacin distinguible de imgenes y sonidos ................................... 102.2.1.4 Separe los contenidos, estructura, funcionalidad de la presentacin ........................ 112.2.1.5 Asegure el correcto uso del lenguaje de implementacin........................................ 11

2.2.2 Principio N 2: Navegabilidad de la pgina Web ........................................................ 162.2.2.1 Contextualice los contenidos................................................................................162.2.2.2 Permita que todas las funciones puedan ser invocadas desde el teclado.................. 19

2.2.2.3 Provea un mtodo para controlar los cambios de los objetos ................................. 202.2.2.4 Otras recomendaciones que potencian la navegabilidad ......................................... 212.2.3 Principio N 3: Robustez de la pgina Web ............................................................... 22

2.2.3.1 Use tecnologas que consideren las especificaciones contenidas.............................. 222.2.3.2 Asegure que las interfaces de usuario son accesibles ............................................. 22

3. Plan de trabajo para la implementacin de las recomendaciones .............243.1 Implementacin de las recomendaciones en sitios Web operativos...................................... 243.2 Desarrollo de las recomendaciones en sitios Web nuevos ................................................... 253.3 Formas de evaluar la adherencia a lineamientos de accesibilidad ........................................ 25

4. Anexos ..............................................................................................................264.1 Glosario ......................................................................................................................... 264.2 Referencias.................................................................................................................... 28


3/29



11.. IInnttrroodduucccciinnEn virtud del Decreto Supremo N 100 de 2006, del Ministerio Secretara General de la Presidencia,la secretara tcnica del Comit de Normas para el Documento Electrnico ha elaborado la presenteGua de Accesibilidad para Discapacitados en Sitios Web1, considerando la existencia de cuerposnormativos y recomendaciones de carcter internacional sobre accesibilidad para discapacitados, ascomo el anlisis de algunos sitios Web diseados en Chile.

Las recomendaciones o pautas aqu contenidas corresponden a un extracto de los lineamientosestipulados por la Web Accessibility Initiative - WAI2. Son de carcter general y no pretenden darcuenta de una investigacin exhaustiva del tema, sino ms bien entregar un punto de partida paraatender a las necesidades de accesibilidad de los usuarios de los sitios Web Gubernamentales.

Estas recomendaciones estn agrupadas de acuerdo a los principios3 de comprensibilidad,navegabilidad y robustez. Cada recomendacin contiene uno o ms puntos de verificacin los cualesexplican cmo sta debe ser aplicada. A su vez, cada punto de verificacin tiene asignada unaprioridad4 la cual indica el impacto que tiene el punto de verificacin en la accesibilidad del sitio Web.

Si el lector est interesado en ampliar los conceptos y recomendaciones aqu contenidos, puedeconsultar la Gua para el Desarrollo de Sitios WEB5 y la iniciativa sobre accesibilidad de World WideWeb Consortium W3C.

11..11 MMaarrccooddeerreeffeerreenncciiaa

Se define como una persona con discapacidad Toda aquella que, como consecuencia de una o msdeficiencias fsicas, psquicas o sensoriales, congnitas o adquiridas, previsiblemente de carcterpermanente y con independencia de la causa que las hubiera originado, vea obstaculizada, en a lomenos un tercio, su capacidad educativa, laboral o de integracin social6.

Los tipos de discapacidades que existen y pueden dificultar el uso de los equipos computacionales,son:

Discapacidades visuales: Desde poca visin hasta la ceguera, el rango de limitaciones visuales esamplio. Los sntomas de visin reducida son visin borrosa, visin desenfocada, problemas para

ver de lejos o de cerca, daltonismo y visin tnel entre otros. Discapacidades de movimiento: Las discapacidades de movimiento pueden estar causadas por la

artritis, problemas cardacos, parlisis cerebral, la enfermedad de Parkinson, esclerosis mltiple yla prdida de las extremidades o los dedos, entre otros factores.

Discapacidades auditivas: Las personas con dificultades auditivas quizs puedan or algunossonidos pero es posible que no puedan distinguir las palabras. Otras quizs no puedan orningn sonido.

Discapacidades cognitivas y de lenguaje: Las discapacidades cognitivas y de lenguaje abarcantanto la dislexia como dificultades para recordar, resolver problemas o percibir informacinsensorial o incluso problemas para comprender y utilizar el lenguaje.

1 Esta gua est basada en el informe Comit de Acceso a Discapacitados - comit de normas y estndarespara la interoperabilidad del documento electrnico, diciembre de 2004, trabajo que fue llevado a cabo por laSubsecretara de Telecomunicaciones.2WAI, Web Accessibility Initiative, http://www.w3.org/WAI/. Mayores antecedentes de esta iniciativa puede serencontrado en la gua para el desarrollo de sitios WEB http://www.guiaweb.gob.cl/.3Los principios son conceptos generales que agruparn las recomendaciones relacionadas entre s.4 World Wide Web Consortium, http://www.w3.org.5Gua para el desarrollo de sitios WEB, http://www.guiaweb.gob.cl/.6Artculo 3 de la ley 19.284, de 1994, que establece normas para la plena integracin social de personas condiscapacidad.


4/29



Epilepsia: Ciertos patrones de luz o sonido pueden provocar ataques epilpticos en algunaspersonas susceptibles de padecerlos.

Discapacidades relacionadas con la edad: El problema ms comn al envejecer es el deterioronatural de la vista. A los 65 aos, la mayora de las personas ha perdido parte de su capacidadpara enfocar, resolver imgenes, distinguir colores y adaptarse a los cambios de luz. Como partedel proceso natural de envejecimiento y longevidad, la necesidad de contraste aumenta debido a

la decoloracin de los fluidos y las lentes oculares. La mayora de las personas sufren prdidasde percepcin del color que acompaan a la visin borrosa. Con la longevidad, tambin suelenexperimentarse otros efectos degenerativos. As, son habituales diversos grados de prdida deaudicin, al igual que las dificultades de coordinacin motora, a menudo debidas a la artritis o aldesgaste de las articulaciones.

En Chile el 45% del total de discapacitados presenta una discapacidad visual; por ello, este tipo dediscapacitados constituyen la gran mayora y son los que presentan ms complicaciones paraacceder a la informtica y, lgicamente, a Internet. Para este grupo las recomendaciones del WCAGhan sido claves y con la incorporacin de ellas, Internet no sera una barrera.

Accesibilidad

El concepto de accesibilidad es la base para el trabajo de integracin de discapacitados al mundo de

Internet, incrementando la utilidad y el atractivo de los sitios Web existentes. En un contexto generalpodemos decir que la accesibilidad consiste en el acceso a la informacin sin limitacin alguna porrazn de deficiencia, discapacidad o minusvala7, de modo que la accesibilidad no es de intersnicamente para las personas con discapacidad sino que mejora el acceso Web en general.

Hoy, la accesibilidad se ha introducido fuertemente en el uso de Internet. En relacin con ello, elWorld Wide Web Consortium ha publicado el Web Content Accesibility Guidelines, como unarecomendacin general sobre la materia, siendo validado y utilizado como un marco de referenciapara la adopcin de medidas en el Gobierno de los Estados Unidos de Norte Amrica, la ComunidadEuropea e instituciones de y para ciegos -como ONCE (Organizacin nacional de ciegos de Espaa)-,entre otras innumerables organizaciones que han velado por la universalidad del uso de lainformtica.

Otro aspecto importante a considerar en materia de accesibilidad son las ayudas tcnicas. stas son

elementos, ya sean software o hardware, que permiten facilitar el uso de alguna herramientainformtica, en nuestro contexto son los elementos que facilitan la interaccin entre las personas condiscapacidad y el computador; por ejemplo, un lector de pantalla8 es una ayuda tcnica que permitea los discapacitados visuales interactuar con un computador.

Entre los principales beneficios que acarrea la accesibilidad en Internet estn:

1. Facilitar el acceso a los sitios Web de Gobierno. De esta forma, los discapacitados podrningresar a una gran fuente de informacin y beneficios, que permitir mejorar notablemente sucalidad de vida, adems apoyar notablemente la integracin de distintos grupos dediscapacitados.

2. Potencia el teletrabajo. As, Internet se constituye en una herramienta que permitir a losdiscapacitados visuales introducirse desde sus hogares al mundo laboral.

3. Materializa la responsabilidad social del Gobierno con los grupos discapacitados del pas.

4. Permitir un rpido acceso a usuarios con una conexin limitada en velocidad, pues lainformacin presentada por medios distintos al texto, deber ser alternativamente representadapor descripciones decidoras permitiendo la inhibicin de imgenes, sonidos y otros medios porparte de estos usuarios.

7Sitio Web de TAW, Test de Accesibilidad Web, http://www.tawdis.net/taw.htm#accesibilidad.8Software que permite la lectura del contenido alfanumrico de la pantalla, ej. JAWS.


5/29



5. Mejora notoriamente la claridad y velocidad en la navegacin y por lo tanto el acceso a lainformacin y la usabilidad del sitio mejora de modo directamente proporcional.

6. Facilita el acceso a la informacin con independencia en el dispositivo de acceso utilizado.


6/29


7/29



Incorporar nuevas tecnologas no probadas por las ayudas tcnicas puede ser el primer paso de laprdida de la accesibilidad, por lo que es muy importante adoptar medidas de restriccin detecnologas que puedan poner en peligro la accesibilidad. Por lo general tecnologas noestandarizadas,9 como Macromedia Flash, presentan problemas para cumplir con lasrecomendaciones y slo la ltima versin del programa lector de pantalla Jaws 5.0 es capaz de leer -todava con deficiencias- estos medios, por lo que su soporte total an est en proceso decorreccin.

22..22 RReeccoommeennddaacciioonneess

Las recomendaciones o pautas contenidas en esta Gua estn separadas de acuerdo a los principiosde comprensibilidad, navegabilidad y robustez.

Cada recomendacin est dividida en uno o varios puntos de verificacin que explican cmo seaplicara la recomendacin en el sitio Web.

Cada punto de verificacin tiene asignada una prioridad 1100 la cual est asociada al grado deaccesibilidad que permitir una vez implementada.

La prioridad indica el impacto que tiene el punto de verificacin en la accesibilidad:

Prioridad 1.Un desarrollador de contenidos de pginas Web tiene que satisfacer este punto deverificacin. De otra forma, uno o ms grupos de usuarios encontrarn imposible acceder a lainformacin del documento.

Ejemplo: Incluir texto alternativo a las imgenes, para que cuando los discapacitados visualespasen por estos contenidos el lector de pantalla verbalice el texto alternativo asociado.

Prioridad 2.Un desarrollador de contenidos de pginas Web debe satisfacer este punto deverificacin. De otra forma, uno o ms grupos encontrarn dificultades en el acceso a lainformacin del documento.

Ejemplo: Deben emplearse resmenes de las tablas y usar los atributos del lenguaje deprogramacin que est empleando para generar estas sntesis de este tipo de contenidos.

Prioridad 3. Un desarrollador de contenidos de pginas Web puede satisfacer este punto deverificacin. De otra forma, uno o ms grupos de usuarios encontrarn alguna dificultad paraacceder a la informacin del documento.

Por ejemplo, en una pgina Web donde se utilizan varios idiomas se debe identificar cadacambio de stos utilizando el atributo lang. De esa forma los programas que utiliza lossintetizadores de voz podrn cambiar la lengua, pronunciar y acentuar correctamente.

Se debe incluir el lenguaje natural o de origen principal de cada pgina Web. En Html utilizandola marca y el atributo LANG. Ejemplo de una pgina en espaol:

. Cada idioma se identifica con un cdigo de letras distintas alemn=de,espaol=es, francs=fr, italiano=it, portugus=pt.

Otro concepto importante corresponde al nivel de adecuacin que permite establecer en quemedida un sitio Web adhiere a los puntos de verificacin establecidos para cada recomendacin.Existen tres niveles de adecuacin11:

9An no son soportadas con exactitud por las ayudas tcnicas.10 Basadas en el documento WCAG1.0 y WCAG 2.0 de la WAI.

11 Mayor informacin sobre los niveles de adecuacin puede ser encontrada enhttp://www.tawdis.net/taw3/cms/es/infotaw/wai.html


8/29



Nivel A: Se satisfacen todos los puntos de verificacin de prioridad 1. Nivel Doble A (AA): Se satisfacen todos los puntos de verificacin de prioridad 1 y 2. Nivel Triple A (AAA): Se satisfacen todos los puntos de verificacin de prioridad 1, 2 y 3.

Es importante indicar que los conten idos de esta Gua:

Corresponden a un extracto de los lineam ientos de la W3C sobre accesibilidad.

Slo incluyen recomendaciones de las prioridades 1 y 2, haciendo hincapi en lasms necesarias para asegurar el acceso a la informacin.

Si el lector est interesado en ampliar las recomendaciones aqu contenidas, puedeconsultar la Gua para el Desarrollo de Sitios WEB y la iniciativa sobre accesibilidad 12 de W3C.

A pesar que la mayor parte de los ejemplos expuestos a continuacin tienen como base el lenguajeHTML, son vlidos para todo tipo de desarrollo Web.

22..22..11 PPrriinncciippiiooNN11::EEllccoonntteenniiddooddeeuunnssiittiiooWWeebbddeebbeesseerrccoommpprreennssiibbllee

22..22..11..11 PPrroovveeaa tteexxttooss ddeessccrriippttiivvooss

Use textos descriptivos adicionales para todos los elementos en una pgina Webcomo son botones, formularios, animaciones, imgenes, grficos y otros que nocorresponden solamente a la informacin en texto plano.

El objetivo de esta recomendacin es proporcionar informacin acabada sobre el contenidomultimedial existente dentro de la pgina, de modo de no perder datos importantes contenidos enelementos distintos al texto plano.

Punt os de verificacin

1. [PRIORIDAD 1] Para los elementos que no sean texto, como enlaces grficos o

botones, deber existir un text o alternativo o un enlace descripti vo, que identificarsu propsito o funcin.

El texto adicional etiquetar el contenido permitiendo que las ayudas tcnicas, como lectores depantalla, puedan interpretar el elemento. Adicionalmente, en caso que sea necesaria unadescripcin ms compleja, se recomienda el uso de un enlace descriptivo identificado por la letraD, que llevar al usuario a una pgina con el nico propsito de describir el medio enlazado.

Ejemplo:

Todas las imgenes deben tener un texto alternativo que indique la funcin que cumple.Cuando se trata de grficos sencillos este texto puede definirse concisa y claramente mediante elatributo "alt", "longdesc" o "title", segn la funcin de la imagen.13

Dentro de las propiedades de algunas etiquetas html estn alt, longdesc y title, stas

debern ser utilizadas para la descripcin alternativa de medios no alfanumricos, como seejemplifica a continuacin.

12WAI, Web Accessibility Initiative, http://www.w3.org/WAI/.13Curso de Diseo Accesible Copyright Sidar 1997-2002. Fundacin Sidar.


9/29



Aqu el atributo alt describir la imagen como una paleta de acuarelas al pasar un lector depantalla por sobre esta imagen. Como se indic, si es necesario, se debe usar un enlacedescriptivo (D) para identificar el medio.

D

Al acceder a este enlace el usuario deber llegar a una pgina que contiene la descripcincompleta de la imagen. El desarrollador deber proporcionar en esta pgina una descripcinextensa de la imagen y su propsito.

2. [PRIORIDAD 1] Para cada contenido que no sea texto puro, como msica o artesvisuales, deber existir un texto alternativo (o bien un enlace descriptivo (D)), queidentificar y describir este contenido.

Ejemplo:

Todo sitio Web con msica ambiental deber presentar en la parte superior izquierda de lapantalla un texto alternativo o enlace descriptivo (D), que seale claramente el objetivo delsonido ambiental y lo describa totalmente.

Los medios como imgenes, representaciones grficas del texto (incluyendo smbolos), reas demapa de imagen, animaciones, applets, objetos programados, marcos, scripts, imgenesusadas como vietas en las listas, botones grficos, sonidos ejecutados (con o sin interaccin delusuario), archivos exclusivamente auditivos y pistas de sonido en archivos de video, debernincluir textos que los describan.

Alternativamente, para contenidos multimedia, es recomendable generar un documento de textoque incluya descripciones de todos los elementos visuales, as como las transcripciones de losdilogos y otros sonidos importantes.

3. [PRIORIDAD 1] Para contenidos de slo audio en vivo o slo video en vivo, comoestaciones de radio o cmaras Web, deber existir un texto alternativo que describael propsito de la presentacin, o bien, deber existir un enlace descriptivo, queespecifique el objetivo del contenido por medio de texto. Si es posible, se debesincronizar el texto alternativo con el contenido desplegado.

Ejemplo:

A continuacin del recuadro de visualizacin de una cmara Web de monitoreo de trnsito,deber estar el texto, o el enlace descriptivo al texto, Cmara Web X, monitoreando el trnsitoen Y. El reporte es el siguiente.

22..22..11..22 EEnnttrreegguuee aalltteerrnnaattiivvaass ssiinnccrroonniizzaaddaass aa ccoonntteenniiddooss mmuullttiimmeeddiiaalleess

Entregue alternativas sincronizadas a contenidos multimediales.

El objetivo de esta recomendacin es describir de modo sincrnico los sucesos presentes en loscontenidos multimediales.


1. [PRIORIDAD 1] Proveer de subttulos sincronizados a los contenidos multimediapregrabados, como video clips.

Ejemplo:


10/29



Una pelcula con descripcin del audio.

Trascripcin del audio basado en los primeros minutos de, "Teaching Evolution CaseStudies, Bonnie Chen" (copyright WGBH and Clear Blue Sky Productions, Inc.)

Bonnie Chen: These are all shot at either the Everglades...for today you just happen to be aspecies of wading bird that has a beak like this."

Descriptor: Un ttulo, "Teaching Evolution Case Studies. Bonnie Chen." Ahora, un profesormuestra fotografas.

2. [PRIORIDAD 1] Proveer de sonido sincronizado alternativo a los contenidosmultimedia pregrabados.

Ejemplo:

Una pelcula sin audio con slo la descripcin ambiental.

Tal como en el ejemplo anterior, se debe procurar que el Descriptor sea preciso y claro. El audioproporcionado debe estar en perfecta sincronizacin con los sucesos desplegados en la pelcula.

22..22..11..33 CCuueennttee ccoonn iinnffoorrmmaacciinn ddiissttiinngguuiibbllee ddee iimmggeenneess yy ssoonniiddooss

La informacin presentada debe ser distingui ble de imgenes y sonidos de fondo.

El objetivo de esta recomendacin es lograr que los contrastes entre el fondo y la informacinpermitan su claro despliegue.


1. [PR IORIDAD 1] Procurar que haya un alto contraste entre el color del texto y el colorde fondo (sea imagen, color o texto).

Ejemplo:

Los colores utilizados para desplegar informacin en la pgina debern contrastar de modo queel esfuerzo visual sea mnimo al tratar de distinguir la informacin.

El contraste es un fenmeno con el que se pueden diferenciar colores atendiendo a laluminosidad, al color de fondo sobre el que se proyectan. Existen distintos tipos de contraste,pero es recomendable utilizar el contraste claro-oscuro, ste se produce al confrontar un colorclaro, o saturado de blanco, y un color oscuro, o saturado de negro. Ejemplos de colores quecontrastan por luminosidad:

Ejemplo de alto y bajo contraste


11/29



2. [PRIORIDAD 2] Los usuarios podrn deshabilitar el sonido de fondo de una pgina,de modo que no interfiera con la correcta lectura de la informacin por parte de lasayudas tcnicas.

Ejemplo:Es necesario que al principio de la pgina, con sonido de fondo, se explicite un modo dedeshabilitar el sonido de fondo. Esto debe hacerse, en lo posible, a travs de un enlace, puesbotones y otros medios pueden ser difciles de encontrar por parte de los usuarios.

22..22..11..44 SSeeppaarree llooss ccoonntteenniiddooss,, eessttrruuccttuurraa,, ffuunncciioonnaalliiddaadd ddee llaa pprreesseennttaacciinn

Asegurar que contenidos, estructura y funcionalidad son separables de la presentacin.

El objetivo de esta recomendacin es que la informacin se independice del diseo, de modo quecualquier tipo de informacin pueda ser plenamente accesible.

Punt os de verificacin1. [PRIORIDAD 1] Cualquier informacin presentada por un color debe tambin estar

disponible sin el color (por ejemplo, por el contexto, el marcaje o la codificacin queno depende del color).

Ejemplo:

Cuando un usuario enva un formulario sin que se hayan llenado todos los campos requeridos,como feedback obtiene un mensaje que le informa que campos no fueron enviados y sonnecesarios. Los campos que faltan son indicados en colores para ayudar a la gente conlimitaciones cognitivas, de este modo reconocen los campos que necesitan atencin. Como elmensaje est tambin disponible en el texto, la gente que no puede ver el color sabr, de todosmodos, que campo tiene que corregir.

22..22..11..55 AAsseegguurree eell ccoorrrreeccttoo uussoo ddeell lleenngguuaajjee ddee iimmpplleemmeennttaacciinn

Asegurar el correcto uso del lenguaje de implem entacin, evitando excesos provocadospor el diseo de la interfaz.

El objetivo de esta recomendacin es proporcionar lineamientos de uso del lenguaje deimplementacin de la pgina, de modo de hacerlo entendible por parte de las ayudas tcnicas y porende los usuarios discapacitados.


Sobre las tablas

1. [PRIORIDAD 1] En las tablas deben identificarse los encabezados de columna yfila. Para ello deben usarse los atributos necesarios que soporte el lenguaje deprogramacin que est usando. Por lo tanto, el uso de tablas para otro objetivoque no sea la presentacin de informacin tabulada atenta contra laaccesibilidad.

Ejemplo:


12/29



Al crear una tabla que represente una agenda telefnica debemos indicar el ttulo de la tablade modo que el usuario entienda el contexto de la tabla y especificar con los atributoscorrectos los encabezados de columnas de la tabla.

En HTML se vera algo as:

Mi gua telefnica

NombreTelfono

Juan Prez6453723

Con la etiqueta se referencia el ttulo de la tabla, y como se dijo anteriormente,con esto los usuarios entendern el contexto en el que se sita la tabla.

Con la etiqueta identificamos los encabezados de las columnas de las tablas, de estemodo ser fcil distinguir el tipo de informacin que entrega la tabla

2. [PRIORIDAD 1] Deben asociarse las celdas de encabezado con las celdas dedatos. Para ello utilice los atributos del lenguaje de programacin que estutilizando. De este modo se evitar que las ayudas tcnicas pierdan la orientacindentro de la tabla.

Ejemplo:

En el caso de utilizar HTML deber identificar las celdas de datos con el atributo headers,para ello se debe dar previamente un nombre a cada celda de encabezados utilizando elatributo id.

Veamos por ejemplo:

Table 2: Ruritanian Ore Production

By Weight By Value

Adjusted Unadjusted Adjusted Unadjusted

2001 2002 2001 2002 2001 2002 2001 2002


13/29



Iron Ore999.99999.99999.99999.99999.99999.99999.99999.99

Refined999.99999.99999.99999.99999.99999.99999.99999.99

Unrefined999.99999.99999.99999.99999.99999.99999.99999.99

Less than40% pure999.99

999.99999.99999.99999.99999.99999.99999.99

40% or morepure999.99999.99999.99999.99

999.99999.99999.99999.99

Notar que se identificaron todas las celdas de encabezado, de este modo la tabla quedacompletamente accesible. El resultado de este cdigo es el siguiente.


14/29



3. [PRIORIDAD 2] Deben implementarse resmenes de las tablas, use los atributos dellenguaje de programacin que est empleando para generar resmenes de lastablas, de esa forma el contenido de la tabla ser ms entendible por parte de losusuarios.

Ejemplo:

Utilice el atributo summary en HTML, en la etiqueta , para hacer un resumen de latabla actual.

Sobre los formularios

4. (PRIORIDAD 1) Debe identificarse la etiqueta de un formulario con su control.

Ejemplo:

En HTML es necesario utilizar la marca LABEL y su propiedad FOR para identificarcorrectamente las etiquetas.

En el siguiente ejemplo veremos la forma de hacerlo.

Nombres

Nombres
Apellidos

El resultado de este cdigo es el siguiente.


15/29



Sobre los vnculos

5. [PRIORIDAD 1] Debe facilitarse la lectura de los enlaces, slo en casos necesariosincluya la direccin de la pgina Web, evite utilizar nombres largos e incluya lacorrecta acentuacin del nombre del enlace.

Ejemplo:

Veamos los siguientes enlaces incorrectoswww.metalchile.com.cl (no tiene informacin de donde se dirige)

Metal Chile es una empresa del grupo Molinca (es muy extenso)

METAL MECANICA CHILE (no est correctamente acentuado)

El siguiente es un enlace correctamente indicado

METAL MECNICA CHILE

6. [PRIORIDAD 1] Evitar que la indicacin de los enlaces haga alusin a acciones noaccesibles por todos los usuarios.

Ejemplo:

Si la pantalla no se refresca en 10 segundos haga clicaqu

Es un tpico ejemplo en el que se necesita una accin no accesible por todos los usuarios, puesse necesita visualizar el elemento del enlace para realizar la accin de hacer clic.

Otras recomendaciones generales

7. [PRIORIDAD 1] Utilizar un lenguaje claro, revisar cuidadosamente la redaccin delos contenidos e incluir la acentuacin de todas las palabras (incluyendo las queestn escritas slo con maysculas).

Ejemplo:

AMRICA DEL SUR. En Amrica del Sur, existen

Recordar el uso correcto de la puntuacin en el contenido y las maysculas al comenzar losprrafos.

8. [PRIORIDAD 2] De ser posible utilice el lenguaje de marcado o las hojas de estilopara reemplazar elementos con accesibilidad baja.

Ejemplo:

Utilice MATHML para describir una frmula matemtica evitando el uso de una imagen.

9. [PR IORIDAD 2] Marcar correctamen te las citas, ya que en cada idioma los estilos delas comillas varan para identificar estos elementos, el comando Q en Html permiteque los navegadores con soporte internacional puedan mostrarlas correctamente sintener que util izar el cdigo ASCII.

Ejemplo:

Sacre bleu!, exclam el inspector.

Sacre bleu!, exclam el inspector.

10.[PR IORIDAD 2] Marque la expansin de las abreviaturas y de los acrnimos. Cuandose usan estos elementos, indique su forma expandida mediante los atributos,


16/29



y en HTML, adems debe usarse el atributo title para indicar laforma expandida.

Ejemplo:

Con la frase de ejemplo Las pginas que aprueban el WCAG, debera codificarse:

Las pginas que aprueban el WCAG11.[PRIORIDAD 2] En una pgina Web donde se util izan varios idiomas, se debe

identificar cada cambio de stos utilizando el atributo lang., de esa forma losprogramas que utiliz a los sintetizadores de voz podrn cambiar la lengua, pronunciary acentuar correctamen te.

Ejemplo:

Se debe incluir el lenguaje natural o de origen principal de cada pgina Web. En HTML,utilizando la marca y el atributo LANG.

Ejemplo de una pgina en espaol: .

Cada idioma se identifica con un cdigo de letras distintas alemn=de, espaol=es, frances=fr,italiano=it, portugues=pt

22..22..22 PPrriinncciippiiooNN22::NNaavveeggaabbiilliiddaaddddeellaappggiinnaaWWeebb

22..22..22..11 CCoonntteexxttuuaalliiccee llooss ccoonntteenniiddooss

Orientar y contextualizar los contenidos del sitio de modo que los usuarios puedanacceder fcilmente y comprender la informacin.

Esta recomendacin apunta a la eficiencia con que los usuarios podrn acceder al sitio y suscontenidos.


1. [PRIORIDAD 1] Procurar que enlaces, controles de formulario y otros objetos siganun orden lgico de tabulacin, esto permitir que las ayudas tcnicas accedan demejor manera a estos elementos y, por lo tanto, los usuarios naveguen con facilidady eficiencia dentro del sitio.

Ejemplo:

Actualmente la mayor parte de los navegadores proveen de navegacin por tabulador entreenlaces y formularios, esta navegacin comienza generalmente en el primer enlace o control deformulario dentro de la pgina, continuando en orden de aparicin dentro del cdigo HTML.

En caso de necesitar un orden distinto al anteriormente descrito, se debe usar el atributoTABINDEX en los elementos afectados.

Es aconsejable el uso del atributo anteriormente descrito para asegurar el orden deseado de

navegacin.


17/29



El anterior ejemplo se navega segn el orden que aparece dentro de las cajas y se ve de lasiguiente forma:

2. [PRIORIDAD 2] Si los bloques de informacin son demasiado largos es necesariodividirlos en grupos que sean ms m anejables para ser usados y ledos. Para ello, esconveniente utilizar los marcos e incorporar los encabezados de seccin y otroselementos que nos faciliten esta tarea. Si es necesario aydese por mapas y barrasde navegacin.

Ejemplo:

En HTML existen diversos mecanismos para agrupar bloques de informacin:

Lista con 7 elementos

1. FIELDSET permite agrupar controles de formulario y describir al grupo mediante el elemento2. LEGEND.OPTGROUP organiza listas de mens extensas en grupos ms pequeos.3. TABLE se usa para presentar informacin tabular y se describe con CAPTION.4. Las filas y columnas de una tabla pueden agruparse mediante THEAD, TBODY, TFOOT y

COLGROUP.5. Pueden anidarse los distintos tipos de listas con UL, OL y DL.6. H1-H6 permiten estructurar los documentos dividiendo el texto en secciones.

7. P divide los bloques de texto en prrafos.3. [PRIORIDAD 2] Proporcionar mapas de imagen controladas por el usuario para

orientar la navegacin . Es recomendable, adems, usar enlaces directos bajo el mapaque apoyen la navegacin.

Se recomienda a los programadores utilizar mapas de imagen de tipo cliente, que no requierandispositivos de entrada especficos. Los mapas de cliente pueden utilizar el atributo alt, en loselementos rea del mapa para informar al usuario el propsito de cada regin activa.

Esta recomendacin no es contraproducente con recomendaciones anteriores, pues, los mapasde imagen son etiquetas ordenadas que cualquier ayuda tcnica puede interpretar de maneraordenada.

Ejemplo:

El siguiente ejemplo muestra un mapa de imagen cliente accesible, en ste se enlaza la imagencon las secciones de Golf, Tenis, Motociclismo y Natacin de la pgina.

Es recomendable que para cada etiqueta AREA se agregue el atributo TITLE, con esto al posarsesobre el rea del mapa se recibe una indicacin de donde lleva el enlace.


18/29



Golf|MotosNatacinTenis

El cdigo expuesto anteriormente se vera de la siguiente manera,


19/29



Notemos que cada vez que se est sobre el enlace, el atributo TITLE nos indica de qu trata elrea o el enlace.

22..22..22..22 PPeerrmmiittaa qquuee ttooddaass llaass ffuunncciioonneess ppuueeddaann sseerr iinnvvooccaaddaass ddeessddee eell tteeccllaaddoo

Hacer todas las funciones operables por un teclado o por una interfaz de teclado. Estasinterfaces corresponden a los dispositivos especiales como teclados para discapacitadosfsicos.

El objetivo de esta recomendacin es proveer de una interfaz operativa para el sitio, de modo queelementos de difcil manejo por parte de usuarios discapacitados (como el Mouse en el caso deusuarios con discapacidad visual o motriz), no mermen la funcionalidad del sitio.


1. [PRIORIDAD 1] Todas las funciones del contenido de la pgina W eb son operadas atravs de un teclado o una interfaz de teclado especial. No obstante, se puedeproveer de otras interfaces (como el Mouse), para acceder a las funcionalidades delsitio.

Ejemplo:

El uso de elementos javascript, como onMouseOver, que exijan el uso de un dispositivo deentrada distinto al teclado (en este caso el Mouse), limitan las funcionalidades del sitiotornndolo menos accesible.


20/29



22..22..22..33 PPrroovveeaa uunn mmttooddoo ppaarraa ccoonnttrroollaarr llooss ccaammbbiiooss ddee llooss oobbjjeettooss

Asegurar al usuario el control sobre los cambios autom ticos de los contenidos en unapgina.

El objetivo de esta recomendacin, es proveer a los usuarios discapacitados de mtodos de controlsobre el movimiento, parpadeo, desplazamiento y refresco automtico de objetos y pginas, cuandoestos objetos contienen informacin. De este modo aseguramos la comprensin completa de loscontenidos del sitio.


1. [PRIORIDAD 1] Evitar el parpadeo de la pantalla; de no ser posible de eliminar,anunciar debidam ente su presencia y dar a los usuarios el control sobre el parpadeo.

Este elemento puede ser peligroso para cierto grupo de usuarios, como aquellas personas quepadecen de epilepsia foto-sensitiva, pues pueden sufrir ataques con los destellos o parpadeosque oscilen entre 4 y 50 destellos por segundo. Adems, podr causar los mismos efectos elpaso de la oscuridad a la iluminacin absoluta. De la misma forma, si tiene contenidos quedestellen es necesario eliminarlos, ya que pueden ser una interferencia para las ayudas tcnicas,como lectores de pantalla.

Ejemplo:

La etiqueta , que proporciona el efecto de parpadeo, no est dentro de los estndaresHTML, por lo que su uso no est permitido.En otros medios que contengan parpadeo comoanimaciones, videos, etctera, es necesario proporcionar un control para el usuario, de modoque puedan deshabilitar este elemento.

2. [PRIORIDAD 1] Evitar que las pginas se auto refresquen; de no ser posible deeliminar, anunciar debidamente su presencia y dar a los usuarios el control sobre elauto refresco.

No hacer pginas que se auto-refresquen. El auto refresco de las pginas se produce cuandosta se recarga constantemente. Cuando un usuario discapacitado visual usa el lector de pantallapara leer el contenido de la pgina, el auto-refresco puede detener el proceso de lectura,reiniciarla o simplemente confundir al usuario desorientndolo. Si se necesita actualizar la pginadebe incluirse un enlace que lo haga.

Ejemplo:

Los desarrolladores deben evitar el uso del elemento META en HTML para cambiar la pgina aintervalos regulares. De esa forma se evita el auto refresco de la pgina.

3. [PR IORIDAD 1] Evitar el llamado a ventanas emergentes; de no ser posible eliminar,anunciar debidamente su presencia y aparicin.

No provocar la llamada a ventanas emergentes sin informar al usuario. Para no confundir a losusuarios no videntes es necesario avisar cuando se abra una ventana emergente; de locontrario, el usuario pensar que est en la ventana anterior. Las ventanas emergentes son

aquellas que se superponen a la ventana actual y por lo general contienen publicidad. Cuandose ingresa a una pgina aparecen en forma automtica; estas ventanas lamentablemente nosiempre comunican su aparicin, por lo que los usuarios no videntes pierden completamente elfoco de la pgina que solicitaron.

Ejemplo:

Se utiliza TARGET para presentar una ventana emergente. Incluya texto a la ventana queinforme a los usuarios no videntes de la aparicin de sta. En el caso que un enlace se abra en


21/29



una nueva ventana es necesario informar al usuario de esta accin para mantener el contexto dela lectura, el siguiente ejemplo nos muestra la accin antes descrita.

Visite el Web site Gobierno de Chile(Advertencia: Esta pgina se abrir en una nueva ventana.)

En nuestro navegador se vera del siguiente modo.

Visite el Web site Gobierno de Chile (Advertencia: Esta pgina se abrir en una nueva ventana.)4. [PRIORIDAD 2] Evitar el movimiento de las pginas; de no ser posible eliminar,

anunciar debidamente su presencia y dar a los usuarios el control sobre elmovimiento.

Evitar el movimiento de las pginas. Resulta necesario, evitar los textos en movimiento, paraque las personas con discapacidad cognitiva o dbiles visuales puedan leer el contenido deltexto. Cuando las pginas contengan elementos con contenido mvil, debe existir algnmecanismo para poder detener el contenido a voluntad del usuario.

Ejemplo:

En HTML la etiqueta MARQUEE no es controlable por lo que su uso implicara inaccesibilidad paraalgunos grupos de usuarios.

En el caso de requerir texto en movimiento utilice otras tecnologas compatibles con ayudastcnicas que permitan brindar al usuario un completo control del movimiento del texto.

22..22..22..44 OOttrraass rreeccoommeennddaacciioonneess qquuee ppootteenncciiaann llaa nnaavveeggaabbiilliiddaadd

Otras recomendaciones de orden general que potencian la navegab ilidad


1. [PRIORIDAD 2] Disee para lograr la independencia de los dispositivos, usecaractersticas que permitan la activ acin de los elementos de la pgina, a travs dediversos dispositivo s de entrada, esto es, teclados, ratn y otro s.

Ejemplo:

La independencia de los dispositivos significa el uso de diferentes medios para poder navegar enInternet. Como: teclado, ratn, punteros de cabeza y otros. Poder elegir los dispositivos sin queafecte el funcionamiento de la pgina es el fin de la recomendacin.

La independencia de los dispositivos garantiza que los usuarios de diversas discapacidadespuedan tener acceso. Por ejemplo, incluir comandos rpidos con el teclado, para aquellosnavegadores que soportan el atributo "acceskey", es posible definir atajos de teclado para losenlaces (incluyendo los de los mapas de imagen.), compatible con Internet Explorer 4.0. Esteejemplo permite que una persona discapacitada visual pueda ejecutar una combinacin de teclasrealizando una accin que facilite la navegacin de la pgina.

2. [PRIORIDAD 2] Asegrese de que cualquier elemento que tenga su propia interfaz,pueda manejarse independient emente del tipo de dispositivo.

El manejador de evento onfocus, por ejemplo, reconoce eventos del teclado y del ratn, demodo que son considerados manejadores de evento independientes del dispositivo. Se debeproporcionar mecanismos de entrada repetitivos, para los manejadores de evento que dependendel dispositivo.


22/29



22..22..33 PPrriinncciippiiooNN33::RRoobbuusstteezzddeellaappggiinnaaWWeebb

22..22..33..11 UUssee tteeccnnoollooggaass qquuee ccoonnssiiddeerreenn llaass eessppeecciiffiiccaacciioonneess ccoonntteenniiddaass

Usar tecnologas de acuerdo con las especificaciones contenidas en esta Gua.

El objetivo de esta recomendacin es procurar que las tecnologas utilizadas en la creacin de lossitios y pginas Web sean las apropiadas y correspondientes a las especificaciones contenidas enesta Gua, de modo que las ayudas tcnicas sean capaces de interpretarlas y no interfieran con laaccesibilidad de todos los usuarios.

1. [PRIORIDAD 1] Exceptuando cuando un sitio ha documentado que unaespecificacin ha sido violada por compatibilidad atrasada o compatibilidad detecnologas asistidas, la tecnologa usada debe:

Pasar las pruebas de validacin para la versin de la tecnologa en uso (sea en conformidadde un schema, Documento de Definicin de Tipos (DTD, Document Type Definition), u otrostest definidos en las especificaciones).

Usar elementos estructurales y atributos como se define en la especificacin.

Ejemplo:

Un ejemplo es la tecnologa de applets en Java, que usa un API especial de accesibilidad definidapor el lenguaje14. En la pgina de IBM dedicada a esta tecnologa, existe la documentacinnecesaria para probar la accesibilidad de la aplicacin.

22..22..33..22 AAsseegguurree qquuee llaass iinntteerrffaacceess ddee uussuuaarriioo ssoonn aacccceessiibblleess

Asegurar que las interfaces de usuario son accesibles o proveen de alternativasaccesibles.

El objetivo de esta recomendacin es asegurar la accesibilidad a las interfaces de usuario sinimportar barreras tecnolgicas.

En general un Agente de Usuario (User Agent), consiste en algunos componentes coordinados, comoun Navegador Web, un Reproductor de Multimedios, algunos Plug-Ins, caractersticas o aplicacionesdispuestas por el ambiente de operacin, y documentacin distribuida con el software o disponibleen la Web. Con respecto a estos Agentes Usuarios nos referiremos en los siguientes puntos deverificacin.


1. [PRIORIDAD 1] Si alguno de los elementos que conforman un Agente de Usuario esno accesible, debe proveerse de una solucin alternativ a accesible.

Ejemplo:

Los documentos en formato PDF (Portable Document Format) no estn soportados an por las

ayudas tcnicas, si se tuviere documentos de este tipo en una pgina, se tienen dos alternativasde accin:

Proveer a los usuarios de un formato de documento que si sea accesible.

14 Referirse a IBM Guidelines for Writing Accessible Applications Using 100% Pure Java http://www-3.ibm.com/able/guidelines/java/snsjavag.html


23/29



Proveer a los usuarios de dos links claramente definidos, el primero para el visor de archivosPDF (acrobat reader), y el segundo a un plug-in que permite que algunas ayudas tcnicaslean dentro del software anteriormente mencionado.

2. [PRIORIDAD 1] Si una interfaz usuaria personalizada es no accesible por barrerastecnolgicas, debe proporcionarse una alternativa accesible.

Ejemplo:

Si se desea proveer de un men interactivo no accesible, es necesario proporcionar otro tipo demen paralelo al anterior, de modo de asegurar la navegacin de todos los usuarios.

3. [PRIORIDAD 2] Deben ser usadas las convenciones de accesibilidad del lenguaje demarcado o programacin (API s o marcado especfico).

Ejemplo:

Un ejemplo es, para HTML, seguir las convenciones de accesibilidad establecidas por la W3C.


24/29



33.. PPllaann ddee ttrraabbaajjoo ppaarraa llaa iimmpplleemmeennttaacciinn ddee llaassrreeccoommeennddaacciioonneess

Para llevar a cabo con xito el radical cambio que implica dar accesibilidad a los sitios Web deGobierno, se propone el siguiente plan de trabajo. Para ste se tom en cuenta el desarrollopaulatino de las recomendaciones dentro de los sitios con una construccin avanzada y la completa

aplicacin de las mismas para nuevos sitios. Para una mejor comprensin, se dividir el trabajo paraambos casos.

Es necesario recordar que las recomendaciones descritas en esta Gua proveen a los sitios Web de lamnima accesibilidad requerida, tomando en cuenta el carcter Gubernamental que tienen en estecaso. Por lo tanto, si se pretende brindar un servicio de mejor calidad es necesario adherir a loslineamientos establecidos en la Gua para el Desarrollo de Sitios Web y utilizar estndaresinternacionales, como los establecidos por la W3C.

33..11 IImmpplleemmeennttaacciinn ddee llaass rreeccoommeennddaacciioonneess eenn ssiittiiooss WWeebbooppeerraattiivvooss

El proceso de desarrollo de las recomendaciones enunciadas en sitios Web que estn operativospodra ser algo complejo y eventualmente costoso, por lo que es aconsejable abordar la introduccin

de mejoras en temas de accesibilidad como un proceso iterativo e incremental.Para ello, se propone a modo de referencia, aplicar el siguiente modelo simplificado:

1. Evaluacin inicial del sitio Web.

Para comenzar es necesario establecer la base sobre la que trabajaremos, por lo que esnecesario realizar una acuciosa evaluacin (ver punto 3.3 de esta Gua) del grado en el cual elsitio Web en operacin, satisface los puntos de verificacin establecidos para cadarecomendacin.

La evaluacin permitir contar con una serie de puntos de verificacin que es necesariosatisfacer. Estos puntos pueden ser ordenados de acuerdo a su prioridad o impacto en laaccesibilidad del sitio, a fin de establecer el orden en el cual sern abordados en la etapa de

implementacin.2. Implementacin

En esta etapa es necesario definir cmo ser abordada la incorporacin de las recomendacionesy la satisfaccin de los puntos de verificacin detectados en la etapa anterior.

El primer incremento comienza abordando los puntos de verificacin de menor prioridad, paraluego seguir con los puntos que tengan la siguiente prioridad.

3. Verificacin

Una vez concluida la etapa de implementacin, es necesario evaluar en que medida cumplimoscon los puntos de verificacin identificados en la etapa de 1, para ello, es necesario aplicarnuevamente una de las evaluaciones.

Si las evaluaciones arrojan algn incumplimiento, es necesario volver a repetir las etapas 2 y 3hasta que todos los puntos de verificacin sean aprobados.

Si las evaluaciones arrojan la aprobacin de todos los puntos de verificacin asociados a laprioridad tratada en el incremento actual, se podr dar paso a un nuevo incremento con lafinalidad de abordar los puntos de verificacin asociados al siguiente nivel de prioridad.


25/29



33..22 DDeessaarrrroollllooddeellaassrreeccoommeennddaacciioonneesseennssiittiioossWWeebbnnuueevvooss

En el caso de comenzar de cero en la construccin de un sitio Web, es necesario considerar loslineamientos entregados por la Gua para el Desarrollo de Sitios Web15 y revisar el cumplimiento delas recomendaciones contenidas en esta Gua a travs de la evaluacin de los puntos de verificacinestablecidos para ello.

En caso que los resultados de la evaluacin arrojen el incumplimiento de alguno de los puntos deverificacin establecidos, ser necesario realizar los ajustes pertinentes en la implementacin del sitioWeb a fin de garantizar su cumplimiento.

33..33 FFoorrmmaass ddee eevvaalluuaarr llaa aaddhheerreenncciiaa aa lliinneeaammiieennttooss ddeeaacccceessiibbiilliiddaadd

Al finalizar el ciclo en el desarrollo de un proyecto es recomendable llevar a cabo una verificacin deltrabajo realizado. Existen variadas formas de evaluar la adherencia a las recomendacionescontenidas en esta Gua o ms estrictamente a los lineamientos enunciados por la W3C. Ejemplo destas son:

1. El uso de herramientas automatizadas de validacin de accesibilidad.

Algunos sitios Web que proporcionan estas herramientas son:

TAW (http://www.tawdis.net), que comprueba la completa accesibilidad de un sitio Webnotando los puntos en los que no es accesible y el modo en que se ve afectada laaccesibilidad;

Lynx Viewer (http://www.delorie.com/web/lynxview.html), que emula un navegador Webslo texto, til al momento de visualizar el contenido al que accederan ayudas tcnicas;

Bobby (http://bobby.watchfire.com/bobby/html/en/index.jsp), que puede corroboraraccesibilidad, correcto uso del lenguaje de marcado, entre otros; y

Wave (http://wave.webaim.org/index.jsp), evaluador de accesibilidad que soporta distintosmtodos descritos en su sitio Web.

2. La validacin de la sintaxis (por ejemplo: HTML, XML, etctera).

3. La validacin de las hojas de estilo (por ejemplo: CSS).

4. El uso de mltiples navegadores Web grficos, con:

Sonidos y grficos habilitados,

Grficos no habilitados,

Sonidos no habilitados,

Mouse deshabilitado (sin Mouse),

Marcos, Scripts, Hojas de estilo y Applets no cargados.

5. El uso de mltiples navegadores, antiguos y nuevos.

6. El uso de un navegador de slo voz, un lector de pantalla, un magnificador de pantalla y otrasayudas tcnicas.

7. La realizacin pruebas de accesibilidad con usuarios finales discapacitados.

15Gua para el Desarrollo de Sitios Web http://www.guiaweb.gov.cl/.


26/29



Es importante notar que para lograr resultados concretos es importante comprobar la buenaaplicacin de los lineamientos establecidos, asegurando un acceso de calidad a todos los usuarios delsitio Web.


27/29



44.. AAnneexxooss

44..11 GGlloossaarriioo

Accesibilidad: La accesibilidad es la cualidad de un sistema hardware, software o de unacomputadora que lo hace utilizable por gente con una o ms discapacidades, tales como movilidadlimitada, ceguera o sordera16

Ancho de banda (bandwidth): Cantidad de datos que puede ser enviada o recibida durante uncierto tiempo a travs de un determinado circuito de comunicacin.

Ayudas Tcnicas : Software o Hardware que est especialmente diseado para ayudar a personasdiscapacitadas a realizar sus actividades diarias. Ejemplo: sillas de rueda, lectores de pantalla, brazosortopdicos, etc.

Discapacitado: Se define como una persona con discapacidad a Toda aquella que, comoconsecuencia de una o ms deficiencias fsicas, psquicas o sensoriales, congnitas o adquiridas,previsiblemente de carcter permanente y con independencia de la causa que las hubiera originado,vea obstaculizada, en a lo menos un tercio, su capacidad educativa, laboral o de integracinsocial17.

Clic: Accin necesaria para dar una orden al computador por medio del ratn. Consiste en pulsarcualquier mando del ratn luego de ubicar el puntero que aparece en pantalla sobre unadeterminada rea de esta.

Dispositivos independientes: Los usuarios deben interactuar con una aplicacin de usuario,utilizando los dispositivos de entrada o salida de su eleccin y acorde a sus necesidades. Losdispositivos de entrada pueden incluir: dispositivos de apuntamiento (ratn), teclados, dispositivosbraille, punteros de cabeza, micrfonos y otros. Los dispositivos de salida pueden incluir monitores,sintetizadores de voz y otros. Los dispositivos independientes implican el uso de dos o msdispositivos, por ejemplo teclado y ratn.

Enlace, Link o Hipervn culo: El usuario activa el enlace que suele estar subrayado para acceder aotro vnculo que puede ser una pgina Web.

Hipertexto: Contenido de los sitios Web en Internet estructurado en base a HTML o sus variantes,

que permite incorporar saltos no secuenciales entre un punto especfico del texto y otro.Hojas de estilo: Una hoja de estilo es un conjunto de instrucciones que especifican laespecificacin de un documento.

HTML (Hipertext Markup Language): Lenguaje de marcado en que se escriben la mayor partede las pginas Web.

Interfaz de usuario: Engloba la forma en la que el operador interacta con el computador, losmensajes que este recibe en pantalla, las respuestas del computador a la utilizacin de perifricos deentrada de datos, etc.

Internet: Es la red de redes. Conjunto de redes de computadores que se conecta y comunica amillones de personas en todo el mundo. Es una red no comercial que naci en Estados Unidos en1969 y est integrada por millones de computadores, llamados servidores, que comparten unlenguaje comn. Los computadores personales que se conectan y consultan datos a los servidores sedenominan clientes.

Lector de pantalla: Es un programa de software que lee en voz alta al usuario el contenido de lapantalla. Lo usan principalmente personas discapacitadas visuales.

16Diccionario de Informtica e Internet, Microsoft 2001, editorial Mcgraw- Hill.17Artculo 3 de la ley 19.284, de 1994, que establece normas para la plena integracin social de personas condiscapacidad.


28/29



Lenguajes de marcado: Se refiere a los lenguajes de programacin para pginas Web.

Magnificador de pantalla: Es un programa de software que ampla una parte de la pantalla, paraque pueda ser vista ms fcilmente. Lo usan principalmente personas con baja visin.

Marcos (Frame): Corresponden a estructuras que pueden contener dentro de s, componentes deuna pgina.

Mecanismos de navegacin: Es cualquier medio por el cual un usuario puede recorrer una pginao sitio.

Navegador (Browser): Trmino aplicado a los programas que permiten acceder al servicio WWW.Los navegadores grficos pueden mostrar imgenes y texto, adems permite desplazarse de unapgina a otra utilizando el ratn. Los navegadores ms populares son Microsoft Internet Explorer ylas versiones de Netscape Communicator y Navigator. La clave de los navegadores grficos es quetrabajan con el lenguaje de hipertexto (HTML), cdigo generalmente utilizado para la creacin depginas Web, de modo que todas las pginas se ven de la misma forma independientemente delnavegador utilizado para verlas.

Pgina Web: Archivo o unidad bsica de informacin en la red que se construye, en su mayora,con lenguaje HTML. No tiene un lmite en cuanto a su dimensin y se accede a ella a travs de sudireccin especfica o un enlace. Es visible en un Navegador o programa cliente WWW.

Plug in: Accesorio que se conecta a un programa visualizador (de cualquier tipo de archivos), con elfin de ejecutar acciones adicionales, como visualizar video, audio, etctera.

Servidor: Computador que contiene una configuracin necesaria para ser reconocido como parte dela red Internet. Adicionalmente, se llama a los sistemas que proporcionan recursos, como servidoresde archivo y de nombres, y resuelve las peticiones emanadas desde los programas llamados clientes.Un servidor tambin es aquel computador que contiene dichos programas.

Sitio Web: Conjunto de pginas con formato HTML (o equivalente), visibles permanentemente enInternet. Cada sitio Web se identifica mediante una direccin (URL), que es la de la pgina principalo portada. Siguiendo los enlaces que se encuentran en la portada, puede navegarse a travs de todoel sitio.

URL (Uniform Resource Locutor): Localizador Uniforme de Recursos. Sistema unificado deidentificacin y localizacin de recursos de cualquier tipo en Internet, que permiten acceder en formasencilla y homognea a los documentos que contiene. Esta denominacin representa una direccinde Internet y un recurso concreto dentro de esa direccin.

WW W, Web o World Wide Web: Es una forma de representar la informacin en Internet basadaen pginas Web. Fue creada a principios de la dcada de los 90 y est compuesta por servidores queproveen informacin organizada en sitios, que contienen pginas relacionadas, a los que se accedefcilmente gracias a los programas navegadores.

XML (eXtensible Markup Language): XML es un lenguaje de marcado para documentos quecontienen informacin estructurada18 cuyo objetivo es el intercambio de contenidos de formaeficiente. Corresponde a una versin simplificada de SGML.

En el ltimo tiempo este lenguaje se ha masificado, pues es un lenguaje simple que permite

delimitar de gran forma la estructura de los documentos.Ventajas:

Permite intercambio de datos e informacin, estructurada y no estructurada. Permite interactuar entre aplicaciones y mquinas con diferentes lenguajes y sistemas

operativos.

18Ver sitio Web XML, http://www.xml.com/pub/a/98/10/guide0.html?page=2#AEN58.


29/29


Permite la gestin de la informacin, con independencia del mecanismo de acceso. Est soportado por prcticamente todos los proveedores de tecnologa (Microsoft, IBM, Oracle,

Sun, etctera).

Portable Document Format (PDF): formato que obedece a una especificacin disponiblepblicamente y se utiliza para distribucin e intercambio de documentos electrnicos.

Ventajas:

Mantenimiento de aspecto e integridad de documentos originales. Posibilidad de compartir documentos con cualquier persona, pues el software de visualizacin se

distribuye gratuitamente. Al momento de la creacin, estos archivos pueden ser protegidos por una contrasea, brindando

seguridad a los usuarios.

Documentos Microsoft Word (.doc): Este formato es nativo de la aplicacin Microsoft Word ytiene tantas versiones como versiones tiene el software que lo crea. Es utilizado para creacin yformato de documentos digitales.

Ventajas:

Fcil de crear por el sencillo manejo del software Microsoft Word Microsoft Word soporta en sus ltimas versiones la insercin de comentarios y el seguimiento enla trayectoria de los cambios realizados en un documento.

44..22 RReeffeerreenncciiaass

1. World Wide Web Consortium, W3C, http://www.w3.org

2. Web Accessibility Initiative, WAI, http://www.w3.org/WAI/

3. Sitio Web XML, http://www.xml.com

4. Gua para el Desarrollo de Sitios Web, http://www.guiaweb.gov.cl.

5. Curso de Diseo Accesible Copyright Sidar 1997-2002. Fundacin Sidar.

6. Diccionario de Informtica e Internet, Microsoft 2001, editorial Mcgraw- Hill.

Documents

Guia Accesibilidad Sitios Web