[Ovillo] web para discapacitados : color texto, reempalzo textos, tamaño fuente etc

2005-06-11 Por tema Oscar
Hola, llevos sucrito a esta lista varios meses, he leído mucho y ahora 
qu tengo en mis manos el encargo de un proyecto me gustaría saber sus 
opiniones.


A día de hoy debo ralizar una web para una entidad de personas con 
discapacidad, lógicamente mediante css y xhtml.


Esta entidad sólo me ha pedido que la web sea accesible para personas 
con discapcidad y que lectores de wes puedan leerlas para ciegos totales.


En pricnipio mi idea es usar el mínimo las imágenes, no usar flash y 
crear una web tal y como me piden; accesible y usable.


Así que me puse manos a la obra y me encuentro con las sigueintes pegas 
y/o dudas que me gustaría comentarles.


Los colores del logo de dicha entidad son azul y naranja.
El texto del cuerpo de la web pienso sea negro sobre un fondo blanco, 
los links que sean azules y cuando hover naranjas, los títlos h1, h2 ... 
y sucesivos naranjas.
Me pregunto si esta combinación dará problemas para personas con 
discapcidad, si habrá suficiente contratse y si debería cambiar los 
colores y/o buscar validar la web en algún sitio.


Por otra parte me gustaría poder herramientas tipo SIFr para reemplazar 
el texto y poner mi fuente, sólo me preocupa que los lectores para 
ciegos tengan problemas y no lean correctamente la web. En cualquier 
caso éste elemento es el menos importante.


Una cosa más, he pensado en hacer la web mediante dos tamaños de texto. 
Poner dos iconos y que se pueda legir entre un texto de un tamaño y otro 
de otro más grande.
Me gustaría saber cómo puedo insertar este javascript que hace cargar la 
hoja de estilos correcta, también saber si existe algún prograna que me 
convierta automáticamente los tamaños de mi hoja1 a unos mayores y 
cual debería ser el tamaño de texto en ambos casos, pequeño y grande.


Por ahora creo que son estas las cosas que más me peocupan, si alguien 
ha realizado algún proyecto de este tipo y queire darme su opnión, 
mostrame ejemplos etc personalmente estaría encantado, sería un lujo.


Gracias por todo compañeros de lista y espero podías contestarme, Saludos

Oscar

PD: offtopic, muchos de ustedes sé que son bloggers o seguidores de 
blogs. Hace unas semanas unos blogs (varios distintos) sacaron la 
noticia de unos nuevos iconos señales de civismo, por ejemplo baño de 
señores, baño de señoras, baño de minusvalidos, etc. Alguien sabe 
donde esta este artículo? eN caso contrario alguien sabe donde 
enncontrar este tipo de señales? serían útlies para mi web. Gracias de 
nuevo.

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] web para discapacitados : color texto, reempalzo textos, tamaño fuente etc

2005-06-11 Por tema Alejandro Lillo
On 6/11/05, Oscar [EMAIL PROTECTED] wrote:
 Hola, llevos sucrito a esta lista varios meses, he leído mucho y ahora
 qu tengo en mis manos el encargo de un proyecto me gustaría saber sus
 opiniones.
 
 A día de hoy debo ralizar una web para una entidad de personas con
 discapacidad, lógicamente mediante css y xhtml.

Creo que tu pregunta tendrá una buena acogida en la lista Accesoweb:

http://groups.yahoo.com/group/accesoweb

-- 
Alejandro Lillo
www.nordic-design.net
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] web para discapacitados : color texto, reempalzo textos, tamaño fuente etc

2005-06-11 Por tema Raúl Martín
Hola Oscar,

O Hola, llevos sucrito a esta lista varios meses, he leído mucho y ahora
O qu tengo en mis manos el encargo de un proyecto me gustaría saber sus
O opiniones.

  Amigos, tenemos un nuevo colega :D

O Los colores del logo de dicha entidad son azul y naranja.
O El texto del cuerpo de la web pienso sea negro sobre un fondo blanco,
O los links que sean azules y cuando hover naranjas, los títlos h1, h2 ...
O y sucesivos naranjas.
O Me pregunto si esta combinación dará problemas para personas con 
O discapcidad, si habrá suficiente contratse y si debería cambiar los
O colores y/o buscar validar la web en algún sitio.

Para colores y contraste puedes usar esta herramienta, yo la conocí
por cadius hace poco. Y se que había algún plugín para firefox pero no
se si fué un sueño.

http://www.nils.org.au/ais/web/resources/contrast%5Fanalyser/versions/es/

O Por otra parte me gustaría poder herramientas tipo SIFr para reemplazar
O el texto y poner mi fuente, sólo me preocupa que los lectores para 
O ciegos tengan problemas y no lean correctamente la web. En cualquier
O caso éste elemento es el menos importante.

Para los lectores de voz basta con un
display:block;
text-indent:-9000px;
back

El típico, el mayor problema es la navegación sin imágenes.
En otros hilos de Ovillo han dado enlaces sobre comparativas de estos
métodos.

no obstante jvelazquez, que creo participa en esta lista, tiene en su
página una relación de propiedades que la actuación que tienen los
navegadores en su presencia. Aunque el artículo habla de otra cosa, es
interesante:
http://www.jlvelazquez.net/accesibilidad/saltarnavegacion.asp





O Una cosa más, he pensado en hacer la web mediante dos tamaños de texto.
O Poner dos iconos y que se pueda legir entre un texto de un tamaño y otro
O de otro más grande.
O Me gustaría saber cómo puedo insertar este javascript que hace cargar la
O hoja de estilos correcta, también saber si existe algún prograna que me
O convierta automáticamente los tamaños de mi hoja1 a unos mayores y
O cual debería ser el tamaño de texto en ambos casos, pequeño y grande.

No te lo recomiendo, utiliza ems que lo usuarios con estas
discapacidades conocen bien los botones de aumentar tamaño de texto y
podrían pasarles desapercibidos para ellos los botones que comentas.


Saludos.

_

 Todo lo que no aprendí,
no se me ha olvidado.
_



___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] web para discapacitados : color texto, reempalzo textos, tamaño fuente etc

2005-06-11 Por tema Carlos Machado
hola secundo lo de accesoweb sin emvbargo el sidar hace poco saco el hera 
2.0 para revisión de los web Lo encuentras en www.sidar.org/hera
con esto puedes revisar la web de manera holistica y detectar cuales 
herrores tienes para corregirlos para probarla luego te recomiendo accesoweb



CARLOS
- Original Message - 
From: Raúl Martín [EMAIL PROTECTED]

To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Saturday, June 11, 2005 3:15 PM
Subject: Re: [Ovillo] web para discapacitados : color texto, reempalzo 
textos, tamaño fuente etc



Hola Oscar,

O Hola, llevos sucrito a esta lista varios meses, he leído mucho y ahora
O qu tengo en mis manos el encargo de un proyecto me gustaría saber sus
O opiniones.

 Amigos, tenemos un nuevo colega :D

O Los colores del logo de dicha entidad son azul y naranja.
O El texto del cuerpo de la web pienso sea negro sobre un fondo blanco,
O los links que sean azules y cuando hover naranjas, los títlos h1, h2 ...
O y sucesivos naranjas.
O Me pregunto si esta combinación dará problemas para personas con
O discapcidad, si habrá suficiente contratse y si debería cambiar los
O colores y/o buscar validar la web en algún sitio.

Para colores y contraste puedes usar esta herramienta, yo la conocí
por cadius hace poco. Y se que había algún plugín para firefox pero no
se si fué un sueño.

http://www.nils.org.au/ais/web/resources/contrast%5Fanalyser/versions/es/

O Por otra parte me gustaría poder herramientas tipo SIFr para reemplazar
O el texto y poner mi fuente, sólo me preocupa que los lectores para
O ciegos tengan problemas y no lean correctamente la web. En cualquier
O caso éste elemento es el menos importante.

Para los lectores de voz basta con un
display:block;
text-indent:-9000px;
back

El típico, el mayor problema es la navegación sin imágenes.
En otros hilos de Ovillo han dado enlaces sobre comparativas de estos
métodos.

no obstante jvelazquez, que creo participa en esta lista, tiene en su
página una relación de propiedades que la actuación que tienen los
navegadores en su presencia. Aunque el artículo habla de otra cosa, es
interesante:
http://www.jlvelazquez.net/accesibilidad/saltarnavegacion.asp





O Una cosa más, he pensado en hacer la web mediante dos tamaños de texto.
O Poner dos iconos y que se pueda legir entre un texto de un tamaño y otro
O de otro más grande.
O Me gustaría saber cómo puedo insertar este javascript que hace cargar la
O hoja de estilos correcta, también saber si existe algún prograna que me
O convierta automáticamente los tamaños de mi hoja1 a unos mayores y
O cual debería ser el tamaño de texto en ambos casos, pequeño y grande.

No te lo recomiendo, utiliza ems que lo usuarios con estas
discapacidades conocen bien los botones de aumentar tamaño de texto y
podrían pasarles desapercibidos para ellos los botones que comentas.


   Saludos.

_

Todo lo que no aprendí,
   no se me ha olvidado.
_



___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo





___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


RE: [Ovillo] web para discapacitados : color texto, reempalzo textos, tamaño fuente etc

2005-06-11 Por tema Emmanuelle Gutiérrez y Restrepo
Hola Oscar,

Bienvenido al mundo de la accesibilidad sonrisa.

Lo primero, algo práctico que te ayudará a diseñar esa web de manera accesible: 
Ve revisando lo que vayas creando con HERA: http://www.sidar.org/hera/ Si lo 
haces y lees las ayudas de cada punto de control, poco a poco irás aprendiendo 
la razón por la que debe aplicarse cada uno de ellos, a quién beneficia y cómo 
hacerlo.

Me parece fantástico que tu idea sea crear una web accesible y usable, pero 
también me parece innecesario partir con la idea de usar el mínimo de 
imágenes, es más, las imágenes son muy importantes para la accesibilidad. Es 
un error muy extendido pensar que una página que sólo contiene texto es una 
página más accesible que otra con imágenes.

Sobre los  colores, lo importante es que contrasten suficientemente y para 
comprobarlo puedes valerte de diversas herramientas, por ejemplo la propia HERA 
o el Analizador de contraste de color 1.0 
(http://www.nils.org.au/ais/web/resources/contrast_analyser/versions/es/) En 
principio el azul y el naranja contrastan bien entre sí, pero habría que ver 
qué tonalidades. El naranja sobre blanco no ofrece suficiente contraste a menos 
que se trate de un naranja muy oscuro. La idea de que el fondo sea blanco no es 
la mejor, conviene que no sea un blanco total porque puede ser demasiado 
brillante para algunos usuarios.

Sobre las fuentes a usar, es todo un mundo, pero lo primero y principal es que 
definas una serie de fuentes alternativas y ampliamente instaladas por omisión 
en los diversos sistemas operativos, aparte de cualquier fuente especial que 
estés pensando usar, que por otra parte habría que ver qué tan legible es. 

Lo de ofrecer iconos para cambiar el tamaño de texto, pues... bueno, puede ser 
una ayuda para algunos usuarios, pero no especialmente para las personas con 
discapacidad, ya que ellas conocen bien su navegador o las ayudas técnicas que 
utilicen y tendrán definido el tamaño de fuente que deseen. Lo fundamental es 
que no definas tamaños de fuente con unidades de medida fijos, así el usuario 
podrá cambiarlo a voluntad.

Pero todas estas cuestiones escapan al objeto de esta lista, que se centra en 
la hojas de estilo, de manera que te invito a participar en la lista ACCESOWEB 
que tiene como objetivo cualquier cuestión relacionada con la accesibilidad 
web, y donde encontrarás ayuda de parte de usuarios, diseñadores y 
desarrolladores que tienen ya amplia experiencia en este tema. Encontrarás 
información sobre cómo suscribirte en: http://www.sidar.org/que/acces/

¡Nos vemos en accesoweb!
Emmanuelle


 -Mensaje original-
 De: [EMAIL PROTECTED]
 [mailto:[EMAIL PROTECTED] nombre de Oscar
 Enviado el: sábado, 11 de junio de 2005 21:30
 Para: ovillo@ovillo.org
 Asunto: [Ovillo] web para discapacitados : color texto, reempalzo
 textos, tamaño fuente etc
 
 
 Hola, llevos sucrito a esta lista varios meses, he leído mucho y ahora 
 qu tengo en mis manos el encargo de un proyecto me gustaría saber sus 
 opiniones.
 
 A día de hoy debo ralizar una web para una entidad de personas con 
 discapacidad, lógicamente mediante css y xhtml.
 
 Esta entidad sólo me ha pedido que la web sea accesible para personas 
 con discapcidad y que lectores de wes puedan leerlas para ciegos totales.
 
 En pricnipio mi idea es usar el mínimo las imágenes, no usar flash y 
 crear una web tal y como me piden; accesible y usable.
 
 Así que me puse manos a la obra y me encuentro con las sigueintes pegas 
 y/o dudas que me gustaría comentarles.
 
 Los colores del logo de dicha entidad son azul y naranja.
 El texto del cuerpo de la web pienso sea negro sobre un fondo blanco, 
 los links que sean azules y cuando hover naranjas, los títlos h1, h2 ... 
 y sucesivos naranjas.
 Me pregunto si esta combinación dará problemas para personas con 
 discapcidad, si habrá suficiente contratse y si debería cambiar los 
 colores y/o buscar validar la web en algún sitio.
 
 Por otra parte me gustaría poder herramientas tipo SIFr para reemplazar 
 el texto y poner mi fuente, sólo me preocupa que los lectores para 
 ciegos tengan problemas y no lean correctamente la web. En cualquier 
 caso éste elemento es el menos importante.
 
 Una cosa más, he pensado en hacer la web mediante dos tamaños de texto. 
 Poner dos iconos y que se pueda legir entre un texto de un tamaño y otro 
 de otro más grande.
 Me gustaría saber cómo puedo insertar este javascript que hace cargar la 
 hoja de estilos correcta, también saber si existe algún prograna que me 
 convierta automáticamente los tamaños de mi hoja1 a unos mayores y 
 cual debería ser el tamaño de texto en ambos casos, pequeño y grande.
 
 Por ahora creo que son estas las cosas que más me peocupan, si alguien 
 ha realizado algún proyecto de este tipo y queire darme su opnión, 
 mostrame ejemplos etc personalmente estaría encantado, sería un lujo.
 
 Gracias por todo compañeros de lista y espero podías contestarme, Saludos
 
 Oscar
 
 PD: offtopic, muchos de