papel (Personalizado) WAI-ARIA

Question

Soy bastante nuevo en ARIA y los roles, estados y propiedades que proporciona. Yo entiendo que hay diferentes tipos de roles (por ejemplo, puntos de referencia, regiones, etc.), pero ninguno de ellos representan áreas como la "región de inicio de sesión" o algo similar. Me pregunto si hay alguna manera de especificar la agrupación de esta información para que el lector de pantalla puede leer esta información para los usuarios? P.ej. "Inicio de sesión región. Nombre de usuario Contraseña ... ..."

Si esto no es posible con Aria, ¿cuál es la forma general de hacerlo en HTML?

Gracias de antemano

Answer 1

WAI-ARIA es por lo general para el contenido dinámico, como una barra de noticias titular, y no para el contenido estático, como un formulario de acceso. El contenido estático se logra mejor usando HTML plano.

Asumiendo que tiene una página donde siempre se muestra el formulario de inicio de sesión, el siguiente debe ayudar.

Para obtener un formulario de acceso, desde un punto de vista accesibilidad, debe asegurarse principalmente de que los campos de formulario están etiquetados correctamente. Un conjunto de campos \ leyenda es realmente opcional para, como de forma pequeño.

Codificación de etiquetas correctamente significa utilizar a juego para los atributos, por ejemplo, \ Identificación

<label for="loginName">Login name</label>
<input type="text" id="loginName" name="loginName" size="30" />
<label for="loginPassword">Login password</label>
<input type="password" id="loginPassword" name="loginPassword" size="10" />

Esto asegura que el lector de pantalla (ciegos) los usuarios pueden escuchar con claridad los campos del formulario correspondiente etiqueta leídos. Para otros elementos de formulario, como casillas de verificación y botones de radio, utilizando correcto etiquetado como esto permite que los usuarios con problemas de destreza para hacer clic en la etiqueta de texto para cambiar la forma de entrada (casilla botón \ radio), lo que significa que tienen mayor área objetivo hacer clic en el página.

Para que el usuario sepa que estaban a punto de acceder a un formulario de acceso, se puede usar ya sea un título, o grupo de campos \ legendf combinado por ejemplo,

<h2>Login form</h2>
<FORM HERE>

o

<fieldset>
<legend>Login form</legend>
<FORM HERE>
</fieldset>

Cualquiera de estos estaría bien, aunque el enfoque título crearía desorden poco menos de audio para los usuarios de lector de pantalla (con un conjunto de campos \ leyenda, la leyenda se lee antes de cada campo de formulario)

Answer 2

Sí y no. El formulario debe tener un papel hito de la "forma". Esto permite que la tecnología de asistencia para ver el punto de referencia para fines de navegación.

Consulte la especificación .

Mientras se utiliza el hito ayudará en la navegación de la página, el monumento en sí no producirá la lectura de los artículos en el propio formulario. Siguiendo las prácticas de HTML ya conocidos mencionados se hará cargo del resto.