Vai al contenuto
IT

Accessibilità

Testo

  • Dimensione del testo

Lettura

Colori e immagini

Navigazione

Frame Multimedia Solutions

Accessibilità

Un sito che si adatta a chi lo usa. Progettiamo strumenti per persone cieche, sorde, anziane e con bisogni cognitivi: il nostro sito deve essere il primo esempio.

01

Gli strumenti

Li trovi sempre in alto a destra, nell’icona con la figura umana. Le scelte restano salvate sul tuo dispositivo.

Testo

  • 01

    Dimensione del testo

    Tre misure. L’impaginazione si adatta, niente si sovrappone.

  • 02

    Carattere ad alta leggibilità

    Atkinson Hyperlegible, disegnato dal Braille Institute per chi ha una vista ridotta.

  • 03

    Testo più arioso

    Più spazio fra righe, parole e lettere.

Lettura

  • 04

    Leggi ad alta voce

    Legge la pagina, o solo il testo che hai selezionato, con una voce del tuo dispositivo. Evidenzia il paragrafo che sta leggendo; puoi metterla in pausa o fermarla.

  • 05

    Guida di lettura

    Una fascia chiara segue il puntatore e scurisce il resto della pagina, così non perdi la riga.

Colori e immagini

  • 06

    Contrasto elevato

    Nero pieno su bianco pieno (o il contrario, con il tema scuro) e bordi più marcati.

  • 07

    Scala di grigi

    Toglie i colori a tutta la pagina, per chi si affatica o si distrae con i colori accesi.

  • 08

    Nascondi immagini

    Foto e video spariscono e lasciano il loro spazio, con la descrizione quando c’è. Testi, loghi e link restano al loro posto.

Navigazione

  • 09

    Evidenzia link e focus

    Link sempre sottolineati e un contorno spesso attorno all’elemento su cui ti trovi con la tastiera.

  • 10

    Cursore grande

    Un puntatore del mouse più grande, nero con il bordo bianco, che si vede su ogni sfondo.

  • 11

    Ferma le animazioni

    Si fermano sfondi animati, video automatici e scorrimenti. Vale anche se il tuo dispositivo chiede «meno movimento».

Questi strumenti aiutano, ma da soli non rendono accessibile un sito: conta come è costruito. Titoli in ordine, contrasto sufficiente, tutto usabile da tastiera, testi alternativi per le immagini, meno movimento per chi lo chiede.

02 Com’è costruito

  • Ogni pagina ha un solo titolo principale e una struttura di titoli ordinata, leggibile dagli screen reader.
  • Si naviga tutto da tastiera: menu, gallerie, filtri, linea del tempo. C’è il link «Vai al contenuto».
  • Le immagini che portano informazione hanno un testo alternativo; quelle decorative sono nascoste agli screen reader.
  • Nessun video parte con l’audio. I video automatici sono muti e si fermano quando escono dallo schermo.
  • Tema chiaro e scuro, testi ridimensionabili fino al 200% senza perdere contenuti.

03 Cosa ancora non va

  • Le foto delle gallerie dei progetti hanno ancora una descrizione generica: le stiamo scrivendo una a una.
  • I video ospitati su YouTube non hanno tutti i sottotitoli.
  • La lettura ad alta voce usa le voci del tuo dispositivo: se per una lingua non ce n’è una (succede spesso con l’arabo), va aggiunta nelle impostazioni del sistema.

Preferiamo dirlo: un elenco di limiti onesto vale più di una dichiarazione perfetta.

04

Segnalazioni

Qualcosa non funziona per te? Scrivici cosa stavi facendo e con quale dispositivo o tecnologia assistiva: rispondiamo e correggiamo.