A11y: Wrap ToC Block within nav tag

packages/volto/locales/ca/LC_MESSAGES/volto.po

@@ -3508,6 +3508,16 @@ msgstr "Taula"
 msgid "Table of Contents"
 msgstr "Taula de continguts"
 
+#. Default: "Table-Of-Content-Link"
+#: components/manage/Blocks/ToC/variations/DefaultTocRenderer
+msgid "Table-Of-Content-Link"
+msgstr ""
+
+#. Default: "Table-of-Content-Link"
+#: components/manage/Blocks/ToC/variations/HorizontalMenu
+msgid "Table-of-Content-Link"
+msgstr ""
+
 #. Default: "Tabular view"
 #: config/Views
 msgid "Tabular view"

packages/volto/locales/de/LC_MESSAGES/volto.po

@@ -3507,6 +3507,16 @@ msgstr "Tabelle"
 msgid "Table of Contents"
 msgstr "Inhaltsverzeichnis"
 
+#. Default: "Table-Of-Content-Link"
+#: components/manage/Blocks/ToC/variations/DefaultTocRenderer
+msgid "Table-Of-Content-Link"
+msgstr ""
+
+#. Default: "Table-of-Content-Link"
+#: components/manage/Blocks/ToC/variations/HorizontalMenu
+msgid "Table-of-Content-Link"
+msgstr ""
+
 #. Default: "Tabular view"
 #: config/Views
 msgid "Tabular view"

packages/volto/locales/en/LC_MESSAGES/volto.po

@@ -3502,6 +3502,16 @@ msgstr ""
 msgid "Table of Contents"
 msgstr ""
 
+#. Default: "Table-Of-Content-Link"
+#: components/manage/Blocks/ToC/variations/DefaultTocRenderer
+msgid "Table-Of-Content-Link"
+msgstr ""
+
+#. Default: "Table-of-Content-Link"
+#: components/manage/Blocks/ToC/variations/HorizontalMenu
+msgid "Table-of-Content-Link"
+msgstr ""
+
 #. Default: "Tabular view"
 #: config/Views
 msgid "Tabular view"

packages/volto/locales/es/LC_MESSAGES/volto.po

@@ -3509,6 +3509,16 @@ msgstr "Tabla"
 msgid "Table of Contents"
 msgstr "Tabla de contenidos"
 
+#. Default: "Table-Of-Content-Link"
+#: components/manage/Blocks/ToC/variations/DefaultTocRenderer
+msgid "Table-Of-Content-Link"
+msgstr ""
+
+#. Default: "Table-of-Content-Link"
+#: components/manage/Blocks/ToC/variations/HorizontalMenu
+msgid "Table-of-Content-Link"
+msgstr ""
+
 #. Default: "Tabular view"
 #: config/Views
 msgid "Tabular view"

packages/volto/locales/eu/LC_MESSAGES/volto.po

@@ -3509,6 +3509,16 @@ msgstr "Taula"
 msgid "Table of Contents"
 msgstr "Edukien taula"
 
+#. Default: "Table-Of-Content-Link"
+#: components/manage/Blocks/ToC/variations/DefaultTocRenderer
+msgid "Table-Of-Content-Link"
+msgstr ""
+
+#. Default: "Table-of-Content-Link"
+#: components/manage/Blocks/ToC/variations/HorizontalMenu
+msgid "Table-of-Content-Link"
+msgstr ""
+
 #. Default: "Tabular view"
 #: config/Views
 msgid "Tabular view"

packages/volto/locales/fi/LC_MESSAGES/volto.po

@@ -3507,6 +3507,16 @@ msgstr "Taulukkoa"
 msgid "Table of Contents"
 msgstr "Sisällys"
 
+#. Default: "Table-Of-Content-Link"
+#: components/manage/Blocks/ToC/variations/DefaultTocRenderer
+msgid "Table-Of-Content-Link"
+msgstr ""
+
+#. Default: "Table-of-Content-Link"
+#: components/manage/Blocks/ToC/variations/HorizontalMenu
+msgid "Table-of-Content-Link"
+msgstr ""
+
 #. Default: "Tabular view"
 #: config/Views
 msgid "Tabular view"

packages/volto/locales/fr/LC_MESSAGES/volto.po

@@ -3509,6 +3509,16 @@ msgstr "Table"
 msgid "Table of Contents"
 msgstr "Table des matières"
 
+#. Default: "Table-Of-Content-Link"
+#: components/manage/Blocks/ToC/variations/DefaultTocRenderer
+msgid "Table-Of-Content-Link"
+msgstr ""
+
+#. Default: "Table-of-Content-Link"
+#: components/manage/Blocks/ToC/variations/HorizontalMenu
+msgid "Table-of-Content-Link"
+msgstr ""
+
 #. Default: "Tabular view"
 #: config/Views
 msgid "Tabular view"

packages/volto/locales/hi/LC_MESSAGES/volto.po

@@ -3502,6 +3502,16 @@ msgstr "तालिका"
 msgid "Table of Contents"
 msgstr "सारांश की तालिका"
 
+#. Default: "Table-Of-Content-Link"
+#: components/manage/Blocks/ToC/variations/DefaultTocRenderer
+msgid "Table-Of-Content-Link"
+msgstr ""
+
+#. Default: "Table-of-Content-Link"
+#: components/manage/Blocks/ToC/variations/HorizontalMenu
+msgid "Table-of-Content-Link"
+msgstr ""
+
 #. Default: "Tabular view"
 #: config/Views
 msgid "Tabular view"

packages/volto/locales/it/LC_MESSAGES/volto.po

@@ -3502,6 +3502,16 @@ msgstr "Tabella"
 msgid "Table of Contents"
 msgstr "Indice dei contenuti"
 
+#. Default: "Table-Of-Content-Link"
+#: components/manage/Blocks/ToC/variations/DefaultTocRenderer
+msgid "Table-Of-Content-Link"
+msgstr ""
+
+#. Default: "Table-of-Content-Link"
+#: components/manage/Blocks/ToC/variations/HorizontalMenu
+msgid "Table-of-Content-Link"
+msgstr ""
+
 #. Default: "Tabular view"
 #: config/Views
 msgid "Tabular view"

packages/volto/locales/ja/LC_MESSAGES/volto.po

@@ -3507,6 +3507,16 @@ msgstr "テーブル"
 msgid "Table of Contents"
 msgstr "目次"
 
+#. Default: "Table-Of-Content-Link"
+#: components/manage/Blocks/ToC/variations/DefaultTocRenderer
+msgid "Table-Of-Content-Link"
+msgstr ""
+
+#. Default: "Table-of-Content-Link"
+#: components/manage/Blocks/ToC/variations/HorizontalMenu
+msgid "Table-of-Content-Link"
+msgstr ""
+
 #. Default: "Tabular view"
 #: config/Views
 msgid "Tabular view"

packages/volto/locales/nl/LC_MESSAGES/volto.po

@@ -3506,6 +3506,16 @@ msgstr ""
 msgid "Table of Contents"
 msgstr ""
 
+#. Default: "Table-Of-Content-Link"
+#: components/manage/Blocks/ToC/variations/DefaultTocRenderer
+msgid "Table-Of-Content-Link"
+msgstr ""
+
+#. Default: "Table-of-Content-Link"
+#: components/manage/Blocks/ToC/variations/HorizontalMenu
+msgid "Table-of-Content-Link"
+msgstr ""
+
 #. Default: "Tabular view"
 #: config/Views
 msgid "Tabular view"

packages/volto/locales/pt/LC_MESSAGES/volto.po

@@ -3507,6 +3507,16 @@ msgstr "Tabela"
 msgid "Table of Contents"
 msgstr ""
 
+#. Default: "Table-Of-Content-Link"
+#: components/manage/Blocks/ToC/variations/DefaultTocRenderer
+msgid "Table-Of-Content-Link"
+msgstr ""
+
+#. Default: "Table-of-Content-Link"
+#: components/manage/Blocks/ToC/variations/HorizontalMenu
+msgid "Table-of-Content-Link"
+msgstr ""
+
 #. Default: "Tabular view"
 #: config/Views
 msgid "Tabular view"

packages/volto/locales/pt_BR/LC_MESSAGES/volto.po

@@ -3508,6 +3508,16 @@ msgstr "Tabela"
 msgid "Table of Contents"
 msgstr "Tabela de conteúdos"
 
+#. Default: "Table-Of-Content-Link"
+#: components/manage/Blocks/ToC/variations/DefaultTocRenderer
+msgid "Table-Of-Content-Link"
+msgstr ""
+
+#. Default: "Table-of-Content-Link"
+#: components/manage/Blocks/ToC/variations/HorizontalMenu
+msgid "Table-of-Content-Link"
+msgstr ""
+
 #. Default: "Tabular view"
 #: config/Views
 msgid "Tabular view"

packages/volto/locales/ro/LC_MESSAGES/volto.po

@@ -3502,6 +3502,16 @@ msgstr "Tabel"
 msgid "Table of Contents"
 msgstr "Cuprins"
 
+#. Default: "Table-Of-Content-Link"
+#: components/manage/Blocks/ToC/variations/DefaultTocRenderer
+msgid "Table-Of-Content-Link"
+msgstr ""
+
+#. Default: "Table-of-Content-Link"
+#: components/manage/Blocks/ToC/variations/HorizontalMenu
+msgid "Table-of-Content-Link"
+msgstr ""
+
 #. Default: "Tabular view"
 #: config/Views
 msgid "Tabular view"

packages/volto/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2024-05-29T18:53:42.120Z\n"
+"POT-Creation-Date: 2024-06-07T10:48:04.224Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Content-Type: text/plain; charset=utf-8\n"
@@ -3504,6 +3504,16 @@ msgstr ""
 msgid "Table of Contents"
 msgstr ""
 
+#. Default: "Table-Of-Content-Link"
+#: components/manage/Blocks/ToC/variations/DefaultTocRenderer
+msgid "Table-Of-Content-Link"
+msgstr ""
+
+#. Default: "Table-of-Content-Link"
+#: components/manage/Blocks/ToC/variations/HorizontalMenu
+msgid "Table-of-Content-Link"
+msgstr ""
+
 #. Default: "Tabular view"
 #: config/Views
 msgid "Tabular view"

packages/volto/locales/zh_CN/LC_MESSAGES/volto.po

@@ -3508,6 +3508,16 @@ msgstr "表格"
 msgid "Table of Contents"
 msgstr "表格内容"
 
+#. Default: "Table-Of-Content-Link"
+#: components/manage/Blocks/ToC/variations/DefaultTocRenderer
+msgid "Table-Of-Content-Link"
+msgstr ""
+
+#. Default: "Table-of-Content-Link"
+#: components/manage/Blocks/ToC/variations/HorizontalMenu
+msgid "Table-of-Content-Link"
+msgstr ""
+
 #. Default: "Tabular view"
 #: config/Views
 msgid "Tabular view"

packages/volto/news/6082.feature

@@ -0,0 +1 @@
+a11y ToC links - @Tishasoumya-02

packages/volto/src/components/manage/Blocks/ToC/variations/DefaultTocRenderer.jsx

@@ -3,16 +3,21 @@
  * @module components/manage/Blocks/ToC/View
  */
 
-import React from 'react';
 import PropTypes from 'prop-types';
 import { map } from 'lodash';
 import { List } from 'semantic-ui-react';
-import { FormattedMessage, injectIntl } from 'react-intl';
+import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 import Slugger from 'github-slugger';
 import { UniversalLink } from '@plone/volto/components';
 import { normalizeString } from '@plone/volto/helpers';
-
+const messages = defineMessages({
+  link: {
+    id: 'Table-Of-Content-Link',
+    defaultMessage: 'Table-Of-Content-Link',
+  },
+});
 const RenderListItems = ({ items, data }) => {
+  const intl = useIntl();
   return map(items, (item) => {
     const { id, level, title, override_toc, plaintext } = item;
     const slug = override_toc
@@ -21,7 +26,12 @@ const RenderListItems = ({ items, data }) => {
     return (
       item && (
         <List.Item key={id} className={`item headline-${level}`} as="li">
-          <UniversalLink href={`#${slug}`}>{title}</UniversalLink>
+          <UniversalLink
+            href={`#${slug}`}
+            aria-label={intl.formatMessage(messages.link)}
+          >
+            {title}
+          </UniversalLink>
           {item.items?.length > 0 && (
             <List
               ordered={data.ordered}
@@ -77,4 +87,4 @@ View.propTypes = {
   properties: PropTypes.objectOf(PropTypes.any).isRequired,
 };
 
-export default injectIntl(View);
+export default View;

packages/volto/src/components/manage/Blocks/ToC/variations/HorizontalMenu.jsx

@@ -2,12 +2,18 @@ import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { map } from 'lodash';
 import { Menu, Dropdown } from 'semantic-ui-react';
-import { FormattedMessage, injectIntl } from 'react-intl';
+import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 import AnchorLink from 'react-anchor-link-smooth-scroll';
 import Slugger from 'github-slugger';
 import { normalizeString } from '@plone/volto/helpers';
-
+const messages = defineMessages({
+  link: {
+    id: 'Table-of-Content-Link',
+    defaultMessage: 'Table-of-Content-Link',
+  },
+});
 const RenderMenuItems = ({ items }) => {
+  const intl = useIntl();
   return map(items, (item) => {
     const { id, level, title, override_toc, plaintext } = item;
     const slug = override_toc
@@ -17,7 +23,12 @@ const RenderMenuItems = ({ items }) => {
       item && (
         <React.Fragment key={id}>
           <Menu.Item className={`headline-${level}`}>
-            <AnchorLink href={`#${slug}`}>{title}</AnchorLink>
+            <AnchorLink
+              href={`#${slug}`}
+              aria-label={intl.formatMessage(messages.link)}
+            >
+              {title}
+            </AnchorLink>
           </Menu.Item>
           {item.items?.length > 0 && <RenderMenuItems items={item.items} />}
         </React.Fragment>
@@ -201,4 +212,4 @@ View.propTypes = {
   properties: PropTypes.objectOf(PropTypes.any).isRequired,
 };
 
-export default injectIntl(View);
+export default View;

packages/volto/src/components/manage/Blocks/ToC/variations/__snapshots__/DefaultTocRenderer.test.jsx.snap

@@ -11,6 +11,7 @@ exports[`renders a default toc renderer component 1`] = `
     role="listitem"
   >
     <a
+      aria-label="Table-Of-Content-Link"
       className={null}
       href="/#hello-this-is-a-sample-page"
       onClick={[Function]}
@@ -29,6 +30,7 @@ exports[`renders a default toc renderer component 1`] = `
         role="listitem"
       >
         <a
+          aria-label="Table-Of-Content-Link"
           className={null}
           href="/#test-level-3"
           onClick={[Function]}