cuadro de texto accesible

Question

Tengo una página HTML con muchos cuadros de texto. Tengo que etiquetarlos para purpose.But accesibilidad, i no quiero etiqueta para posibles visible.Is que? O, ¿hay alguna otra alternativa de diseño?

Answer 1

Hay varias maneras de poner texto en una página y se han ocultado a los usuarios visuales mientras accesible a los usuarios de lectores de pantalla (como la alta texto-guión negativo).

Sin embargo, la "accesibilidad" no es una línea entre "Las personas que tienen problemas con el uso de la web" y "Las personas que son ciegas". Hay un montón de personas que encajan en ninguno de los grupos, y es demasiado fácil y demasiado común para que los autores olvidan que la accesibilidad es algo más y luego hacer el contenido disponible para las personas que no pueden ver.

Answer 2

Uso de la pantalla: ninguno es malo para esto, y yo apoyo la consulta de por qué desea ocultar todas las etiquetas - no es probable que sea cierta la etiqueta que está utilizando para informar a los usuarios lo que el área de texto es contener, por lo que sólo marcan que hasta como una etiqueta y el estilo en consecuencia.

Si aún desea ocultar la etiqueta, colocándolo fuera de la pantalla es mejor. Hay un reciente href="http://www.456bereastreet.com/archive/200905/hiding_with_css_problems_and_solutions/" de este en la calle 456 Berea el blog.

Answer 3

El punto de una etiqueta es describir propósito de la entrada, un poco como dándole un encabezado. Si usted no utiliza una etiqueta, la forma en que sus usuarios videntes saber qué poner en la entrada?

Lo que da la pista visual para los usuarios con visión también debe ser la etiqueta para los usuarios de tecnología de asistencia.

Answer 4

¿Qué hay de un cuadro de texto marcado por el agua?

por ejemplo. http://www.asp.net/AJAX/AjaxControlToolkit/Samples/ TextBoxWatermark / TextBoxWatermark.aspx

Answer 5

Trate CSS:

label {
    display: none;
}

Asegúrese de aplicar esta hoja de estilo a la "pantalla" medio solamente:

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

Answer 6

Como se ha mencionado, siempre es preferible tener una etiqueta visible para todos los elementos de entrada - esto ayudará a los usuarios videntes y no videntes. Una vez dicho esto, hay ciertas situaciones donde esto no es posible, que estoy adivinando su caso cae bajo. Para estas situaciones usted tiene un par de opciones.

La primera es utilizar el atributo "título", que tiene el beneficio añadido de mostrar una herramienta de punta para los usuarios con visión:

<input type="text" title="first name" />

Un par de otros han mencionado la segunda opción, que implica la colocación de la etiqueta fuera de la pantalla usando CSS:

<label for="first_name" 
  style="position:absolute;left:-1000px;width:1px;overflow:hidden;" />
<input type="text" id="first_name" />

A diferencia del uso "display: none", los lectores de pantalla todavía leer la etiqueta. También es elegante en el que los usuarios que optan por desactivar CSS verán la etiqueta.

No importa lo que usted va con, sin duda recomiendo descargar una copia de prueba de las mandíbulas de Freedom Scientific y pruebas de una solución a cabo.