-
Notifications
You must be signed in to change notification settings - Fork 13
/
TODO
36 lines (21 loc) · 1.74 KB
/
TODO
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
- ESM
- WEBPACK Version
- ARIA roles and attributes
Contenedor del Asistente:
role="region": Indica una sección de la página que contiene contenido relacionado. Ayuda a los usuarios a navegar y comprender el propósito del contenido.
Pasos/Navegación:
role="navigation": Indica una sección de navegación que contiene pasos. Representa un conjunto de enlaces de navegación.
role="tablist": Si tu asistente utiliza pestañas para la navegación, puedes usar este rol para el contenedor de las pestañas.
role="tab": Para cada paso/pestaña individual, utiliza este rol para indicar una pestaña seleccionable. Combínalo con aria-selected para indicar el paso activo actual.
role="button": Si tu asistente utiliza botones para la navegación, puedes usar este rol para cada botón.
Contenido de los Pasos:
role="region": Indica una sección de la página que contiene contenido relacionado.
aria-labelledby: Asocia el contenido del paso con su título o etiqueta correspondiente. Proporciona el ID del elemento del título.
Botones Anterior/Siguiente:
role="button": Utiliza este rol para los botones "Anterior" y "Siguiente" para indicar que son elementos interactivos.
Errores/Advertencias:
role="alert": Utiliza este rol para elementos que contienen información importante y sensible al tiempo, como errores o advertencias.
Indicador del Paso Actual:
aria-current="step": Utiliza este atributo en el paso/pestaña actual para indicar su estado actual.
Indicador de Número de Paso:
aria-label o aria-labelledby: Utiliza estos atributos para proporcionar una etiqueta descriptiva para los números de paso, si están presentes.