Foros del Web - Ventanas emergentes accesibles

Foros del Web (http://www.forosdelweb.com/)

- Diseño Gráfico (http://www.forosdelweb.com/f6/)

- - Ventanas emergentes accesibles (http://www.forosdelweb.com/f6/ventanas-emergentes-accesibles-581618/)

Ventanas emergentes accesibles

Buenos días.
Me estoy metiendo con el tema de "Accesibilidad", el cual es bastante importante.

Presento problemas con "Manejadores de eventos" y me encontre con esta Web:

http://www.digitalicon.es/articulos/...es_accesibles/

Pero como todo no es color rosa no veo como descargar el archivo ".js", sinembargo yo creo un archivo con el código que está ahí explicado lo pruebo y me carga pero en una pestaña nueva no como popUp. Yo necesito que sea popUp pues es de unas dimensiones específicas.

Saben de donde puedo descargar este ejercicio? o como lo puedo implementar?.

Gracias

Re: Ventanas emergentes accesibles

ese sitio es de PatomaS :-) (:adios:)
por lo que veo, el archivo js está aquí

Re: Ventanas emergentes accesibles

Ok gracias webosiris.
Mucha suerte

Re: Ventanas emergentes accesibles

Funciona a la perfección. Gracias Webosiris.

Como apenas estoy incursionando en este tema de la accesibilidad me ha resultado algunos problemitas que por mucho que busco no logro dar con mi solución.
Son sólo 2 errores:

Cita:

Complemento visual del texto.
Resultado: mal.
Ocultar La página contiene más información gráfica que textual.

El uso correcto de gráficos incrementa la comprensión y facilidad de uso de un sitio Web.

WCAG 14.2: Complemente el texto con presentaciones gráficas o sonoras cuando ello facilite la comprensión de la página. (Prioridad 3)

Cita:

Medios para saltar los grupos de enlaces.
Resultado: mal.
Ocultar No se proporciona un medio para saltar los grupos de enlaces (total de enlaces: 26).

Se debe proporcionar un modo de saltar los grupos de enlaces para poder llegar rápidamente al contenido principal de la página.

WCAG 13.6: Agrupe los enlaces relacionados identificando el grupo (para las aplicaciones de usuario) y, hasta que las aplicaciones de usuario lo hagan, proporcione una manera de evitar el grupo. (Prioridad 3)

lo que yo tengo es esto:

Cita:

<div class="texto">Un texto no mayor a 4 parrafos</div>
<div class="imagenes1">5 imagenes</div>
<div class="imagenes2">5 imagenes</div>
<div class="imagenes3">5 imagenes</div>

Como hago para saltar cada grupo de imagenes?. pues como ves me sale un error por eso ooo eso es lo que entiendo.

Y con referencia a que hay más imágenes que texto que debo de agregar para que se corrija esto?.

Gracias por tu ayuda

Re: Ventanas emergentes accesibles

14.2, bueno describe bien tu contenido como por ejemplo, para que una persona no vidente entienda el contenido que es todo imágenes.

13.6, http://www.discapnet.es/web_accesibl...l#group-bypass

:)

Re: Ventanas emergentes accesibles

Ok gracias Quique.
Ya resolví el problema para saltar grupos de enlaces así:

Cita:

<div class="texto">
<a href="#salto1">Saltar parte1</a>
Un texto no mayor a 4 parrafos
<a name="salto1"></a>
</div>

<div class="imagenes1">
<a href="#salto2">Saltar parte2</a>
5 imagenes
<a name="salto2"></a>
</div>

<div class="imagenes2">
<a href="#salto3">Saltar parte3</a>
5 imagenes
<a name="salto3"></a>
</div>

<div class="imagenes3">
<a href="#salto4">Saltar parte4</a>
5 imagenes
<a name="salto4"></a>
</div>

Sería algo así como para resumir.
Si yo pongo quito el texto que dice "Saltar parte1" es válido?.
Como se puede hacer para que este texto no sea visible y sea válido, osea que las personas con alguna discapacidad puedan hacer uso de el.

Gracias por tu ayuda

<a href="#salto4"></a>

Respuesta: Ventanas emergentes accesibles

Hola ceaped.

Un poco tarde pero quizás te puede servir:

<div class="texto">
<a href="#salto1">Saltar parte1</a>
Un texto no mayor a 4 parrafos
<a name="salto1"></a>
</div>

Siguieno tu anterior ejemplo, esa parte yo la haría así:

Código HTML:

<p><a href="#salto1" title"Saltar parte 1" accesskey="1" class=screen-readers">Saltar parte1</a></p>
 

<p id="salto1">Contenido del parrafo 1 etc etc</p>

Código HTML:

.screen-readers {

position:absolute; /*para que no ocupe espacio físico*/

display:block; /*para poder modificar las propiedades de caja del elemento*/

width:0; /*para que no ocupe espacio*/

overflow:hidden; /*para que todo el texto que salga fuera del tamaño del contenedor esté oculto*/

}

Aquí te dejo la explicación:

http://elclerigo.blogia.com/2008/020...splay-none.php

:adios:

Respuesta: Ventanas emergentes accesibles

kahito gracias a m itbn me cirve