update role and aria-label

folio-org · Dec 17, 2024 · c3a6b9b · c3a6b9b
1 parent 600c3f9
commit c3a6b9b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/MarcContent/MarcContent.tsx b/src/components/MarcContent/MarcContent.tsx
@@ -1,16 +1,18 @@
 import { MarcField } from '@components/MarcField';
 import { FC } from 'react';
+import { useIntl } from 'react-intl';
 
 type MarcContent = {
   marc: MarcDTO;
   [x: string]: any;
 };
 
 export const MarcContent: FC<MarcContent> = ({ marc, ...rest }) => {
+  const { formatMessage } = useIntl();
   const parsedContent = marc?.parsedRecord?.content;
 
   return (
-    <section tabIndex={0} {...rest}>
+    <section tabIndex={0} role="region" aria-label={formatMessage({ id: 'ld.aria.marcPreviewContents' })} {...rest}>
       <table>
         <tbody>
           <tr>

diff --git a/translations/ui-linked-data/en.json b/translations/ui-linked-data/en.json
@@ -203,6 +203,7 @@
   "ld.aria.externalResourcePreview.close": "Close external resource preview page",
   "ld.aria.marcAuthorityPreview.close": "Close MARC authority preview",
   "ld.aria.marcPreview.close": "Close MARC preview modal",
+  "ld.aria.marcPreviewContents": "MARC preview contents",
   "ld.aria.filters.textbox": "Search query textbox",
   "ld.aria.table.selectRow": "Select table row",
   "ld.aria.sections.openResourcePreview": "Open resource preview section",