April a11y Bug Fixes (#2523)

cRui861 · skapur12 · web-flow · commit 203b2f37f9d9 · 2022-06-22T15:42:14.000-04:00
* Fix AB#502: The Name property of a focusable element must not be null

* Fix AB#509: Focusable sibling elements must not have the same Name and LocalizedControlType

Co-authored-by: Sanjana Kapur &lt;sanjanakapur@microsoft.com&gt;
diff --git a/src/@batch-flask/ui/file/file-explorer/file-tree-view/file-tree-view.html b/src/@batch-flask/ui/file/file-explorer/file-tree-view/file-tree-view.html
@@ -1,5 +1,5 @@
 <bl-toolbar class="tree-view-header">
-    <bl-clickable toolbarAction class="caret" (do)="toggleExpandTreeView()" [attr.aria-expanded]="expanded" attr.aria-owns="{{id}}-content" attr.aria-labelledby="{{id}}_name">
+    <bl-clickable toolbarAction class="caret" (do)="toggleExpandTreeView()" [attr.aria-expanded]="expanded" attr.aria-owns="{{id}}-content" aria-label="Toggle tree view">
         <i class="fa" [class.fa-caret-down]="expanded" [class.fa-caret-right]="!expanded"></i>
     </bl-clickable>
     <bl-clickable toolbarLabel id="{{id}}_name" class="name" (do)="handleClickTreeViewHeader()">{{name}}</bl-clickable>
diff --git a/src/@batch-flask/ui/form/editable-table/editable-table.html b/src/@batch-flask/ui/form/editable-table/editable-table.html
@@ -18,7 +18,7 @@
                                 [rowValue]="item.value"></bl-editable-table-select-cell>
                         </ng-container>
                         <ng-container *ngSwitchDefault>
-                            <input [formControl]="item.controls[column.name]" [attr.type]="column.type">
+                            <input [formControl]="item.controls[column.name]" [attr.type]="column.type" [attr.aria-placeholder]="column.name">
                         </ng-container>
                     </ng-container>
                 </td>
