Skip to content

Accessibilità nel web: il nostro impegno

La web accessibility consente di fornire contenuti e funzionalità fruibili a qualsiasi utente, senza discriminazione

15.10.21
Tempo di lettura:

Se dovesse sorgere il dubbio, sfogliando il dizionario troviamo il significato della parola “accessibilità“:

L’accessibilità è la facoltà o la possibilità di accedere a un luogo o a una risorsa.

In questo articolo vogliamo riflettere sulla trasposizione informatica del termine e sull’importanza che riveste per le persone.
Nel mondo digitale l’accessibilità estende il suo significato alla capacità di applicazioni e servizi di fornire contenuti e funzionalità fruibili a qualsiasi utente, senza alcuna discriminazione, e di semplificarne l’integrazione con i dispositivi che ne facilitano l’utilizzo.

Cosa significa web accessibility?

Accessibilità vuol dire, prima di tutto, inclusione e il concetto supera il contesto semplicistico di “persone con disabilità”, ma comprende anche dispositivi di fruizione, contenuti e modalità di accesso differenti.
Ad esempio, se in un ambiente desktop il puntatore ci permette di cliccare su un pulsante microscopico, da cellulare dobbiamo pensare alle dimensioni delle dita.

Inoltre, la web accessibility consente di fornire un servizio digitale anche a chi presenta disabilità e a chi utilizza tecnologie ausiliarie di supporto.
Nel caso una persona non abbia la possibilità di utilizzare un mouse ma solamente una tastiera, deve poter avere la possibilità di accedere alla risorsa con tale strumento.

E’ obbligatorio avere un sito accessibile?

Per le Pubbliche Amministrazioni sì, è obbligatorio che il proprio sito web sia accessibile.

Trattandosi di enti pubblici che concorrono all’esercizio e alle funzioni dell’amministrazione di uno Stato, le P.A. devono avere un sito navigabile da tutti gli utenti, indipendentemente dalle loro condizioni o eventuali disabilità.

Per le aziende, invece, la questione è un po’ diversa: diventa un obbligo quando il suo fatturato supera i 500 milioni di euro di media nell’ultimo triennio.

accessibilita

Come rendere accessibile un sito web

Ogni forma di disabilità porta con sé delle barriere che, spesso, sono dovute al contesto e all’ambiente, non alla persona, e noi ci impegniamo per fare in modo che, per quanto possibile, tali ostacoli siano annullati.

Al fine di rendere la nostra applicazione web accessibile, ne teniamo conto già in fase di progettazione per poter assicurare i nostri contenuti fruibili a tutti. Studiamo sempre nuove tecnologie per apportare interventi strutturali, di stile e interattivi.

Per esempio, se una persona presenta problemi all’udito potrebbe aver bisogno di testi e sottotitoli per i contenuti multimediali e della capacità di regolare l’audio di un video, indipendentemente dal volume di sistema.

Per utenti con problemi alla vista, invece, il sito web dovrà avere pulsanti e testi di dimensioni più grandi e la possibilità di ascoltare la versione audio dei testi presenti sulla pagina.

A seconda delle esigenze individuali, le persone con disabilità cognitive, di apprendimento e neurologiche fanno spesso affidamento su:

  • contenuti chiaramente strutturati che facilitano la panoramica e l’orientamento;
  • diverse modalità di navigazione, come menu gerarchico e ricerca;
  • opzioni per sopprimere i contenuti lampeggianti, tremolanti che distraggono;
  • testo più semplice integrato da immagini, grafici e altre illustrazioni.

Requisiti per l’accessibilità digitale

Sono disponibili delle linee guida ufficiali da seguire in fase di disegno e sviluppo, in cui sono riportati i requisiti indispensabili per raggiungere un adeguato livello di accessibilità

Le linee guida per l’accessibilità dei contenuti web (WCAG) sono sviluppate con il processo W3C in collaborazione con individui e organizzazioni di tutto il mondo, con l’obiettivo di fornire uno standard unico e condiviso che soddisfi le esigenze di individui, organizzazioni e governi a livello internazionale.

Accessibility by design – Caso studio

Ser.S.A. ci ha contattati con la richiesta di rinnovare la propria immagine digitale, a partire dal rifacimento di un sito web alquanto datato (13 anni in informatica sono almeno due ere geologiche!)
Ser.S.A. è una residenza per anziani di Belluno e, in quanto tale, rientra nella categoria delle P.A., pertanto obbligata a rispettare le normative fissate da AgID in ambito di accessibilità.

Già in sede di design abbiamo deciso di costruire una grafica con questi elementi:

  • font dalle dimensioni grandi;
  • calcolo del rapporto minimo tra i colori di testo e sfondo per elevare il contrasto;
  • navigazione da tastiera chiara e coerente con le informazioni nella pagina (tabindex);
  • contenuti multimediali con didascalia testuale da mostrare nel caso di lettura con screen reader (tag title e alt);
  • pulsanti e link con testo o titolo in grado di aiutare gli screen reader a capirne la funzione.

I risultati del nostro lavoro sono stati controllati attraverso formule e metodi scientifici ripetibili, ovvero tramite gli opportuni Audits di Google.

La conformità ai principi di accessibilità non ci ha assolutamente impedito di rendere il sito moderno, sono infatti presenti delle belle animazioni che lo rendono leggero e dinamico. Se volete dare un’occhiata a un sito inclusivo e performante questo è il link su cui cliccare!

La tua iscrizione non può essere convalidata.
La tua iscrizione è avvenuta correttamente.
Iscriviti alla nostra newsletter!

Riceverai consigli e proposte per migliorare la tua impresa!

Condividi su
  • LaravelDay e VueDay, tra teoria e pratica
    Per i nostri dev è ormai un appuntamento fisso! 
    leggi tutto
  • Nuova energia creativa grazie a Play Copy 2023
    Anche la parte di copy ha bisogno di prendersi un momento per crescere
    leggi tutto
  • Bias cognitivi: nuove pillole utili
    Scopri fono in fondo dove la tua mente può raggirarti
    leggi tutto
  • I bias cognitivi: ostacoli per la mente e leve per il marketing
    Quanta fiducia dai alla tua mente? In questo articolo ti spigheremo che non è così…
    leggi tutto
  • UX e UI design: temi da approfondire
    Ecco la seconda parte del nostro approfondimento dedicato all'UX e UI design, buona lettura!
    leggi tutto
  • UX e UI design: il decalogo definitivo
    Ti è già capitato di atterrare su un sito e non riuscire a ricavare le…
    leggi tutto
  • Kayak, la nostra interfaccia open source per interagire con Docker
    Abbiamo progettato un software che fornisce un ambiente di sviluppo Wordpress in pochi minuti
    leggi tutto
  • Ordini Professionali e presenza digitale
    Un sito web è utile a ogni forma di organizzazione, non si tratta sempre e…
    leggi tutto
  • Progettare siti web per la pubblica amministrazione
    Progettare siti web per gli enti pubblici significa lavorare al massimo grado di efficienza per…
    leggi tutto
  • Comunicare la sostenibilità, quella vera
    Il greenwashing è un boomerang per le aziende che non hanno interesse ad evolvere. Noi…
    leggi tutto
  • Le migliori campagne di marketing del 2022, quelle di valore
    Abbiamo scelto 3 campagne di marketing che più ci sono piaciute (e hanno funzionato) nel…
    leggi tutto
  • Employer Branding: significato e vantaggi per le aziende
    L'Employer Branding è la strategia che definisce, gestisce e promuove l'immagine di un'azienda come luogo…
    leggi tutto
  • Vue Day e Laravel Day
    Impressioni e opinioni del Team Sviluppo su LaravelDay e VueDay 2022
    leggi tutto
  • Excel e Gestionali: i due software per la gestione aziendale
    Automatizzare e ottimizzare è fondamentale per gestire al meglio un'azienda. E grazie all'unione di Excel…
    leggi tutto
  • Le difficoltà nella ricerca di personale
    I fattori che stanno rendendo difficile per le aziende la ricerca di nuovo personale sono…
    leggi tutto
  • Comunicare i valori del bio in modo autentico
    L’esigenza è far comprendere al pubblico quanto impegno e quanta responsabilità ci siano alla base…
    leggi tutto
  • Il metodo Agile all’interno di Nodopiano
    Chi applica e prova l’Agile non torna più indietro. Vuoi sapere come siamo giunti a…
    leggi tutto
  • Web Marketing Festival 2022: il futuro è qui
    Diffusione delle competenze digitali, promozione di temi sociali, innovazione e spettacolo: ecco il nostro WMF!
    leggi tutto
  • GDPR e Nodopiano: (s)piegare le regole
    Il GDPR ha cambiato fortemente il modo di raccogliere e utilizzare i dati degli utenti…
    leggi tutto
  • Come si diventa sviluppatori?
    Cura, semplicità e diffidenza sono i 3 principi da seguire se si vuole diventare sviluppatori
    leggi tutto
  • Chi ha paura della pagina bianca?
    Lo spazio bianco non è un nemico, è l'alleato per rendere un progetto grafico davvero…
    leggi tutto
  • Web 3.0: una rete di opportunità
    Web 3.0, privacy e criptovalute Cosa ci riserva il futuro?
    leggi tutto
  • Top 3 campagne marketing 2021
    Quali sono le campagne che più abbiamo amato nel 2021?
    leggi tutto
  • Trend Graphic Design 2022
    Il 2022 sarà un anno di grande semplicità e minimalismo per il mondo del Graphic…
    leggi tutto
  • Le 4P del Marketing Mix
    “Il marketing mix è la combinazione delle variabili controllabili di marketing che l’impresa impiega al…
    leggi tutto
  • Accessibilità nel web: il nostro impegno
    La web accessibility consente di fornire contenuti e funzionalità fruibili a qualsiasi utente, senza discriminazione
    leggi tutto
  • LaravelDay 2021
    Impressioni e opinioni del Team Sviluppo sul LaravelDay 2021
    leggi tutto
  • Gestione dei progetti in home working
    Nell’ultimo anno abbiamo investito molte energie per strutturare il nostro project management
    leggi tutto
  • Font e caratteri tipografici: una scelta di stile
    Scegliere il font per un progetto è un modo per avvicinarsi al cliente e comunicare…
    leggi tutto
  • PWA vs APP native: tutto quello che devi sapere
    La PWA è il mix ideale tra un'app e un sito web, riunisce le migliori…
    leggi tutto
  • La creazione di una campagna di sensibilizzazione
    Come comunicare un messaggio: dal concept della campagna alla data visualization, passando per i social…
    leggi tutto
  • Rebranding: a cosa ti serve?
    Il tuo brand è riconoscibile tra tutti gli altri? Cosa lo differenzia in maniera inequivocabile…
    leggi tutto
  • Come creare tabelle HTML responsive in puro CSS
    Come mostrare le tabelle di dati nei dispositivi mobile?Un problema che tutti si ritrovano a…
    leggi tutto
  • Perchè NodoPiano?
    Cosa vuol dire nodopiano? O meglio, nodo piano? Ve lo spieghiamo in questo post in…
    leggi tutto
  • Personalizzare gli elenchi numerati con CSS
    Qualche dritta da developer in questo post ad alto contenuto tecnico. Elenchi numerati con CSS:…
    leggi tutto