Improve frontend accessibility

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / misc / help.component.html

diff --git a/client/src/app/shared/misc/help.component.html b/client/src/app/shared/misc/help.component.html
index 956095996c13a918f547a73ae329fcf14fc7a395..1c3863e5236544f3f540a76af9732bdf1f80fbff 100644 (file)
--- a/client/src/app/shared/misc/help.component.html
+++ b/client/src/app/shared/misc/help.component.html
@@ -12,4 +12,15 @@
   </ng-template>
 </ng-template>
 
-<button class="help-tooltip-button" containerClass="help-tooltip" [tooltipHtml]="tooltipTemplate" triggers="focus"></button>
+<span
+  role="button"
+  class="help-tooltip-button"
+  title="Get help"
+  i18n-title
+  [attr.aria-pressed]="isPopoverOpened"
+  [popover]="tooltipTemplate"
+  [placement]="tooltipPlacement"
+  [outsideClick]="true"
+  (onHidden)="onPopoverHidden()"
+  (onShown)="onPopoverShown()"
+></span>