Accessibilità
VistaGare punta alla conformità con le Web Content Accessibility Guidelines (WCAG) 2.2 a Livello AA come obiettivo di progetto. Alcuni criteri sono coperti integralmente, altri parzialmente (componenti di terze parti o mappe canvas); le limitazioni note sono elencate in fondo.
Widget accessibilità
Nell’header del sito, subito a destra del pulsante Segnala un problema, trovi l’icona Accessibilità (omino universale). Cliccandola si apre un pannello con preferenze di visualizzazione solo per il tuo browser (salvate in localStorage).
| Preferenza | Effetto |
|---|---|
| Contrasto elevato | Aumenta il contrasto generale |
| Inverti colori | Scambia chiaro/scuro (le foto restano naturali; le mappe vengono invertite) |
| Testo più grande | Cicla normale → grande → extra grande |
| Spaziatura testo | Interlinea e spaziatura tra lettere |
| Evidenzia focus | Contorno più visibile con navigazione da tastiera |
| Sottolinea link | I link non dipendono solo dal colore |
| Riduci animazioni | Disattiva transizioni e animazioni del sito |
| Font leggibile | Sans-serif di sistema |
Per ripristinare le impostazioni predefinite usa Ripristina predefiniti nel pannello.
Scorciatoie da tastiera
Su macOS, il tasto Option (⌥) corrisponde a Alt negli eventi del browser. Cmd (⌘) non sostituisce Alt per le scorciatoie del sito, salvo dove indicato per funzioni del browser.
| Azione | Windows / Linux | macOS | Note |
|---|---|---|---|
| Apri widget accessibilità | Alt + Shift + A |
⌥ Option + Shift + A |
Disponibile ovunque tranne mentre si digita in un campo |
| Chiudi modale / pannello | Esc |
Esc |
Modali bug report, accessibilità, Kanban, AI, lightbox |
| Naviga avanti | Tab |
Tab |
Tutte le piattaforme |
| Naviga indietro | Shift + Tab |
Shift + Tab |
Tutte le piattaforme |
| Attiva pulsante / link | Invio o Spazio |
Invio o Spazio |
Spazio sui pulsanti; Invio sui link |
| Salta al contenuto principale | Primo Tab → «Vai al contenuto» |
uguale | Porta a #site-main o alla mappa in homepage |
| Menu a tendina (Tools, Account) | ↑ ↓ Home End |
uguale | Con il menu aperto |
| Caroselli landing Radar | ← → |
uguale | Con focus sul carosello |
| Zoom testo browser | Ctrl + + / - |
⌘ + + / - |
Complementare al widget; criterio 1.4.4 |
| Ricerca Ghost | — | — | Icona lente nell’header; shortcut nativo Ghost se abilitato |
Navigazione per sezione
Header e footer
- Tab attraversa logo, menu, icone (Suggerimento, Bug, Accessibilità, Cerca), account.
- Il footer può essere compresso con il pulsante chevron; lo stato è annunciato con
aria-expanded.
Homepage — Mappa gare (Appalti)
- Filtri esito, CPV e toolbar sono raggiungibili con Tab.
- La mappa MapLibre è un’area
regioncon etichetta «Mappa gare»; la navigazione completa da tastiera sui pin è limitata (canvas). Usa la tabella ricerca bandi (icona 🔎, membri a pagamento) come alternativa testuale.
Finanziamenti e incentivi
- Layout analogo: mappa regioni + elenco sotto. Tabella ricerca finanziamenti (icona 🔎) per esplorazione tabellare.
Kanban
- Schede e colonne: Tab tra controlli; modali documenti e conferme con Esc per chiudere.
Company Profile
- Wizard SurveyJS: focus sulle domande; export/restore/registro aprono modali con Esc.
- Avatar: il nome utente è testuale accanto all’immagine.
VistaGare Radar (pagine analitiche)
- Filtri CPV, tabelle Tabulator e toolbar: navigabili con Tab; menu Tools con frecce.
Osservatorio, Telegram, landing marketing
- Form e dialoghi seguono gli stessi pattern (etichette, Esc, focus visibile).
Blog (post, tag, autore)
- Immagini in evidenza con testo alternativo (titolo o alt impostato in Ghost).
Preferenze di sistema e browser
- Se il sistema segnala
prefers-reduced-motion, considera di attivare Riduci animazioni nel widget per coerenza. - Zoom browser e dimensione testo del widget sono cumulativi — regola in base alle tue esigenze.
Limitazioni note
| Area | Limite | Alternativa |
|---|---|---|
| Mappe MapLibre (gare, finanziamenti) | Tastiera limitata su canvas | Tabella ricerca / elenco post |
| PDF.js (schede bando) | Viewer di terze parti | Download PDF |
| SurveyJS / Tabulator | Componenti third-party | Segnalaci problemi specifici |
| Portal Ghost (login/account) | Interfaccia Ghost | Documentazione Ghost |
Non forniamo certificazione formale WCAG né dichiarazione legale EAA; questa pagina descrive l’impegno tecnico del tema VistaGare.
Feedback
Per problemi di accessibilità o bug dell’interfaccia usa Segnala un problema (icona triangolo nell’header) o la pagina dedicata sul sito.