Foros del web, para los que viven de bits

kahlito · 19-may-2006, 05:29

Hola.

Al realizar un formulario he visto que según la Prioridad 3 punto 10.4

Todos los campos de edición y áreas de texto deben contener algún caracter porque existen ayudas técnicas que no pueden poner el foco en los controles vacíos.
WCAG 10.4: Hasta que las aplicaciones de usuario manejen correctamente los controles vacíos, incluya caracteres por omisión en los campos de edición y áreas de texto. (Prioridad 3)

Por lo tanto he relizado el siguiente formulario, siguiendo este ejemplo:

http://www.discapnet.es/web_accesibl...forms-specific

Código HTML:

<p><label for="nombre">Nombre:</label><br />
<input type="text" name="nombre"  id="nombre" size="30" maxlength="100" accesskey="n" value="Escriba aquí su nombre" />
</p>
<p><label for="email">Email:</label><br />
<input type="text" name="email" id="email" size="30" maxlength="100" accesskey="e" value="Escriba aquí su email" />
</p>
<p><label for="mensaje">Mensaje:</label><br />
<textarea name="mensaje" id="mensaje" cols="58" rows="9" accesskey="m">Escriba aquí su mensaje</textarea>
</p>

Mi duda es saber si hay otras formas de hacerlo sobre todo para intentar que no aparezcan los textos de primera hora diciendo "Escriba aquí" ya que puede ser algo cansado y repetitivo. ¿Hay algún otro modo de hacerlo?

PD:No puedo editar el título para quitar el acento de "caracteres"

rkpost · 19-may-2006, 07:25

y si como contenido colocas un   ?

tunait · 19-may-2006, 07:30

Cita:

Iniciado por kahlito

PD:No puedo editar el título para quitar el acento de "caracteres"

Corregido

Yo optaría por la misma solución que te propone rkpost de usar un nbsp

un saludo

kahlito · 19-may-2006, 09:09

Hola de nuevo, gracias a los dos pero he probado con   y no los reconoce, me pide que incluya caracteres por defecto.

Gracias de todos modos (y por la correción del título también

)

jorpcolombia · 21-may-2006, 13:25

A mi me sucede lo mismo. Entonces entra el dilema de sacrificar accesibilidad por diseño. Terminé prefiriendo el diseño, pues este error de accesibilidad no es tan grave, y confío en que los usuarios relacionen el label o el submit con el campo sin texto por defecto.

kahlito · 22-may-2006, 08:44

Sí, creo que haré eso, ya que entre otras cosas al rellenar los campos por defecto si le doy a enviar no me valida el email y me lo envia con esos caracteres, así que por el momento dejaré ese tema a un lado

Gracias, un saludo

Spider22 · 14-jun-2006, 22:20

Pero al validar podes comprobar que texto esta enviado tambien...

Si es el que va por defecto que tambien lo de como invalido...

Saludos...

Cain · 15-jun-2006, 14:49

Los validadores automáticos sólo son guías.

Que un validador diga que una página es accesible o que no lo es, no significa que sea verdad.

Si crees que no es necesario poner textos predefinidos en los campos, no los pongas.

Poner cualquier cosa extraña para que el validador crea que hay algo aunque no esté sólo sirve para engañarte a ti mismo. Tu web no será más accesible por eso.

vites · 16-jun-2006, 03:23

Además esto no siempre es viable, por ejemplo, no debes poner nada por defecto en un campo tipo password, ya que le puede dar problemas al cliente en lugar de ayudarle, al no darse cuenta de que ya existen caracteres

Como dice Cain esto es solo orientativo

kahlito · 03-dic-2006, 15:39

Hola a todos, por el momento decidí dejarlos sin poner ningún caracter por defecto, aún así creo que debería ya que creo que si lo pongo entre otras cosas facilitaría la navegación a los lectores de pantalla; pero lo dicho, por el momento prefiero dejarlo sin poner nada ya que veo que es un tema que aún no está del toro claro.

Gracias a todos por la ayuda (dos siglos despues)

Calítoe.:. · 18-abr-2007, 06:18

Ya sé que este hilo es antiguo, pero como la solución quedó un tanto en el aire, aquí expongo una propuesta que quizás pueda ayudar a quien se tope de nuevo con el tema.

Una manera de incluir textos por defecto (y así cumplir con los estándares de accesibilidad) y al mismo tiempo evitar que sea un engorro para el visitante borrar el texto por defecto para introducir sus propios datos es la propuesta de HTML Source con javascript:
http://www.yourhtmlsource.com/forms/...faulttext.html

Lo que viene a decir es que, para conseguirlo, no hay más que descargar dos archivos .js: util-functions.js y clear-default-text.js

Luego, "llamamos" a esos archivos desde la cabecera de nuestro sitio (entre las etiquetas <head>):

Código HTML:

<script type="text/javascript" src="util-functions.js"></script>
<script type="text/javascript" src="clear-default-text.js"></script>

Y luego, asociar la clase "cleardefault" a cada campo:

Código HTML:

<input type="text" name="date" value="yy-mm-dd" class="cleardefault" />

Espero que pueda ayudaros

ceaped · 25-abr-2008, 16:22

Hola. Se que el tema en viejo pero hice lo comnetado por Calítoe.:. y sigue igual.
Alguien sabe si esto es o no válido? o si hay otra manera correcta de hacerla?.
Gracias

19-may-2006, 05:29	#1 (permalink)
kahlito Colaborador Fecha de Ingreso: marzo-2003 Ubicación: En el Estrecho y el mar Mensajes: 2.554	Incluir caracteres por omisión en campos de formularios Hola. Al realizar un formulario he visto que según la Prioridad 3 punto 10.4 Todos los campos de edición y áreas de texto deben contener algún caracter porque existen ayudas técnicas que no pueden poner el foco en los controles vacíos. WCAG 10.4: Hasta que las aplicaciones de usuario manejen correctamente los controles vacíos, incluya caracteres por omisión en los campos de edición y áreas de texto. (Prioridad 3) Por lo tanto he relizado el siguiente formulario, siguiendo este ejemplo: http://www.discapnet.es/web_accesibl...forms-specific Código HTML: <p><label for="nombre">Nombre:</label><br /> <input type="text" name="nombre" id="nombre" size="30" maxlength="100" accesskey="n" value="Escriba aquí su nombre" /> </p> <p><label for="email">Email:</label><br /> <input type="text" name="email" id="email" size="30" maxlength="100" accesskey="e" value="Escriba aquí su email" /> </p> <p><label for="mensaje">Mensaje:</label><br /> <textarea name="mensaje" id="mensaje" cols="58" rows="9" accesskey="m">Escriba aquí su mensaje</textarea> </p> Mi duda es saber si hay otras formas de hacerlo sobre todo para intentar que no aparezcan los textos de primera hora diciendo "Escriba aquí" ya que puede ser algo cansado y repetitivo. ¿Hay algún otro modo de hacerlo? PD:No puedo editar el título para quitar el acento de "caracteres" __________________ Portafolio Diseño Web Freelance Última edición por kahlito; 19-may-2006 a las 05:35.

19-may-2006, 09:09	#4 (permalink)
kahlito Colaborador Fecha de Ingreso: marzo-2003 Ubicación: En el Estrecho y el mar Mensajes: 2.554	Hola de nuevo, gracias a los dos pero he probado con   y no los reconoce, me pide que incluya caracteres por defecto. Gracias de todos modos (y por la correción del título también ) __________________ Portafolio Diseño Web Freelance

21-may-2006, 13:25	#5 (permalink)
jorpcolombia Fecha de Ingreso: junio-2005 Ubicación: Bogotá Mensajes: 105	A mi me sucede lo mismo. Entonces entra el dilema de sacrificar accesibilidad por diseño. Terminé prefiriendo el diseño, pues este error de accesibilidad no es tan grave, y confío en que los usuarios relacionen el label o el submit con el campo sin texto por defecto. __________________ :pensando:¡No a lo inaccesible! ¡Sí a lo simple!:pensando

22-may-2006, 08:44	#6 (permalink)
kahlito Colaborador Fecha de Ingreso: marzo-2003 Ubicación: En el Estrecho y el mar Mensajes: 2.554	Sí, creo que haré eso, ya que entre otras cosas al rellenar los campos por defecto si le doy a enviar no me valida el email y me lo envia con esos caracteres, así que por el momento dejaré ese tema a un lado Gracias, un saludo __________________ Portafolio Diseño Web Freelance

15-jun-2006, 14:49	#8 (permalink)
Cain Fecha de Ingreso: noviembre-2002 Ubicación: Catalunya Mensajes: 6.494	Los validadores automáticos sólo son guías. Que un validador diga que una página es accesible o que no lo es, no significa que sea verdad. Si crees que no es necesario poner textos predefinidos en los campos, no los pongas. Poner cualquier cosa extraña para que el validador crea que hay algo aunque no esté sólo sirve para engañarte a ti mismo. Tu web no será más accesible por eso. __________________ http://malditofriki.com/

19-may-2006, 07:25	#2 (permalink)
rkpost Fecha de Ingreso: noviembre-2005 Mensajes: 117	y si como contenido colocas un   ?

19-may-2006, 07:30	#3 (permalink)
tunait Moderadora Fecha de Ingreso: noviembre-2002 Ubicación: Terok Nor Mensajes: 14.914	Cita: Iniciado por kahlito PD:No puedo editar el título para quitar el acento de "caracteres" Corregido Yo optaría por la misma solución que te propone rkpost de usar un nbsp un saludo

14-jun-2006, 22:20	#7 (permalink)
Spider22 Fecha de Ingreso: junio-2006 Mensajes: 20	Pero al validar podes comprobar que texto esta enviado tambien... Si es el que va por defecto que tambien lo de como invalido... Saludos...

16-jun-2006, 03:23	#9 (permalink)
vites Fecha de Ingreso: agosto-2005 Ubicación: Lugar en el que esta ubicado algo Mensajes: 58	Además esto no siempre es viable, por ejemplo, no debes poner nada por defecto en un campo tipo password, ya que le puede dar problemas al cliente en lugar de ayudarle, al no darse cuenta de que ya existen caracteres Como dice Cain esto es solo orientativo

03-dic-2006, 15:39	#10 (permalink)
kahlito Colaborador Fecha de Ingreso: marzo-2003 Ubicación: En el Estrecho y el mar Mensajes: 2.554	Hola a todos, por el momento decidí dejarlos sin poner ningún caracter por defecto, aún así creo que debería ya que creo que si lo pongo entre otras cosas facilitaría la navegación a los lectores de pantalla; pero lo dicho, por el momento prefiero dejarlo sin poner nada ya que veo que es un tema que aún no está del toro claro. Gracias a todos por la ayuda (dos siglos despues) __________________ Portafolio Diseño Web Freelance

18-abr-2007, 06:18	#11 (permalink)
Calítoe.:. Fecha de Ingreso: octubre-2006 Ubicación: Versalles Mensajes: 117	Re: Incluir caracteres por omisión en campos de formularios Ya sé que este hilo es antiguo, pero como la solución quedó un tanto en el aire, aquí expongo una propuesta que quizás pueda ayudar a quien se tope de nuevo con el tema. Una manera de incluir textos por defecto (y así cumplir con los estándares de accesibilidad) y al mismo tiempo evitar que sea un engorro para el visitante borrar el texto por defecto para introducir sus propios datos es la propuesta de HTML Source con javascript: http://www.yourhtmlsource.com/forms/...faulttext.html Lo que viene a decir es que, para conseguirlo, no hay más que descargar dos archivos .js: util-functions.js y clear-default-text.js Luego, "llamamos" a esos archivos desde la cabecera de nuestro sitio (entre las etiquetas <head>): Código HTML: <script type="text/javascript" src="util-functions.js"></script> <script type="text/javascript" src="clear-default-text.js"></script> Y luego, asociar la clase "cleardefault" a cada campo: Código HTML: <input type="text" name="date" value="yy-mm-dd" class="cleardefault" /> Espero que pueda ayudaros __________________ (: HEC :) Diletante.Net Última edición por Calítoe.:.; 18-abr-2007 a las 06:24.

25-abr-2008, 16:22	#12 (permalink)
ceaped Fecha de Ingreso: febrero-2004 Mensajes: 1.079	Re: Incluir caracteres por omisión en campos de formularios Hola. Se que el tema en viejo pero hice lo comnetado por Calítoe.:. y sigue igual. Alguien sabe si esto es o no válido? o si hay otra manera correcta de hacerla?. Gracias __________________ 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