Add discernible text to prev/next pagination buttons.

Fixes #529
opencast · Jun 4, 2024 · 4095bc2 · 4095bc2
1 parent df844de
commit 4095bc2
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/shared/Table.tsx b/src/components/shared/Table.tsx
@@ -336,7 +336,9 @@ const Table = ({
 					<button
 						className={"button-like-anchor " + cn("prev", { disabled: !isNavigatePrevious() })}
 						onClick={() => goToPage(pageOffset - 1)}
-					/>
+					>
+						<span class="sr-only">{t("EVENTS.EVENTS.TABLE.PREVIOUS")}</span>
+					</button>
 					{directAccessible.map((page, key) =>
 						page.active ? (
 							<button key={key} className="button-like-anchor active">
@@ -352,7 +354,9 @@ const Table = ({
 					<button
 						className={"button-like-anchor " + cn("next", { disabled: !isNavigateNext() })}
 						onClick={() => goToPage(pageOffset + 1)}
-					/>
+					>
+						<span class="sr-only">{t("EVENTS.EVENTS.TABLE.NEXT")}</span>
+					</button>
 				</div>
 			</div>
 		</>