accessibility (#1689)

src/app/components/common/toggle-shared/toggle-shared.component.html

@@ -17,10 +17,8 @@
       mat-icon-button
       data-automation-id="share-action-button"
       (click)="editSharedNode(selection)"
-      [attr.title]="
+      [attr.aria-label]="getLabel(selection) | translate"
-        (isShared(selection) ? 'APP.ACTIONS.SHARE_EDIT' : 'APP.ACTIONS.SHARE')
+      [attr.title]="getLabel(selection) | translate"
-          | translate
-      "
     >
       <mat-icon>link</mat-icon>
     </button>

src/app/components/common/toggle-shared/toggle-shared.component.spec.ts

@@ -72,4 +72,19 @@ describe('ToggleSharedComponent', () => {
     component.editSharedNode({ first: { entry } });
     expect(storeMock.dispatch).toHaveBeenCalled();
   });
+
+  it('should get action label for unshared file', () => {
+    component.ngOnInit();
+    const label = component.getLabel({ first: { entry } });
+
+    expect(label).toBe('APP.ACTIONS.SHARE');
+  });
+
+  it('should get action label for shared file', () => {
+    entry.properties['qshare:sharedId'] = 'some-id';
+    component.ngOnInit();
+    const label = component.getLabel({ first: { entry } });
+
+    expect(label).toBe('APP.ACTIONS.SHARE_EDIT');
+  });
 });

src/app/components/common/toggle-shared/toggle-shared.component.ts

@@ -56,4 +56,8 @@ export class ToggleSharedComponent implements OnInit {
   editSharedNode(selection: SelectionState) {
     this.store.dispatch(new ShareNodeAction(selection.first));
   }
+
+  getLabel(selection: SelectionState): string {
+    return this.isShared(selection) ? 'APP.ACTIONS.SHARE_EDIT' : 'APP.ACTIONS.SHARE';
+  }
 }