A11Y Paragraphs Tabs

Модуль A11Y Paragraphs Tabs позволяет легко добавлять вкладки через параграфы, содержание которых соответствует стандартам доступности (Accessibility (A11Y)). Параграфы, которые добавляет модуль уже настроены для того, чтобы на настольных ПК содержание показывалось во вкладках, а на мобильных устройствах в аккордеоне. Он добавляет 3 типа параграфа:

• A11Y Paragraphs Tabs Wrapper
• A11Y Paragraphs Tabs Panel
• A11Y Paragraphs Tabs Content

A11Y Paragraphs Tabs Wrapper (обёртка) содержит A11Y Paragraphs Tabs Panel (панель), в которую можно добавить столько вкладок, сколько нужно. В свою очередь A11Y Paragraphs Tabs Panel состоит из A11Y Paragraphs Tabs Content (содержание), в которую можно добавить столько параграфов, сколько нужно использовать в панели вкладок.

Установка и настройка

• Скачайте, распакуйте и включите модуль
• Проверьте установку на странице /admin/structure/paragraphs_type, на ней должны появиться 3 новых параграфа — A11Y Paragraphs Tabs Wrapper, A11Y Paragraphs Tabs Panel и A11Y Paragraphs Tab Content.
• Скачайте A11Y Accordion Tabs JS со страницы github.com/matthiasott/a11y-accordion-tabs, распакуйте его в папку /libraries и переименуйте папку в a11y-accordion-tabs. Путь должен выглядеть следующим образом: /libraries/a11y-accordion-tabs/a11y-accordion-tabs.js
• Перейдите в тип содержания и добавьте поле типа Reference revisions, Paragraphs. На странице правки поля можно ввести описание и выбрать параграф разрешённый в этом поле (выберите A11Y Paragraphs Tabs Wrapper)

Отметьте: проект содержит 2 шаблона:

• templates/field--field-a11y-para-tabs-tabs-panel.html.twig
• templates/paragraph--a11y-paragraphs-tabs-wrapper.html.twig