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 bacbe9cdbb5950941740e164737f01ce4f7304f6..1c3863e5236544f3f540a76af9732bdf1f80fbff 100644 (file)
--- a/client/src/app/shared/misc/help.component.html
+++ b/client/src/app/shared/misc/help.component.html
@@ -12,7 +12,15 @@
   </ng-template>
 </ng-template>
 
-<button
-  class="help-tooltip-button" containerClass="help-tooltip" title="Click to get help"
-  #tooltipDirective="bs-tooltip" [tooltip]="tooltipTemplate" triggers="click"
-></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>