Merge pull request #680 from luniki/a11y/add-button-text-to-edit-tabl…

…es-dialog Add text to icon buttons in the Edit Table dialog.
opencast · Jun 7, 2024 · 54a36c9 · 54a36c9
2 parents accbb43 + 574d52e
commit 54a36c9
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/components/shared/EditTableViewModal.tsx b/src/components/shared/EditTableViewModal.tsx
@@ -154,7 +154,9 @@ const EditTableViewModal = ({
 															<button
 																className="button-like-anchor move-item add"
 																onClick={() => changeColumn(column, false)}
-															/>
+															>
+																<span className="sr-only">{t("PREFERENCES.TABLE.ADD_COLUMN")}</span>
+															</button>
 														</li>
 													) : null
 												)}
@@ -203,7 +205,9 @@ const EditTableViewModal = ({
 																						<button
 																							className="button-like-anchor move-item remove"
 																							onClick={() => changeColumn(column, true)}
-																						/>
+																						>
+																							<span className="sr-only">{t("PREFERENCES.TABLE.REMOVE_COLUMN")}</span>
+																						</button>
 																					</div>
 																				)}
 																			</Draggablee>

diff --git a/src/i18n/org/opencastproject/adminui/languages/lang-en_US.json b/src/i18n/org/opencastproject/adminui/languages/lang-en_US.json
@@ -95,7 +95,9 @@
 			"SUBHEADING": "Select the default data you would like displayed in the {{ tableName }} view",
 			"AVAILABLE_COLUMNS": "Available columns",
 			"SELECTED_COLUMNS": "Selected columns",
-			"FOOTER_TEXT": "The order and selection will be saved automatically. Press \"{{resetTranslation}}\" to restore the default view."
+			"FOOTER_TEXT": "The order and selection will be saved automatically. Press \"{{resetTranslation}}\" to restore the default view.",
+			"ADD_COLUMN": "Add column",
+			"REMOVE_COLUMN": "Remove column"
 		}
 	},
 	"CONFIRMATIONS": {