Foros del web, para los que viven de bits

ceaped · 30-abr-2008, 10:34

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

webosiris · 30-abr-2008, 18:17

ese sitio es de PatomaS

(

)
por lo que veo, el archivo js está aquí

ceaped · 30-abr-2008, 19:54

Ok gracias webosiris.
Mucha suerte

ceaped · 01-may-2008, 07:35

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

elquique · 02-may-2008, 18:26

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

:)

ceaped · 03-may-2008, 07:27

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>

30-abr-2008, 10:34	#1 (permalink)
ceaped Fecha de Ingreso: febrero-2004 Mensajes: 1.028	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 __________________ Diseñador Gráfico y Publicitario

30-abr-2008, 18:17	#2 (permalink)
webosiris Moderador HTML y CSS Fecha de Ingreso: noviembre-2002 Ubicación: /home/montevideo Mensajes: 5.835	Re: Ventanas emergentes accesibles ese sitio es de PatomaS () por lo que veo, el archivo js está aquí __________________ Oraculus.com. Sitios web artesanales para el siglo XXI PSD a HTML. Tu diseño. Nuestro código.

30-abr-2008, 19:54	#3 (permalink)
ceaped Fecha de Ingreso: febrero-2004 Mensajes: 1.028	Re: Ventanas emergentes accesibles Ok gracias webosiris. Mucha suerte __________________ Diseñador Gráfico y Publicitario

01-may-2008, 07:35	#4 (permalink)
ceaped Fecha de Ingreso: febrero-2004 Mensajes: 1.028	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 __________________ Diseñador Gráfico y Publicitario

02-may-2008, 18:26	#5 (permalink)
elquique Fecha de Ingreso: marzo-2004 Ubicación: Florida, Uruguay Mensajes: 1.675	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 :) __________________ Mi Blog \| Tutoriales Photoshop

03-may-2008, 07:27	#6 (permalink)
ceaped Fecha de Ingreso: febrero-2004 Mensajes: 1.028	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> __________________ Diseñador Gráfico y Publicitario

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado