Incluir caracteres por omisión en campos de formularios

[kahlito]

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]

y si como contenido colocas un   ?

[tunait]

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]

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]

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]

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]

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]

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]

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]

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.:.]

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]

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