design-comuni-plone-theme 8.6.0 → 8.7.1

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 
 
+## [8.7.1](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v8.7.0...v8.7.1) (2023-09-21)
+
+
+### Maintenance
+
+* added id in h2 title of some blocks to enable anchors ([#350](https://github.com/RedTurtle/design-comuni-plone-theme/issues/350)) ([e67e57a](https://github.com/RedTurtle/design-comuni-plone-theme/commit/e67e57a3f767f94377cae4605097977a0fa5021a))
+* updated publicode ([cd8fc79](https://github.com/RedTurtle/design-comuni-plone-theme/commit/cd8fc791891105e69f7cbc7b8b14e19f0da71601))
+
+## [8.7.0](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v8.6.0...v8.7.0) (2023-09-20)
+
+
+### Features
+
+* Us 46339 link esterni smalllinksblock ([#339](https://github.com/RedTurtle/design-comuni-plone-theme/issues/339)) ([9d4ab47](https://github.com/RedTurtle/design-comuni-plone-theme/commit/9d4ab474390d934bbc92ad9a6527fcb44138ad3e))
+
+
+### Bug Fixes
+
+* accessibility and SR fix for selectInput ([#345](https://github.com/RedTurtle/design-comuni-plone-theme/issues/345)) ([67adc6f](https://github.com/RedTurtle/design-comuni-plone-theme/commit/67adc6fb222b72636a772153fb20dbbe70a17190))
+* fix blocks Alert, Card Semplice, Card immagine, Accordion keyboa… ([#348](https://github.com/RedTurtle/design-comuni-plone-theme/issues/348)) ([bc93065](https://github.com/RedTurtle/design-comuni-plone-theme/commit/bc930651ed88c2ce8ba06c3d6b0a793418c2427a))
+* fix Contact Block items align ([#338](https://github.com/RedTurtle/design-comuni-plone-theme/issues/338)) ([c2e9aaa](https://github.com/RedTurtle/design-comuni-plone-theme/commit/c2e9aaab1ea132ac043952deb37b3cd8843ec440))
+* i link in modulistica devono far vedere la remoteUrl e non il link ([#336](https://github.com/RedTurtle/design-comuni-plone-theme/issues/336)) ([a311095](https://github.com/RedTurtle/design-comuni-plone-theme/commit/a3110953b2e99425e864eed8eeb870fe9eab3acb))
+
+
+### Maintenance
+
+* added title to release-log ([#347](https://github.com/RedTurtle/design-comuni-plone-theme/issues/347)) ([b04f947](https://github.com/RedTurtle/design-comuni-plone-theme/commit/b04f947f48b0431acb5ebae1017f49fb9e1a5fcb))
+* update files for release ([eed8929](https://github.com/RedTurtle/design-comuni-plone-theme/commit/eed89299d8a13dea863ee9a8edbb08e298fbec19))
+* updated locales ([9ef4dd3](https://github.com/RedTurtle/design-comuni-plone-theme/commit/9ef4dd38e52bd085c7f09a182addda06e0632254))
+* updated publiccode ([6d46730](https://github.com/RedTurtle/design-comuni-plone-theme/commit/6d467308c02bf2377adf5574e5d1a715f5f33072))
+* updated RELEASE.md ([c8b4982](https://github.com/RedTurtle/design-comuni-plone-theme/commit/c8b49822f88cba8d8e3911e03e1b069306966591))
+* updatedRELEASE.md ([4391e42](https://github.com/RedTurtle/design-comuni-plone-theme/commit/4391e42a3c908c1ed15693a548d06c05c9cb37fd))
+
 ## [8.6.0](https://github.com/redturtle/design-comuni-plone-theme/compare/v8.5.1...v8.6.0) (2023-09-18)
 
 

package/RELEASE.md

@@ -6,7 +6,7 @@
 <!--- -----------------------------------------------------------------
   Esempio:
   ---------------------------------------------------------------------
-## Versione 7.10.9
+## Versione 7.10.9 (12/09/2023)
 ### Migliorie
 - Fissato il layout di stampa per pagine con Accordion
 ### Novità
@@ -19,7 +19,7 @@
  TEMPLATE PER RELEASE
  ----------------------------------------------------------------------
 
-## Versione X.X.X
+## Versione X.X.X (dd/mm/yyyy)
 ### Migliorie
 - ...
 
@@ -29,3 +29,18 @@
 ### Fix
 - ...
 -->
+
+## Versione 8.7.0 (20/09/2023)
+
+### Migliorie
+
+- Nel template Blocco link solo immagini con link esterni, icona accessibilità per link esterni ora è disattivabile attraverso opzione del template
+- Migliorata l'accessibilità e il supporto Screen Reader per il menu a tendina "Ordina Per" nella pagina di ricerca
+- Migliorata la navigazione da tastiera quando si è in modifica dei blocchi Alert, Card Semplice, Card con Immagine, Accordion
+
+### Fix
+
+- sistemati gli oggetti link che puntano a file nella Cartella Modulistica
+- Sistemato l'allineamento degli elementi nel blocco Contatti: se ci sono meno di tre elementi l'allineamento è centrato, se ce ne sono più di 3 l'allineamento è a sinistra.
+- Migliorata accessibilità del calendario nel blocco ricerca Eventi e ricerca Bandi
+- Fissato il layout del template Blocco link solo immagini con link esterni, posizionata l'icona di accessibilità per link esterni in overlay se presente

package/locales/de/LC_MESSAGES/volto.po

@@ -647,11 +647,12 @@ msgstr ""
 msgid "Type description…"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Edit
 #: components/ItaliaTheme/Blocks/ArgumentsInEvidence/Block
 #: components/ItaliaTheme/Blocks/TextCard/CardWithImage/Block
 #: components/ItaliaTheme/Blocks/TextCard/SimpleCard/Block
 #: components/ItaliaTheme/manage/Widgets/TextEditorWidget
-# defaultMessage: Digita un testo…
+# defaultMessage: Digita il testo…
 msgid "Type text…"
 msgstr ""
 
@@ -2633,6 +2634,11 @@ msgstr ""
 msgid "other_info"
 msgstr ""
 
+#: config/Blocks/ListingOptions/smallBlockLinksTemplate
+# defaultMessage: Non mostrare l'icona di accessibilità per i link a siti esterni
+msgid "override_links_accessibility_marker"
+msgstr "Barrierefreiheitssymbol nicht für Links anzeigen, die auf externe Websites oder Ressourcen verweisen"
+
 #: components/ItaliaTheme/View/Commons/TrasparenzaFields
 # defaultMessage: Pagamenti previsti e modalità
 msgid "pagamenti"

package/locales/en/LC_MESSAGES/volto.po

@@ -632,11 +632,12 @@ msgstr ""
 msgid "Type description…"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Edit
 #: components/ItaliaTheme/Blocks/ArgumentsInEvidence/Block
 #: components/ItaliaTheme/Blocks/TextCard/CardWithImage/Block
 #: components/ItaliaTheme/Blocks/TextCard/SimpleCard/Block
 #: components/ItaliaTheme/manage/Widgets/TextEditorWidget
-# defaultMessage: Digita un testo…
+# defaultMessage: Digita il testo…
 msgid "Type text…"
 msgstr ""
 
@@ -2618,6 +2619,11 @@ msgstr "Ohter topics"
 msgid "other_info"
 msgstr "Further information"
 
+#: config/Blocks/ListingOptions/smallBlockLinksTemplate
+# defaultMessage: Non mostrare l'icona di accessibilità per i link a siti esterni
+msgid "override_links_accessibility_marker"
+msgstr "Do not show accessibility icon for links pointing to external websites or resources"
+
 #: components/ItaliaTheme/View/Commons/TrasparenzaFields
 # defaultMessage: Pagamenti previsti e modalità
 msgid "pagamenti"

package/locales/es/LC_MESSAGES/volto.po

@@ -641,11 +641,12 @@ msgstr "Transparencia"
 msgid "Type description…"
 msgstr "Escribe la descripción..."
 
+#: components/ItaliaTheme/Blocks/Alert/Edit
 #: components/ItaliaTheme/Blocks/ArgumentsInEvidence/Block
 #: components/ItaliaTheme/Blocks/TextCard/CardWithImage/Block
 #: components/ItaliaTheme/Blocks/TextCard/SimpleCard/Block
 #: components/ItaliaTheme/manage/Widgets/TextEditorWidget
-# defaultMessage: Digita un testo…
+# defaultMessage: Digita il testo…
 msgid "Type text…"
 msgstr "Ingrese texto..."
 
@@ -2627,6 +2628,11 @@ msgstr "Otros temas"
 msgid "other_info"
 msgstr "Más información"
 
+#: config/Blocks/ListingOptions/smallBlockLinksTemplate
+# defaultMessage: Non mostrare l'icona di accessibilità per i link a siti esterni
+msgid "override_links_accessibility_marker"
+msgstr "No mostrar el ícono de accesibilidad para enlaces que apuntan a sitios web o recursos externos"
+
 #: components/ItaliaTheme/View/Commons/TrasparenzaFields
 # defaultMessage: Pagamenti previsti e modalità
 msgid "pagamenti"

package/locales/fr/LC_MESSAGES/volto.po

@@ -649,11 +649,12 @@ msgstr ""
 msgid "Type description…"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Edit
 #: components/ItaliaTheme/Blocks/ArgumentsInEvidence/Block
 #: components/ItaliaTheme/Blocks/TextCard/CardWithImage/Block
 #: components/ItaliaTheme/Blocks/TextCard/SimpleCard/Block
 #: components/ItaliaTheme/manage/Widgets/TextEditorWidget
-# defaultMessage: Digita un testo…
+# defaultMessage: Digita il testo…
 msgid "Type text…"
 msgstr ""
 
@@ -2635,6 +2636,11 @@ msgstr "Autres sujets"
 msgid "other_info"
 msgstr "Informations complémentaires"
 
+#: config/Blocks/ListingOptions/smallBlockLinksTemplate
+# defaultMessage: Non mostrare l'icona di accessibilità per i link a siti esterni
+msgid "override_links_accessibility_marker"
+msgstr "Ne pas afficher l'icône d'accessibilité pour les liens pointant vers des sites Web ou des ressources externes"
+
 #: components/ItaliaTheme/View/Commons/TrasparenzaFields
 # defaultMessage: Pagamenti previsti e modalità
 msgid "pagamenti"

package/locales/it/LC_MESSAGES/volto.po

@@ -632,11 +632,12 @@ msgstr "Trasparenza"
 msgid "Type description…"
 msgstr "Digita la descrizione…"
 
+#: components/ItaliaTheme/Blocks/Alert/Edit
 #: components/ItaliaTheme/Blocks/ArgumentsInEvidence/Block
 #: components/ItaliaTheme/Blocks/TextCard/CardWithImage/Block
 #: components/ItaliaTheme/Blocks/TextCard/SimpleCard/Block
 #: components/ItaliaTheme/manage/Widgets/TextEditorWidget
-# defaultMessage: Digita un testo…
+# defaultMessage: Digita il testo…
 msgid "Type text…"
 msgstr "Digita testo…"
 
@@ -2618,6 +2619,11 @@ msgstr "Altri argomenti"
 msgid "other_info"
 msgstr "Ulteriori informazioni"
 
+#: config/Blocks/ListingOptions/smallBlockLinksTemplate
+# defaultMessage: Non mostrare l'icona di accessibilità per i link a siti esterni
+msgid "override_links_accessibility_marker"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/TrasparenzaFields
 # defaultMessage: Pagamenti previsti e modalità
 msgid "pagamenti"

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2023-08-28T07:32:02.134Z\n"
+"POT-Creation-Date: 2023-09-20T11:30:56.175Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "MIME-Version: 1.0\n"
@@ -634,11 +634,12 @@ msgstr ""
 msgid "Type description…"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Edit
 #: components/ItaliaTheme/Blocks/ArgumentsInEvidence/Block
 #: components/ItaliaTheme/Blocks/TextCard/CardWithImage/Block
 #: components/ItaliaTheme/Blocks/TextCard/SimpleCard/Block
 #: components/ItaliaTheme/manage/Widgets/TextEditorWidget
-# defaultMessage: Digita un testo…
+# defaultMessage: Digita il testo…
 msgid "Type text…"
 msgstr ""
 
@@ -2620,6 +2621,11 @@ msgstr ""
 msgid "other_info"
 msgstr ""
 
+#: config/Blocks/ListingOptions/smallBlockLinksTemplate
+# defaultMessage: Non mostrare l'icona di accessibilità per i link a siti esterni
+msgid "override_links_accessibility_marker"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/TrasparenzaFields
 # defaultMessage: Pagamenti previsti e modalità
 msgid "pagamenti"

package/package.json

@@ -2,7 +2,7 @@
   "name": "design-comuni-plone-theme",
   "description": "Volto Theme for Italia design guidelines",
   "license": "GPL-v3",
-  "version": "8.6.0",
+  "version": "8.7.1",
   "main": "src/index.js",
   "keywords": [
     "volto-addon",

package/publiccode.yml

@@ -1,4 +1,4 @@
-# This repository adheres to the publiccode.yml standard by including this 
+# This repository adheres to the publiccode.yml standard by including this
 # metadata file that makes public software easily discoverable.
 # More info at https://github.com/italia/publiccode.yml
 
@@ -227,9 +227,9 @@ maintenance:
 name: io-Comune - Il sito AgID per Comuni ed Enti Pubblici
 platforms:
   - web
-releaseDate: '2023-09-18'
+releaseDate: '2023-09-21'
 softwareType: standalone/web
-softwareVersion: 8.5.1
+softwareVersion: 8.7.1
 url: 'https://github.com/italia/design-comuni-plone-theme'
 usedBy:
   - ASP Comuni Modenesi Area Nord

package/src/components/ItaliaTheme/Blocks/Accordion/Block/EditBlock.jsx

@@ -48,16 +48,6 @@ class EditBlock extends SubblockEdit {
     this.accordion_item_ref = React.createRef();
   }
 
-  componentDidMount() {
-    // eslint-disable-next-line no-unused-expressions
-    this.accordion_item_ref?.current?.addEventListener('keydown', (e) => {
-      if (e.keyCode === 13) {
-        if (!(this.state.focusOn === 'text')) {
-          this.setState({ focusOn: 'text' });
-        }
-      }
-    });
-  }
   /**
    * Render method.
    * @method render
@@ -105,12 +95,20 @@ class EditBlock extends SubblockEdit {
                 placeholder={this.props.intl.formatMessage(
                   messages.titlePlaceholder,
                 )}
-                nextFocus="text"
-                prevFocus="text"
-                disableMoveToNearest={true}
-                setFocus={(f) => {
-                  this.setState({ focusOn: f });
+                onSelectBlock={() => {}}
+                onAddBlock={() => {
+                  this.setState({ focusOn: 'text' });
+                }}
+                onFocusNextBlock={() => {
+                  this.setState({ focusOn: 'text' });
                 }}
+                onFocusPreviousBlock={
+                  this.props.isFirst
+                    ? this.props.onFocusPreviousBlock
+                    : () => {
+                        this.props.onSubblockChangeFocus(this.props.index - 1);
+                      }
+                }
                 showToolbar={false}
                 key="title"
               />
@@ -135,11 +133,19 @@ class EditBlock extends SubblockEdit {
                   placeholder={this.props.intl.formatMessage(
                     messages.textPlaceholder,
                   )}
-                  disableMoveToNearest={true}
-                  prevFocus="title"
-                  nextFocus="title"
-                  setFocus={(f) => {
-                    this.setState({ focusOn: f });
+                  onAddBlock={this.props.onFocusNextBlock}
+                  onFocusNextBlock={
+                    this.props.isLast
+                      ? this.props.onFocusNextBlock
+                      : () => {
+                          this.setState({ focusOn: null });
+                          this.props.onSubblockChangeFocus(
+                            this.props.index + 1,
+                          );
+                        }
+                  }
+                  onFocusPreviousBlock={() => {
+                    this.setState({ focusOn: 'title' });
                   }}
                   key="text"
                 />

package/src/components/ItaliaTheme/Blocks/Accordion/Edit.jsx

@@ -51,9 +51,17 @@ class Edit extends SubblocksEdit {
                       <EditBlock
                         data={subblock}
                         index={subindex}
-                        selected={this.isSubblockSelected(subindex)}
+                        selected={
+                          this.props.selected &&
+                          this.isSubblockSelected(subindex)
+                        }
                         {...this.subblockProps}
                         openObjectBrowser={this.props.openObjectBrowser}
+                        onFocusPreviousBlock={this.props.onFocusPreviousBlock}
+                        onFocusNextBlock={this.props.onFocusNextBlock}
+                        onSubblockChangeFocus={this.onSubblockChangeFocus}
+                        isLast={this.state.subblocks.length - 1 === subindex}
+                        isFirst={subindex === 0}
                       />
                     </div>
                   ))}

package/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx

@@ -7,15 +7,25 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { compose } from 'redux';
-import { injectIntl } from 'react-intl';
+
 import cx from 'classnames';
 import { Container, Row, Col } from 'design-react-kit';
 
 import { createContent } from '@plone/volto/actions';
 import { SidebarPortal } from '@plone/volto/components';
-import { EditTextBlock } from '@plone/volto/components';
+import { defineMessages, injectIntl } from 'react-intl';
+
+import {
+  AlertSidebar,
+  TextEditorWidget,
+} from 'design-comuni-plone-theme/components/ItaliaTheme';
 
-import { AlertSidebar } from 'design-comuni-plone-theme/components/ItaliaTheme';
+const messages = defineMessages({
+  content_placeholder: {
+    id: 'Type text…',
+    defaultMessage: 'Digita il testo…',
+  },
+});
 /**
  * Edit Alert block class.
  * @class Edit
@@ -84,20 +94,23 @@ class Edit extends Component {
                   </Col>
                 )}
                 <Col>
-                  <EditTextBlock
+                  <TextEditorWidget
                     data={this.props.data}
-                    detached={true}
-                    index={this.props.index}
+                    fieldName="text"
                     selected={this.props.selected}
                     block={this.props.block}
+                    onChangeBlock={(data) =>
+                      this.props.onChangeBlock(this.props.block, data)
+                    }
+                    placeholder={this.props.intl.formatMessage(
+                      messages.content_placeholder,
+                    )}
+                    showToolbar={true}
+                    onSelectBlock={this.props.onSelectBlock}
                     onAddBlock={this.props.onAddBlock}
-                    onChangeBlock={this.props.onChangeBlock}
-                    onDeleteBlock={this.props.onDeleteBlock}
-                    onMutateBlock={this.props.onMutateBlock}
-                    onFocusPreviousBlock={this.props.onFocusPreviousBlock}
+                    index={this.props.index}
                     onFocusNextBlock={this.props.onFocusNextBlock}
-                    onSelectBlock={this.props.onSelectBlock}
-                    blockNode={this.blockNode}
+                    onFocusPreviousBlock={this.props.onFocusPreviousBlock}
                   />
                 </Col>
               </Row>

package/src/components/ItaliaTheme/Blocks/ArgumentsInEvidence/BodyWrapper.jsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import cx from 'classnames';
 
-const BodyWrapper = ({ data, inEditMode, children }) => {
+const BodyWrapper = ({ data, inEditMode, children, id }) => {
   return (
     <div className={cx('container pt-5', { 'p-5': inEditMode })}>
-      <h2>{data.text}</h2>
+      <h2 id={id + 'title'}>{data.text}</h2>
       <div className="grid mt-5">{children}</div>
     </div>
   );

package/src/components/ItaliaTheme/Blocks/ArgumentsInEvidence/View.jsx

@@ -13,7 +13,7 @@ const View = ({ data, id }) => {
     <div className="block full-width">
       <div className="argumentInEvidence">
         <ArgumentsInEvidenceBackground />
-        <BodyWrapper data={data} inEditMode={false}>
+        <BodyWrapper data={data} inEditMode={false} id={id}>
           {data.subblocks
             ?.filter((subblock) => {
               return subblock.argument?.length > 0;

package/src/components/ItaliaTheme/Blocks/CTABlock/Block.jsx

@@ -1,7 +1,7 @@
 import { Button, Container } from 'design-react-kit';
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 /* eslint-disable jsx-a11y/click-events-have-key-events */
-import React, { useRef, useState } from 'react';
+import React, { useRef, useState, useEffect } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
 import Image from '@plone/volto/components/theme/Image/Image';
@@ -35,6 +35,9 @@ const Block = ({
   onSelectBlock,
   onAddBlock,
   index,
+  onFocusNextBlock,
+  onFocusPreviousBlock,
+  selected,
 }) => {
   const intl = useIntl();
   const title = data?.cta_title?.blocks[0]?.text;
@@ -42,9 +45,16 @@ const Block = ({
   const content = data?.cta_content;
   const showFullwidth = data?.showFullWidth;
 
-  const [selected, setSelected] = useState('title');
+  const [selectedField, setSelectedField] = useState('title');
   const titleRef = useRef();
   const contentRef = useRef();
+  useEffect(() => {
+    if (selected) {
+      setSelectedField('title');
+    } else {
+      setSelectedField(null);
+    }
+  }, [selected]);
 
   return (
     <div
@@ -62,7 +72,7 @@ const Block = ({
           }
 
           if (titleRef.current.contains(e.target)) {
-            setSelected('content');
+            setSelectedField('content');
           }
         }
       }}
@@ -85,29 +95,33 @@ const Block = ({
       )}
       <Container tag="div" className="px-3 px-md-4">
         <div className="cta-tile-text">
-          <h2 className="title mt-0">
+          <h2 className="title mt-0" id={block + 'title'}>
             {inEditMode ? (
               <div
                 ref={titleRef}
                 onClick={() => {
-                  setSelected('title');
+                  setSelectedField('title');
                 }}
                 onFocus={() => {
-                  setSelected('title');
+                  setSelectedField('title');
                 }}
               >
                 <TextEditorWidget
                   data={data}
                   fieldName="cta_title"
-                  selected={selected === 'title'}
+                  selected={selectedField === 'title'}
                   block={block}
                   onChangeBlock={(data) => onChangeBlock(block, data)}
                   placeholder={intl.formatMessage(messages.cta_title)}
                   showToolbar={false}
                   onSelectBlock={() => {}}
                   onAddBlock={() => {
-                    setSelected('content');
+                    setSelectedField('content');
                   }}
+                  onFocusNextBlock={() => {
+                    setSelectedField('content');
+                  }}
+                  onFocusPreviousBlock={onFocusPreviousBlock}
                 />
               </div>
             ) : (
@@ -118,16 +132,16 @@ const Block = ({
             <div
               ref={contentRef}
               onClick={() => {
-                setSelected('content');
+                setSelectedField('content');
               }}
               onFocus={() => {
-                setSelected('content');
+                setSelectedField('content');
               }}
             >
               <TextEditorWidget
                 data={data}
                 fieldName="cta_content"
-                selected={selected === 'content'}
+                selected={selectedField === 'content'}
                 block={block}
                 onChangeBlock={(data) => onChangeBlock(block, data)}
                 placeholder={intl.formatMessage(messages.cta_content)}
@@ -135,6 +149,10 @@ const Block = ({
                 onSelectBlock={onSelectBlock}
                 onAddBlock={onAddBlock}
                 index={index}
+                onFocusNextBlock={onFocusNextBlock}
+                onFocusPreviousBlock={() => {
+                  setSelectedField('title');
+                }}
               />
             </div>
           ) : (

package/src/components/ItaliaTheme/Blocks/CTABlock/View.jsx

@@ -4,10 +4,10 @@ import BodyWrapper from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks
 
 import Block from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/CTABlock/Block';
 
-const View = ({ data }) => {
+const View = ({ data, id }) => {
   return (
     <BodyWrapper inEditMode={false}>
-      <Block data={data} inEditMode={false} />
+      <Block data={data} inEditMode={false} block={id} />
     </BodyWrapper>
   );
 };

package/src/components/ItaliaTheme/Blocks/Calendar/Body.jsx

@@ -281,6 +281,7 @@ const Body = ({ data, block, inEditMode, path, onChangeBlock, reactSlick }) => {
                     'mt-5': !data.show_block_bg,
                     'mb-4': !location_filters_buttons,
                   })}
+                  id={block + 'title'}
                 >
                   {data.title}
                 </h2>

package/src/components/ItaliaTheme/Blocks/ContactsBlock/Edit.jsx

@@ -106,9 +106,15 @@ class Edit extends SubblocksEdit {
             </div>
 
             <SubblocksWrapper node={this.node}>
-              <Row className="justify-content-center">
+              <Row
+                className={
+                  this.state.subblocks.length > 3
+                    ? 'justify-content-start'
+                    : 'justify-content-center'
+                }
+              >
                 {this.state.subblocks.map((subblock, subindex) => (
-                  <Col lg="4" key={subblock.id}>
+                  <Col lg="4" key={subblock.id} className="pb-3">
                     <EditBlock
                       data={subblock}
                       index={subindex}

package/src/components/ItaliaTheme/Blocks/ContactsBlock/View.jsx

@@ -42,7 +42,13 @@ const AccordionView = ({ data, block }) => {
                 )}
               </div>
             </div>
-            <Row className="justify-content-center">
+            <Row
+              className={
+                data.subblocks.length > 3
+                  ? 'justify-content-start'
+                  : 'justify-content-center'
+              }
+            >
               {data.subblocks.map((subblock, index) => (
                 <Col lg="4" key={subblock.id} className="pb-3">
                   <ViewBlock

package/src/components/ItaliaTheme/Blocks/Listing/SmallBlockLinksTemplate.jsx

@@ -19,6 +19,7 @@ const SmallBlockLinksTemplate = ({
   linkHref,
   titleLine,
   linkmore_id_lighthouse,
+  override_links_accessibility_marker,
 }) => {
   return (
     <div className="small-block-links">
@@ -48,6 +49,9 @@ const SmallBlockLinksTemplate = ({
                       item={!isEditMode ? item : null}
                       href={isEditMode ? '#' : ''}
                       className="img-link"
+                      overrideMarkSpecialLinks={
+                        override_links_accessibility_marker
+                      }
                     >
                       {image}
                     </UniversalLink>