From c3a6b9b94d8b70f1c5adfc6f194e8d47985ceae5 Mon Sep 17 00:00:00 2001
From: nikolai <nlitvinenko@ebsco.com>
Date: Tue, 17 Dec 2024 19:56:05 +0400
Subject: [PATCH] update role and aria-label

---
 src/components/MarcContent/MarcContent.tsx | 4 +++-
 translations/ui-linked-data/en.json        | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/MarcContent/MarcContent.tsx b/src/components/MarcContent/MarcContent.tsx
index efad4055..0451f726 100644
--- a/src/components/MarcContent/MarcContent.tsx
+++ b/src/components/MarcContent/MarcContent.tsx
@@ -1,5 +1,6 @@
 import { MarcField } from '@components/MarcField';
 import { FC } from 'react';
+import { useIntl } from 'react-intl';
 
 type MarcContent = {
   marc: MarcDTO;
@@ -7,10 +8,11 @@ type MarcContent = {
 };
 
 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
index 0fe2ecff..71a4a1ac 100644
--- 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",