fix(ui5-table): accessibility improvements implemented

 - The  correct npm package is used for translations
Fixes: #12630

- ariaLabelledByElements is used instead of aria-labelledby
Fixes: #12657

- The sample now uses correct mode property
Fixes: #11946

Author: aborjinik

packages/main/cypress/specs/TableCustomAnnouncement.cy.tsx

@@ -148,7 +148,15 @@ describe("Cell Custom Announcement - More details", () => {
 		cy.realPress("ArrowRight"); // Row actions cell
 		checkAnnouncement(Table.i18nBundle.getText(MULTIPLE_ACTIONS, 2));
 		cy.focused().should("have.attr", "aria-colindex", "6")
-					.should("have.attr", "role", "gridcell");
+					.should("have.attr", "role", "gridcell")
+					.then($rowActionsCell => {
+						const rowActionsCell = $rowActionsCell[0];
+						const invisibleText = document.getElementById("ui5-table-invisible-text");
+						expect(rowActionsCell.ariaLabelledByElements[0]).to.equal(invisibleText);
+						rowActionsCell.blur();
+						expect(rowActionsCell.ariaLabelledByElements).to.equal(null);
+						rowActionsCell.focus();
+					});
 
 		cy.get("#row1-edit-action").invoke("remove");
 		checkAnnouncement(ONE_ROW_ACTION, true);