linee-guida-accessibilita.yaml

# INSTRUCTIONS
# folder structure:
# levelX.yaml < contents and settings
# levelX/ < folder with childrens
# important: each level has its dedicated template, from level1 to level4
#
# comments:
# #C to locate all editable content
# #M for links/navigation
# #I for images/media
# #AUTO for parts that will soon be automated, preferably
#
# comment with # to hide something
# delete with caution

# ————————————————————————————————————————————
# CREATEPAGE GATSBY
# ————————————————————————————————————————————
metadata:
  template:
    name: level2

# ————————————————————————————————————————————
# SEO, OPENGRAPH
# ————————————————————————————————————————————
seo:
  name: Linee guida accessibilità - Designers Italia #C REMIND "- Designers Italia" #AUTO
  description: La norma a cui riferirti per favorire e semplificare l'accesso delle persone con disabilità agli strumenti informatici #C
  image: null #I
  canonical: null
  pathname: /norme-e-riferimenti/linee-guida-accessibilita/ #M

# ————————————————————————————————————————————
# NAV - PRE FOOTER
# ————————————————————————————————————————————
# navPreFooter:
#   navOtherPrevNext:
#     prev:
#       label: Titolo sorella precedente #C
#       url: "#" #M
#       # image: /images/link-custom-icon.svg #I
#       blank: false
#       specular: false
#       icon:
#         icon: "sprites.svg#it-arrow-left"
#         size: "sm"
#         align: "middle"
#         color: "primary"
#         hidden: true
#         addonClasses: flex-shrink-0 me-3
#     next:
#       label: Titolo sorella successiva #C
#       url: "#" #M
#       # image: /images/link-custom-icon.svg #I
#       blank: false
#       specular: true
#       icon:
#         icon: "sprites.svg#it-arrow-right"
#         size: "sm"
#         align: "middle"
#         color: "primary"
#         hidden: true
#         addonClasses: flex-shrink-0 ms-3

# ————————————————————————————————————————————
# CONTENT
# ————————————————————————————————————————————
components:

  # ///////////////////
  # HERO
  # ///////////////////
  hero:
    background: light
    title: Linee guida accessibilità #C
    subtitle: La norma a cui riferirti per favorire e semplificare l'accesso di tutte le persone, senza discriminazioni, agli strumenti informatici #C
    tag:
        label: Norme #C
        addonClasses: mt-3 text-uppercase
    pretext:
      icon:
        icon: sprites.svg#it-help-circle
        size: sm
      text: In breve
    text: | #C
      Le Linee guida emanate da AGID indirizzano la Pubblica Amministrazione verso servizi digitali sempre più accessibili.
    # img: /images/400x300.png #I
    # alt: alt lorem ipsum #C
    imgRatio: 4x3

    # KANGAROO: METADATA
    kangaroo:
      id: kangarooHero
      titleSr: Metadati e link per approfondire
      tagsLabel: Parliamo di
      color: secondary
      icon:
        icon: sprites.svg#it-horn
        size: sm
        color: secondary
      tags: [Accessibilità,Linee guida,Normativa]

    #  # KANGAROO: CHILDREN SHORTCUTS
    #  dropdown:
    #    btnId: dropdownKang
    #    button:
    #      addonStyle: dropdown-toggle btn-dropdown
    #      label: Scopri il level 2 #C
    #      iconRight: true
    #      icon:
    #        icon: sprites.svg#it-expand
    #        size: sm
    #        color: primary
    #        addonClasses: icon-expand ms-2
    #    list:
    #      listItems: #M
    #        - url: "level3/"
    #          label: Level 3 #C
    #          iconRight: true #SHOW CHILDREN DROPDOWN ITEM ICONS
    #          icon:
    #            icon: sprites.svg#it-arrow-right
    #            color: primary
    #            size: sm

  # ///////////////////
  # SECTION EDITORIAL
  # ///////////////////
  sectionsEditorial:

    # —
    # IMG FULL COVER
    # —
    # - menu: false #TOGGLE RIGHT SECTION INDEX
    #   background: null
    #   full: true
    #   noSpace: true
    #   components:
    #     # IMG
    #     - name: ImageIcons
    #       image: /images/image-icons-fullwidth.jpg #I
    #       alt: Descrizione immagine grande #C

    # —
    # EDITORIAL #C #I
    # —
    - title: Progettare per tutte le persone
      background: null
      menu: false
      centered: true
      text: | #C
        Le Linee guida accessibilità garantiscono servizi digitali pienamente fruibili da tutte le persone
      components:

        # TXT BLOCK
        - name: TextImageCta
          title: "Pubblico è accessibile" #C
          text: | #C
            Per "accessibilità" si intende la capacità di un sistema informatico di erogare servizi e **rendere informazioni fruibili a tutte le persone, senza discriminazioni**, con un’esperienza piena e soddisfacente, a prescindere da possibili condizioni di disabilità che rendano necessario l’utilizzo di strumenti assistivi o di particolari configurazioni del sistema.

            Allo scopo di indirizzare la Pubblica Amministrazione e tutti i soggetti che erogano servizi pubblici verso servizi digitali sempre più accessibili, AGID ha emanato le Linee guida sull’accessibilità degli strumenti informatici. Il documento attua la Direttiva UE 2016/2102, relativa all’accessibilità dei siti web e delle applicazioni mobili degli enti pubblici, ed è **redatto secondo l’articolo 11 della Legge del 9 gennaio 2004, n. 4** e successivi aggiornamenti.

        # TXT BLOCK
        - name: TextImageCta
          title: "Che cosa dicono le Linee guida accessibilità" #C
          text: | #C
            Le Linee guida definiscono:

             - i **requisiti tecnici per l’accessibilità degli strumenti informatici**, compresi i siti web e le applicazioni mobili;
             - le **metodologie tecniche per la verifica dell’accessibilità** degli strumenti informatici;
             - il modello della **dichiarazione di accessibilità** e l’obbligo annuale di pubblicazione degli **obiettivi di accessibilità**;
             - la **metodologia di monitoraggio della conformità** degli strumenti informatici alle prescrizioni in materia di accessibilità;
             - le circostanze che possono determinare un **onere sproporzionato** da parte del soggetto erogatore.


          #### Leggi le Linee guida su Docs Italia
          ctas:
          - label: Vai alle Linee guida accessibilità #C
            screenReaderText: " (si apre in una nuova finestra)" #C
            url: https://docs.italia.it/AGID/documenti-in-consultazione/lg-accessibilita-docs/it/stabile/index.html #M
            blank: true #M #C true if new tab for external links
            icon:
              icon: sprites.svg#it-external-link #C #I #it-arrow-right | it-external-link for external links
              color: primary
              align: middle
              hidden: true
              size: sm
              addonClasses: ms-2


       # # TXT BLOCK WITHOUT TITLE, PLAIN MARKDOWN.
       # # HEADING STARD WITH H4 JUST IN CASE
       # - name: TextImageCta
       #   text: |
       #     #### Titoletto interno h4
       #     Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

       #     Lorem ipsum.