Remove context menu contents from cell ARIA text
authorStephanie Leary <stephanie.leary@equinoxoli.org>
Tue, 28 Mar 2023 15:30:05 +0000 (15:30 +0000)
committerStephanie Leary <stephanie.leary@equinoxoli.org>
Tue, 28 Mar 2023 15:30:05 +0000 (15:30 +0000)
Signed-off-by: Stephanie Leary <stephanie.leary@equinoxoli.org>
Open-ILS/src/eg2/src/app/share/grid/grid-body.component.html

index ce6bdcc..a9a62a7 100644 (file)
@@ -44,7 +44,9 @@
     </td>
     <!-- contextMenu applied to cells instead of rows so the position
          of the popover is close to the mouse.  As of writing, no way
-         to position the popover at the mouse -->
+         to position the popover at the mouse. -->
+    <!-- aria-describedby is removed to prevent the entire context menu 
+        from being read after the cell contents -->
     <td role="cell" *ngFor="let col of context.columnSet.displayColumns()"
       class="eg-grid-cell eg-grid-body-cell {{context.setClassNames(row, col)}}">
         <div class="eg-grid-cell-contents" (dblclick)="onRowDblClick(row)"
@@ -52,7 +54,7 @@
           #rowContextMenu="ngbPopover"
           popoverTitle="Actions for Selected Rows" i18n-popoverTitle
           (contextmenu)="onRowContextClick($event, row, rowContextMenu)"
-          [ngbPopover]="contextMenu"
+          [ngbPopover]="contextMenu" [attr.aria-describedby]="null"
           placement="bottom"
           triggers="manual">  
           <eg-grid-body-cell [context]="context" [row]="row" [column]="col">