Ese atributo no cambiará su valor por sí mismo. Debe agregar algunos pasos a su secuencia de comandos que cambien el atributo a "verdadero" cuando haga clic en el elemento para expandirlo, y vuelva a "falso" cuando haga clic nuevamente para cerrarlo.

ARIA es un conjunto de atributos que definen formas de hacer que el contenido web y las aplicaciones web sean más accesibles para las personas con discapacidades.

Aria expandida

El atributo aria-expanded se establece en un elemento para indicar si un control está expandido o contraído, y si sus elementos secundarios se muestran u ocultan o no.

Entonces , se supone que usted debe cambiar ese valor en función de si el contenido se expande.

aria es propietaria

Hay dos declaraciones que se pueden aplicar a objetos que controlan la visibilidad de otro objeto: aria-controls o aria-owns combinado con aria-expanded .

Si un elemento visual, funcional o contextualmente parece "poseer" (ser un ancestro de) un elemento, pero en realidad no es un ancestro del elemento en el DOM, incluya el aria-owns para crear esa relación.

Por lo tanto, también debe agregar aria-owns que incluye la identificación de los niños si va a usar aria-expanded .

 <div class="tooltip filter-tooltip" tabindex="0" role="button" aria-label="Vaccine Brand More Information" aria-expanded="false" aria-controls="filter_dialog" aria-owns="children" \> <div id="children"> ... </div>