Guía para La Elaboración de Sitios Web Accesibles para Personas ...

Gua para la elaboracin de Sitios Web Accesibles para Personas con Discapacidad Visual
Procedimiento para elaboracin de Sitios Web Accesibles para Personas con Discapacidad Visual
1. OBJETIVO Definir los pasos que conlleva el diseo de pginas electrnicas para facilitar la accesibilidad para personas con alguna discapacidad. 2. ALCANCE Los lineamientos establecidos en este procedimiento aplican para la adecuacin las pgina web a fin de que las mismas sean accesibles para personas con discapacidad. Incluyen, entre otros, los siguientes elementos: Contenido - informacin presente en una pgina Web o en una aplicacin Web, incluyendo: o Informacin como por ejemplo texto, imgenes y sonidos o Cdigo o etiquetado que define estructura, presentacin, etc. o Navegadores Web, reproductores multimedia y otros "agentes de usuario" Tecnologa asistiva en algunos casos: o Lectores de pantalla o Teclados alternativos o Intercambiadores o Software de escaneo, entre otros Conocimiento de los usuarios, experiencias y, en ocasiones, estrategias de adaptacin para la utilizacin de la web Desarrolladores, diseadores, codificadores, autores, etc., incluyendo usuarios que proporcionan contenido Herramientas de autor (software para crea sitios Web). Herramientas de evaluacin o Herramientas para evaluar la accesibilidad web o Validadores de HTML o Validadores de CSS, entre otros.
Los desarrolladores Web normalmente utilizan herramientas de autor y herramientas de evaluacin para crear contenido Web. Las personas ("usuarios") utilizan navegadores web, reproductores multimedia, tecnologas asistivas u otros "agentes de usuarios" para obtener e interactuar con el contenido.
3. RESPONSABILIDADES 3.1. La Direccin de Mercadeo y el Departamento de Publicidad y Relaciones Pblicas son responsables por el cumplimiento de la presente normativa en el desarrollo de pginas propiedad de Radiogrfica Costarricense S.A. 4. DEFINICIONES, SIMBOLOS, TERMINOS Y ABREVIATURAS. W3C (World Wide Web Consortium): El Consorcio World Wide Web desarrolla tecnologas inter-operativas (especificaciones, lneas maestras, software y herramientas) para guiar la Red a su potencialidad mxima como foro de informacin, comercio, comunicacin y conocimiento colectivo. Especificaciones tcnicas: definicin de las normas, exigencias y procedimientos a ser empleados y aplicados en todos los aspectos de la logstica y desarrollo de un sitio web. Contemplan la utilizacin del texto alternativo. Pautas de la WAI (Web Accessibility Initiative): Las Pautas de la Iniciativa por la Accesibilidad a la Web facilitan la creacin de sitios web accesibles para todos, incluidas las personas con discapacidad. Al aplicar estas pautas se asegura tambin que los sitios son ms fcilmente navegables y accesibles mediante navegadores alternativos a la tradicional aplicacin grfica ejecutada en un equipo de sobremesa. WCAG (Web Content Accessibility Guidelines): Estas Pautas de Accesibilidad al Contenido en la Web explican cmo hacer que el contenido Web sea accesible para personas con discapacidad. ATAG (Authoring Tool Accessibility Guidelines): Pautas de Accesibilidad para Herramientas de Autor, muestran cmo hacer que las herramientas de autor sean accesibles para personas con discapacidad. Estas herramientas abarcan el software que se utiliza para crear pginas y contenido web. Uno de los objetivos principales de las ATAG es definir la forma en la que las herramientas ayudan a los desarrolladores Web a producir contenido Web que cumpla las Pautas de Accesibilidad al Contenido en la Web. UAAG (User Agent Accessibility Guidelines): Las Pautas de Accesibilidad para Agentes de Usuario muestran cmo hacer que los agentes de usuario sean accesibles para personas con discapacidad, en especial cmo incrementar la accesibilidad al contenido Web. Entre los agentes de usuario se incluyen navegadores, reproductores multimedia y tecnologas asistivas, software que algunas personas con discapacidad utilizan para interactuar con los dispositivos. Contenido Web: hace referencia a la informacin contenida en una pgina Web o en una aplicacin Web, incluyendo texto, imgenes, formularios, sonido, entre otras. Desarrollo Web: conjunto de tecnologas de software del lado del servidor y del cliente que involucran una combinacin de procesos de base de datos con el uso de
un navegador en Internet a fin de realizar determinadas tareas o mostrar informacin. Los desarrolladores proporcionan palabras con un significado adecuado para el texto alternativo Texto Alternativo: Texto que indica la funcin o la descripcin que cumple cada imagen que se encuentra en una pgina web. Las personas con graves deficiencias visuales no pueden acceder al contenido de las imgenes, por lo que se hace necesario que todas las imgenes tengan un texto alternativo que sea claro y conciso y se recomienda que no sea mayor de 20 palabras. Los usuarios saben cmo obtener el texto alternativo desde su agente de usuario y/o tecnologa asistiva en funcin de sus necesidades Agente de Usuario: Aplicacin informtica que funciona como cliente en un protocolo de red. Son aplicaciones que acceden a la Web, como los navegadores, telfonos celulares, lectores de pantalla y navegadores en braille usados por personas con discapacidades. Tecnologa Asistiva: Incluye dispositivos y servicios que se utilizan para lograr mas independencia y para realzar la calidad de vida de las personas con discapacidad. Incluyen cualquier artculo o pieza de equipo usados para mantener y mejorar las capacidades funcionales, por ejemplo, sillas de ruedas, computadoras y su respectivo software, sistemas de aumento para la vista, y dispositivos de comunicacin entre otros.
3. RESPONSABLE DE LA REVISIN. La aprobacin de este Procedimiento y sus revisiones y actualizaciones corresponde al ente rector en materia de discapacidad en Costa Rica, el Consejo Nacional de Rehabilitacin y Educacin Especial. 4. DOCUMENTOS APLICABLES. 4.1. Declaracin Universal de los Derechos Humanos 4.2. Convencin Interamericana para la Eliminacin de Todas las Formas de Discriminacin contra las Personas con Discapacidad 4.3. Convencin de los derechos de las personas con discapacidad y su Protocolo Facultativo de la Organizacin de las Naciones Unidas, ratificada por Costa Rica mediante la ley N 8661, publicada en el Diario Oficial La Gaceta N 187 del 29 de setiembre del 2008. 4.4. Convenio 159 de la OIT sobre la Readaptacin profesional y el empleo de las personas invlidas 4.5. Ley No. 7600, De Igualdad de Oportunidades para las Personas con Discapacidad 4.6. Reglamento a la Ley 7600 mediante Decreto 26831
3.1. Directriz presidencial N 27 sobre Polticas Pblicas en Discapacidad 3.2. Guas y Documentos sobre Tecnologas emitidas por la W3C. 3.3. Gua de Accesibilidad Web promulgada por la W3C. 4. PROCEDIMIENTO En tan slo diez recomendaciones se recogen los fundamentos para disear de forma accesible un sitio Web. Si sigue estos diez principios bsicos, es presumible que el diseador de pginas Web har que sus sitios puedan ser accesibles a la mayora de los usuarios. Imgenes y animaciones. Mapas de imagen. Multimedia. Enlaces de hipertexto. Organizacin de las pginas. Grficos de datos. Scripts, applets y plug-ins. Marcos (Frames). Tablas. Revisin.
7.1. Imgenes y Animaciones Debe usarse texto alternativo (atributo alt) para describir la funcin de los elementos visuales. Si no se coloca este atributo dentro del elemento IMG, aquellos que naveguen de forma no grfica (p.ej. con lector de pantalla) desconocern el contenido de la imagen y la funcin que tenga asociada. Ejemplo:
Cdigo: <a href=" http://www.racsa.co.cr/servicios/residenciales/banda_ancha/cable_modem/inde x.html"> <img border="0" src=" img/botones/portal_r3_c1.jpg" alt="Banner de acceso a Cable Modem." width="212" height="48"></a>
7.2. Mapas de imgenes Deben usarse mapas de cliente y texto alternativo para las zonas activas. El navegador de Internet del usuario debe procesar directamente el mapa (deben utilizarse mapas tipo USEMAP, en lugar de ISMAP), utilizando texto alternativo para cada zona activa se facilita la navegacin a determinados lectores de pantalla. Es necesario incluir enlaces de texto como alternativa para los navegadores que no descargan imgenes. Ejemplo:
Cdigo: <map name="FPMap0"> <area href="http://www.mtas.es" shape="rect" coords="89, 8, 225, 90" alt="Enlaza con el sitio del Ministerio de Trabajo y Asuntos Sociales."> <area href="http://www.rpd.es" shape="rect" coords="236, 6, 345, 90" alt="Enlaza con el sitio del Real Patronato sobre Discapacidad."></map> <img border="0" src="imagenes/logorpd_p.gif" alt="Logotipo del Real Patronato sobre Discapacidad." width="350" height="97" usemap="#FPMap0">
7.3 . Multimedia Deben facilitarse subttulos y trascripciones de los ficheros de sonido, descripcin de los vdeos y versiones accesibles en caso de usar formatos no accesibles. Deben ofrecerse formas alternativas de acceso a los contenidos multimedia. Si se incluye un fichero de sonido, debe proporcionarse un fichero en formato texto con la trascripcin (se beneficiarn las personas sordas o con deficiencia auditiva, los usuarios en entornos ruidosos, los usuarios sin dispositivo de salida sonora, etc.). Si se incluye un vdeo, se deben adicionar subttulos a las conversaciones y a los sonidos significativos, as como descripciones sonoras de las secuencias. Incluya una pgina con la trascripcin del contenido del vdeo. Ejemplo para fichero de sonido Si pinchas en la foto oirs mi voz.
Trascripcin del sonido: "Muchas gracias por asistir a esta presentacin".
Cdigo: <a href="speaker.wav" title="Escucha mi voz."><img border="0" src="imagenes/Carlos75ppp.jpg" alt="Foto de Carlos Egea. Si pinchas en la foto oirs mi voz." width="92" height="114"></a> Ejemplo de fichero de vdeo: Pincha sobre la imagen para ver un vdeo sobre matemticas.
Trascripcin de la banda sonora del vdeo.
Cdigo: <a href="catch[1].qt" title="Vdeo sobre matemticas"><img border="0" src="imagenes/VideoMath.jpg" alt="Pincha sobre la imagen para ver el vdeo sobre matemticas." width="174" height="179"></a>
7.4. Enlaces de hipertexto Debe usarse texto que tenga sentido cuando se lea fuera de contexto. Por ejemplo, no usar click aqu. Algunos navegadores presentan una relacin de los enlaces que contiene una pgina Web. Si el texto del vnculo no es explcito, el usuario no conocer el contenido de la pgina a la que le conduce el enlace. Si ese texto de los enlaces es siempre "click aqu", ver una relacin continua con ese texto como nico indicativo. El texto del enlace deber ser corto y tener sentido si lo sacamos de la frase. Con el atributo "title", puede concretarse ms el contenido del enlace. Ejemplo de lo que no debe hacerse: Si se ponen los enlaces as:
Click aqu para ir a mis pginas personales. Se puede ver mi currculo desde aqu. Desde aqu vas a mi pgina de favoritos. Click aqu para ver mi lbum de fotos.
Esta es la relacin de enlaces que aparecer:
Click aqu. aqu. Desde aqu. Click aqu.

Ejemplo de lo que se debe hacer: Los enlaces quedaran mejor as (obsrvese el cuadro explicativo que aparece):
Click aqu para ir a mis pginas personales. Se puede ver mi currculo desde aqu. Desde aqu vas a mi pgina de favoritos. Click aqu para ver mi lbum de fotos.
Cdigo:
Pincha aqu para ir a mis <a href="http://personales.htm" title="Enlaza con la pgina principal de mi sitio Web.">pginas personales</a>. Puedes ver mi <a href="http://curriculo.htm" title="Enlaza con la pgina Web de mi currculo.">currculo</a> desde aqu. Enlaza desde aqu con mi pgina de <a href="http://favoritos.htm" title="Enlaza con la pgina Web de mis sitios favoritos.">favoritos</a>. Click aqu para ver mi <a href="http://album.htm" title="Enlaza con la pgina que contiene mi lbum de fotos.">lbum de fotos</a>.
Esta ser la relacin que aparecer ahora:
pginas personales. currculo. favoritos. lbum de fotos.
7.5. Organizacin de las pginas

Debe usarse encabezados (H1, H2, H3...), listas y estructura consistente. Hojas de Estilo (CSS) para maquetacin y estilo, donde sea posible. Los elementos estructurales deben ser usados para aquello que fueron creados y no para crear efectos de presentacin. Si se utilizan correctamente los elementos estructurales, las pginas sern ms legibles y comprensibles y los buscadores las podrn indexar de forma correcta (stos recopilan la informacin de los encabezados para recoger la informacin de la pgina). Si se utilizan hojas de estilo, el sitio ser ms coherente y ms fcil de mantener. Usar hojas de estilo permitir la personalizacin de la presentacin por parte del usuario (esto beneficia a las personas con ciertas deficiencias visuales que podrn elegir los colores que mejor perciban).
10
Ejemplo de encabezados:
Ttulo de esta pgina.

Cdigo:
Ttulo de esta pgina.

El ttulo se ha conseguido mediante la utilizacin de elementos de presentacin (alineacin del texto, tamao y color de la fuente) y no con el elemento estructural correspondiente (H1) que, mediante la hoja de estilo, puede tener una presentacin determinada. Por ejemplo:
H1{ font-family: "Times New Roman"; color :#800000; text-aling: center; }

Ejemplo de Listas: Lista de elementos que componen la pgina (atencin al elemento rojo):
Elemento nmero 1. Elemento nmero 2. Elemento nmero 3.

Cdigo:
Lista de elementos que componen la pgina (atencin al elemento rojo): Elemento nmero 1. Elemento nmero 2. Elemento nmero 3.
La lista no se ha estructurado con los elementos correspondientes (OL en el caso de listas ordenadas, UL en el caso de listas sin orden y sus correspondientes atributos "li" para cada una de las lneas de la lista). Se ha forzado el color con un elemento de presentacin (FONT con su atributo "color") que no ser percibido por algunas personas con deficiencia visual o por aquellos que manejen pantallas monocromticas.
11
7.6. Grficas de datos

Debe resumirse o usar el atributo longdesc. Las grficas de datos y los esquemas, en general, presentados en forma de imagen tienen una importancia especial, ya que en ellos se suele contener una informacin valiosa para el usuario. Si ste no puede visualizar la grfica es muy posible que no acceda a la informacin que queremos transmitir con ella. Proporcionando un resumen con lo ms destacado de la misma o utilizando el atributo "longdesc", para proporcionar un enlace a la descripcin de la grfica, conseguiremos que a esa informacin accedan quienes tienen ceguera o deficiencia visual o utilizan un navegador que no descarga grficos. Hasta que todos los navegadores sean capaces de interpretar el atributo "longdesc", es recomendable que utilice un vnculo D, colocando tras la imagen esta letra con un enlace a la descripcin de la imagen (esta regla sirve para cualquier otra imagen, cuyo contenido transmita una informacin relevante).
Ejemplo:
[D]
Grfica 1. La grfica muestra los resultados de ventas de nuestra empresa a lo largo del ao 2000, por trimestres y por zonas (este, oeste y norte). Destaca los resultados obtenidos en la zona este durante el tercer trimestre (cercanos al ndice 90). Durante el resto del ao la zona este obtuvo los peores resultados (20 a 27 puntos) y las zonas oeste (30 a 38 puntos) y norte (en torno a 45 puntos) se mantuvieron en un nivel similar.
12
Cdigo: <img border="1" src="imagenes/Grafica.jpg" alt="Grfica 1.- Ventas en el ao 2000 por zonas." longdesc="longdesc.htm#grafica1" width="407" height="273"> [<a href="longdesc.htm#grafica1">D</a>] 7.7. Scripts, applets y plug-ins. Debe ofrecerse alternativas accesibles en el caso de que las caractersticas activas no sean accesibles o no tengan soporte. El objetivo es hacer el "objeto" de forma accesible. En caso de no poder hacerlo, debe ofrecerse una forma alternativa de acceder a la informacin. Al ser este tipo de objetos programados ms abundantes y estar en continua evolucin, es conveniente que los desarrolladores permanezcan informados sobre las posibilidades de accesibilidad de los mismos. Algunas empresas han puesto a disposicin de diseadores y usuarios informacin sobre como hace accesible este tipo de objetos, como es el caso de: FLASH de Macromedia: http://www.macromedia.com/macromedia/accessibility/ Adobe Acrobat 4.05 (plug-in para lector de pantalla): ftp://ftp.adobe.com/pub/adobe/acrobatreader/win/4.x/plugins/accs405.exe Contador accesible del Fondo Formacin Asturias: http://www.cfnti.net/contacc
13
Ejemplo: Ejemplo de un Applet accesible (Java applet): Para ver el texto inserto en la "marquesina" de forma esttica, coloque sobre la imagen con el cursor del ratn a la vez que presiona la tecla "Escape".
Cdigo: Para ver el texto inserto en la "marquesina" de forma esttica, pulse sobre la imagen con el cursos del ratn a la vez que presiona la tecla "Escape". <APPLET align=baseline code=ScrollTextApplet height=70 width=750 alt="Applet de texto deslizante."><PARAM NAME="message" VALUE="Bienvenidos a la presentacin del libro Diseo Accesible de Pginas Web."><PARAM NAME="speed" VALUE="60"><PARAM NAME="align" VALUE="baseline"><PARAM NAME="code" VALUE="ScrollTextApplet"><PARAM NAME="height" VALUE="70"><PARAM NAME="width" VALUE="400"><PARAM NAME="alt" VALUE="Scrolling Text Applet"><PARAM NAME="codeBase" VALUE="http://trace.wisc.edu/world/java/"> <ul><li>Bienvenidos a la presentacin del libro Diseo Accesible de Pginas Web.</ul></APPLET>
14
7.8.
Marcos (Frames).
Debe etiquetarse con los atributos title o name. Si no se puede o no se quiere disear el sitio sin marcos (frames), debe tenerse en cuenta que existen navegadores que no pueden cargar los marcos y que algunas personas con deficiencia visual es posible que no puedan acceder a la informacin contenida en la pgina. Para evitarlo, se utiliza el elemento NOFRAMES y se pone un nombre con sentido a los marcos. Debe escribirse la relacin entre los marcos (mediante el atributo "longdesc") y, si es posible, ofrecer una versin sin marcos. Ejemplo de como debe hacerse:
Ver el ejemplo de pgina con marcos accesible.

Cdigo: <FRAMESET cols="20%,*,18%"> <FRAMESET rows="30%,*"> <FRAME src="hoy.htm" name="hoy" title="Fecha del da." longdesc="framesdesc.htm#hoy"> <FRAME src="indice.htm" name="ndice" title="ndice de temas a tratar." longdesc="frames-desc.htm#indice"> <NOFRAMES> <a href="sinframes.htm" title="Versin sin frames del ndice.">ndice sin marcos.</a> <a href="frames-desc.htm" title="Descripcin de la relacin entre marcos.">Descripcin de los marcos.</a> <a href="noframes.htm" title="Versin sin marcos de la pgina principal de la agenda del da.">Pgina principal de la agenda del da, sin marcos.</a> </NOFRAMES> </FRAMESET> <FRAME src="principal.htm" name="principal" title="Pgina principal de la agenda del da" longdesc="frames-desc.htm#principal"> <FRAMESET rows="*,32%"> <FRAME src="lema.htm" name="lema" title="Nuestro lema para el da de hoy." longdesc="frames-desc.htm#lema"> <FRAME src="logotipo.htm" name="logotipo" title="Logotipo de nuestra empresa." longdesc="frames-desc.htm#logotipo">
15
</FRAMESET> </FRAMESET> Ejemplo de como no se debe hacer:
Ver ejemplo de pgina con marcos inaccesible.

Cdigo: <FRAMESET cols="20%,*,18%"> <FRAMESET rows="30%,*"> <FRAME src="hoy.htm"> <FRAME src="indice.htm"> <NOFRAMES> Esta pgina usa marcos y su navegador no puede cargarlos. </NOFRAMES> </FRAMESET> <FRAME src="principal.htm"> <FRAMESET rows="*,32%"> <FRAME src="lema.htm"> <FRAME src="logotipo.htm"> </FRAMESET> </FRAMESET> 7.8. Tablas.
Deben realizarse de manera que se puedan leer lnea a lnea, incluyendo un resumen. Debe evitarse el uso de tablas para dar formato a las pginas. Es importante que se declaren los encabezados de la tabla y se utilicen abreviaturas y acrnimos para facilitar la navegacin de los lectores de pantalla y se incluya un resumen del contenido de la misma mediante el atributo "summary". Se debe verificar que se pueden leer con un navegador slo-texto que no utilice tablas y las interpreta alineando el texto de las celdas y no utilizar las tablas para maquetar la pgina.
16
Ejemplo de una tabla accesible:
Asistentes al acto. ASISTENTES Mujeres Hombres Profesionales 80 m/p 70 h/p Usuarios 20 m/u 26 h/u
Cdigo: <table width="80%" border="1" cellspacing="0" cellpadding="4" align="center" bordercolor="#0000FF" bordercolorlight="#00FFFF" bordercolordark="#000080" summary="Tabla de distribucin de los asistentes al acto distribuidos por sexo (hombres, mujeres) y por relacin con el mismo (profesionales asistentes)."> <caption align="bottom">Asistentes al acto.</caption> <TR> <TH Id="t1" bgcolor="#309090" abbr="Asist">ASISTENTES</TH> <TH Id="t2" bgcolor="#309090" abbr="Prof">Profesionales</TH> <TH Id="t3" bgcolor="#309090" abbr="Usus">Usuarios</TH> </TR> <TR> <TD HEADERS="t1" bgcolor="#309090">Mujeres</TD> <TD HEADERS="t2">80 <abbr title="mujeres profesionales">m/p</abbr></TD> <TD HEADERS="t3">20 <abbr title="mujeres usuarias">m/u</abbr></TD> </TR> <TR> <TD HEADERS="t1" bgcolor="#309090">Hombres </TD> <TD HEADERS="t2">70 <abbr title="hombres profesionales">h/p</abbr></TD> <TD HEADERS="t3">26 <abbr title="hombres usuarios">h/u</abbr></TD> </TR> </TABLE>
17
En un navegador que alinee la tabla, la informacin aparecer as:
ASISTENTES Profesionales Usuarios Mujeres 80 m/p 20 m/u Hombres 70 h/p 26 h/u
Ejemplo de una tabla no accesible:
Asistentes al acto. ASISTENTES Profesionales Mujeres Hombres

Cdigo: <table width="40%" border="1" cellspacing="0" cellpadding="4" align="center" bordercolor="#0000FF" bordercolorlight="#00FFFF" bordercolordark="#000080"> <caption align="bottom">Asistentes al acto.</caption> <TR> <TD bgcolor="#309090">ASISTENTES</TH> <TD bgcolor="#309090">Profesionales</TH> <TD bgcolor="#309090">Usuarios</TH> </TR> <TR> <TD bgcolor="#309090">Mujeres</TD> <TD>80 mujeres profesionales</TD> <TD>20 mujeres usuarias</TD> </TR> <TR> <TD bgcolor="#309090">Hombres </TD> <TD>70 hombres profesionales</TD> <TD>26 hombres usuarios</TD> </TR> </TABLE>
Usuarios
80 mujeres profesionales 20 mujeres usuarias 70 hombres profesionales 26 hombres usuarios
18
En un navegador que alinee la tabla, la informacin aparecer as:
ASISTENTES Profesionales Usuarios Mujeres 80 mujeres 20 mujeres Hombres profesionales usuarias 70 hombres 26 hombres profesionales usuarios
7.8.
Revise usted mismo su trabajo.
Una vez concluida la pgina, se recomienda revisarla con las herramientas de evaluacin automtica. No todos los elementos de accesibilidad pueden ser evaluados de forma automtica, por lo que debe reforzarse con una revisin "manual" del trabajo realizado, utilizando navegadores slo texto para visualizar y navegar el sitio y, si es posible, solicite a un usuario con necesidades especiales que navegue por su pgina y le retroalimente. Algunas herramientas de verificacin y navegadores slo texto: Validador de HTML y XHTML: http://validator.w3.org Validador de CSS: http://jigsaw.w3.org/css-validator Analizador de accesibilidad, en ingls: http://www.cast.org/bobby Analizador de accesibilidad, en castellano: http://www.tawdis.net Navegador slo-texto: http://www.delorie.com/web/lynxview.html
7.9.
Consulte y valide su pgina con usuarios con discapacidad
FIN DE PROCEDIMIENTO
19

Guía para La Elaboración de Sitios Web Accesibles para Personas ...

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Guía para La Elaboración de Sitios Web Accesibles para Personas ...

Загружено:

Авторское право:

Доступные форматы

Gua para la elaboracin de Sitios Web Accesibles para Personas con Discapacidad Visual

Trascripcin del sonido: "Muchas gracias por asistir a esta presentacin".

Trascripcin de la banda sonora del vdeo.

Click aqu. aqu. Desde aqu. Click aqu.

Esta ser la relacin que aparecer ahora:

pginas personales. currculo. favoritos. lbum de fotos.

7.5. Organizacin de las pginas

Ttulo de esta pgina.

<p align="center"><font size="6" color="#800000"><b>Ttulo de esta pgina.</b></font></p>

H1{ font-family: "Times New Roman"; color :#800000; text-aling: center; }

Elemento nmero 1. Elemento nmero 2. Elemento nmero 3.

7.6. Grficas de datos

Ver el ejemplo de pgina con marcos accesible.

</FRAMESET> </FRAMESET> Ejemplo de como no se debe hacer:

Ver ejemplo de pgina con marcos inaccesible.

Ejemplo de una tabla accesible:

En un navegador que alinee la tabla, la informacin aparecer as:

ASISTENTES Profesionales Usuarios Mujeres 80 m/p 20 m/u Hombres 70 h/p 26 h/u

Ejemplo de una tabla no accesible:

Asistentes al acto. ASISTENTES Profesionales Mujeres Hombres

80 mujeres profesionales 20 mujeres usuarias 70 hombres profesionales 26 hombres usuarios

En un navegador que alinee la tabla, la informacin aparecer as:

Revise usted mismo su trabajo.

Consulte y valide su pgina con usuarios con discapacidad

Вам также может понравиться