Add aria expanded to settings button

1 files changed, 4 insertions, 0 deletions

diff --git a/client/src/assets/player/videojs-components/settings-menu-button.ts b/client/src/assets/player/videojs-components/settings-menu-button.ts
index c9990af1c..75a5c6904 100644
--- a/client/src/assets/player/videojs-components/settings-menu-button.ts
+++ b/client/src/assets/player/videojs-components/settings-menu-button.ts
@@ -147,7 +147,9 @@ class SettingsButton extends Button {
     this.player().peertube().onMenuOpen();
 
     (this.menu.el() as HTMLElement).style.opacity = '1'
+
     this.dialog.show()
+    this.el().setAttribute('aria-expanded', 'true')
 
     this.setDialogSize(this.getComponentSize(this.menu))
 
@@ -159,6 +161,8 @@ class SettingsButton extends Button {
     this.player_.peertube().onMenuClosed()
 
     this.dialog.hide()
+    this.el().setAttribute('aria-expanded', 'false')
+
     this.setDialogSize(this.getComponentSize(this.menu));
     (this.menu.el() as HTMLElement).style.opacity = '1'
     this.resetChildren()