cristinafsanz/accessibility-SPA.md

Last active December 11, 2023 14:07

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/cristinafsanz/a41c25516ac9847d9a85cef680a6b564.js"></script>
Save cristinafsanz/a41c25516ac9847d9a85cef680a6b564 to your computer and use it in GitHub Desktop.

Download ZIP

Raw

accessibility-SPA.md

https://olgacarreras.blogspot.com/2023/12/accesibilidad-en-spa-single-page.html:
Feedback al usuario: incluye mensajes de cargado datos y de página cargada

 <div role="status" aria-live="polite"><p>Cargando datos de la página... <img alt="" src="spinner.gif"></p></div>

<div role="status" aria-live="polite"><img alt="Cargando datos de la página..." src="spinner.gif"></div>

<div role="status" aria-live="polite"><p>La página 'Proceso de compra. Paso 2 de 3 Dirección de envío' se ha cargado.</p></div>`

Recuerda que NO debes ocultar el mensaje con los estilos display:none o visibility:hidden, porque ocultan también el contenido para el lector de pantalla.
Título de la página dinámico: proporciona a cada página un título único y descriptivo
Control del foco de teclado

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment