[ACA-2499] DocumentList - custom name column link does not have a role (#1188)

* custom element as accessibility link

* fix focus outline

* internationalization key

* folder link aria-label

* use not folder evaluation  for shared files

src/app/components/dl-custom-components/name-column/name-column.component.html

@@ -5,6 +5,16 @@
   }"
 >
   <span
+    role="link"
+    [attr.aria-label]="
+      (isFile()
+        ? 'CUSTOM_NAME_COLUMN.ACCESSIBILITY.FILE_LINK_ARIA_LABEL'
+        : 'CUSTOM_NAME_COLUMN.ACCESSIBILITY.FOLDER_LINK_ARIA_LABEL')
+        | translate
+          : {
+              name: displayText$ | async
+            }
+    "
     class="adf-datatable-cell-value"
     title="{{ node | adfNodeNameTooltip }}"
     (click)="onClick()"

src/app/components/dl-custom-components/name-column/name-column.component.scss

@@ -16,4 +16,8 @@
 .aca-custom-name-column {
   display: block;
   align-items: center;
+
+  .adf-datatable-cell-value {
+    margin: 0 4px;
+  }
 }

src/app/components/dl-custom-components/name-column/name-column.component.ts

@@ -102,7 +102,7 @@ export class CustomNameColumnComponent extends NameColumnComponent
   }
 
   isFile(): boolean {
-    return this.node && this.node.entry && this.node.entry.isFile;
+    return this.node && this.node.entry && !this.node.entry.isFolder;
   }
 
   isFileWriteLocked(): boolean {

src/assets/i18n/en.json

@@ -499,5 +499,11 @@
                 "TOOLTIP": "Upload new version"
             }
         }
+    },
+    "CUSTOM_NAME_COLUMN": {
+        "ACCESSIBILITY": {
+            "FILE_LINK_ARIA_LABEL": "View file {{ name }}",
+            "FOLDER_LINK_ARIA_LABEL": "Open {{ name }} folder"
+        }
     }
 }