Add `aria-label` where appropriate to `<button>` elements

src/annotator/components/adder-toolbar.js

@@ -14,6 +14,7 @@ function ToolbarButton({ badgeCount, icon, label, onClick, shortcut }) {
     <button
       className="annotator-adder-actions__button"
       onClick={onClick}
+      aria-label={title}
       title={title}
     >
       {icon && <SvgIcon name={icon} />}

src/sidebar/components/annotation-publish-control.js

@@ -70,6 +70,7 @@ function AnnotationPublishControl({
           style={applyTheme(themeProps, settings)}
           onClick={onSave}
           disabled={isDisabled}
+          aria-label={`Publish this annotation to ${publishDestination}`}
           title={`Publish this annotation to ${publishDestination}`}
         >
           Post to {publishDestination}

src/sidebar/components/markdown-editor.js

@@ -119,6 +119,7 @@ function ToolbarButton({
       )}
       disabled={disabled}
       onClick={onClick}
+      aria-label={tooltip}
       title={tooltip}
       tabIndex={tabIndex}
       ref={buttonRef}

src/sidebar/components/menu.js

@@ -148,6 +148,7 @@ export default function Menu({
         className="menu__toggle"
         onMouseDown={toggleMenu}
         onClick={toggleMenu}
+        aria-label={title}
         title={title}
       >
         <span

src/sidebar/components/moderation-banner.js

@@ -51,15 +51,16 @@ function ModerationBanner({ annotation, api, toastMessenger }) {
   };
 
   const toggleButtonProps = (() => {
-    const props = {};
+    const buttonProps = {};
     if (annotation.hidden) {
-      props.onClick = unhideAnnotation;
-      props.title = 'Make this annotation visible to everyone';
+      buttonProps.onClick = unhideAnnotation;
+      buttonProps.title = 'Make this annotation visible to everyone';
     } else {
-      props.onClick = hideAnnotation;
-      props.title = 'Hide this annotation from non-moderators';
+      buttonProps.onClick = hideAnnotation;
+      buttonProps.title = 'Hide this annotation from non-moderators';
     }
-    return props;
+    buttonProps['aria-label'] = buttonProps.title;
+    return buttonProps;
   })();
 
   const bannerClasses = classnames('moderation-banner', {

src/sidebar/components/tag-editor.js

@@ -239,6 +239,7 @@ function TagEditor({ onEditTags, tags: tagsService, tagList }) {
                 onClick={() => {
                   removeTag(tag);
                 }}
+                aria-label={`Remove Tag: ${tag}`}
                 title={`Remove Tag: ${tag}`}
                 className="tag-editor__delete"
               >