Questo sito e i siti tematici dell'amministrazione comunale di Pesaro sono stati progettati e realizzati seguendo le indicazioni della Legge sulle "Disposizioni per favorire l'accesso dei soggetti disabili agli strumenti informatici", Legge 4 del 2004 (Legge Stanca) in ottemperanza ai 22 requisiti della Verifica Tecnica di tale norma e in conformità alle direttive W3C sull'XHTML 1.0  e i CSS 3.

L'aggiornamento di questo portale, e di tutti i siti tematici del Comune di Pesaro, avviene tramite un CMS (applicazione per la gestione dei contenuti) attraverso il quale i dipendenti dell'Ente possono creare nuove pagine e inserire o modifcare contenuti. Per questo motivo garantire l'accessibilità di un sito web articolato come questo risulta un processo frutto di un costante lavoro da parte di tutte le persone coinvolte (redattori, coordinatori, tecnici).

Approfondimenti e documenti
[Download] Obiettivi di accessibilità per l'anno 2014
[Download] Rapporto di conformità ai requisiti tecnici
Caratteristiche generali
  • Le pagine sono realizzate utilizzando la versione 1.0 dell'XHTML con DTD di tipo Transitional.
  • Questo sito usa i fogli di stile per la disposizione visuale dei contenuti nella pagina.
  • Le pagine e i fogli di stile sono state validate con i Validatori del W3C (http://validator.w3.org), per verificare la corrispondenza del codice a quanto stabilito dalle grammatiche formali pubblicate dal W3C.
  • Il sito è stato testato per verificarne la compatibilità con i principali browser disponibili, quali Internet Explorer 6/7/8/9/10, Firefox, Google Chrome, Safari, Opera.
  • Questo sito usa solo caratteri con dimensione relativa, compatibili con le preferenze specificate dall'utente sul proprio browser nell'opzione "dimensione caratteri".
  • La formattazione della struttura grafica e l'impaginazione sono separati dai contenuti mediante l'utilizzo di fogli di stile.
  • Le pagine si adattano alle dimensioni della finestra del browser (layout liquido) senza sovrapposizione degli oggetti o perdita di informazioni anche in caso di ridimensionamento, ingrandimento o riduzione dell'area di visualizzazione e/o dei caratteri.
  • Tutte le pagine del sito si aprono sulla stessa finestra del navigatore.
  • La navigazione è strutturata nello stesso modo e lo stile di presentazione è coerente in tutte le pagine onde evitare di fuorviare l'utente.
  • E' presente, sotto l'intestazione di ogni pagina, un menù bread crumbs (briciole di pane) che indica il percorso di navigazione dalla home page alla pagina corrente visualizzata. Gli appositi link consentono di risalire di uno o più livelli.
  • Sono disponibili tasti di accesso rapido per permettere la navigazione senza l'uso del mouse (vedi sezione AccessKey della pagina).
  • I contenuti sono fruibili anche escludendo l'uso del colore, disabilitando i fogli di stile o adottando browser che non interpretano la grafica, i colori, i fogli di stile.
  • I colori sono stati studiati in modo da garantire un buon contrasto tra lo sfondo ed il colore del testo ed evitando l'utilizzo di colori troppo accesi o che potessero arrecare fastidi nella visualizzazione delle pagine.
  • Le differenze di luminosità e di colore fra il testo e lo sfondo sono conformi ai valori suggeriti dal W3C.
  • Non sono presenti elementi lampeggianti.
  • Le immagini hanno un'alternativa testuale per poter essere interpretate dai sintetizzatori vocali.
  • Non sono state utilizzate tabelle per il layout del sito. Le tabelle dati presenti nelle pagine sono state utilizzate solo per rappresentare dati realmente tabellari.
  • Il sito presenta un motore di ricerca interno per velocizzare ulteriormente il raggiungimento della sezione cercata.
AccessKey

Per garantire l'accessibilità del portale internet anche a chi non dispone di mouse, ma utilizza esclusivamente una tastiera, sono state introdotte le access key (ovvero le chiavi di accesso che permettono di richiamare con la sola tastiera le sezioni principali del sito).

Posizionandosi tramite access key su una sezione del sito ed utilizzando poi il tasto di tabulazione TAB è possibile raggiungere tutti i contenuti presenti nel sito internet.

Funzionamento

All'interno delle parole che compongono i menù principali del sito (menù di navigazione principale superiore ed inferiore, menù di navigazione destro e sinistro) sono state evidenziate alcune lettere che si distinguono dalle altre essendo sottolineate e su sfondo bianco.
Una volta che ci si è posizionati su una sezione del sito tramite un Access key è possibile raggiungere le altre voci tramite il tasto TAB.

Esempio: menù di navigazione principale superiore, la parola Home

In questo caso per accedere direttamente alla pagina “home” dovremo:

  • Selezionare tenendo schiacciato il pulsante Alt
  • Selezionare la lettera H (che rappresenta la chiave di accesso per la Home Page)
  • Rilasciare i precedenti tasti e premere Invio*
    (*Modalità di utilizzo con Microsoft Internet Explorer.
    Utilizzando Mozilla FIREFOX non vi sarà la necessità di premere il pulsante di INVIO)

Ricordiamo che i tasti di scelta rapida vengono gestisti in maniera differente da ogni browser utilizzato. Elenchiamo di seguito il comportamento dei programmi maggiormente utilizzati:

  • Mozilla (tutti), Firefox (tutti): Alt+Shift, Access key
  • Netscape (v. 6+): Alt+Access key
  • Microsoft Internet Explorer (v. 6+): Alt+Access key, Invio
  • Opera (v 6+): Shift+Esc, Access key
  • Konqueror (3.3+): Ctrl, Access key
  • Safari (1.2+): Ctrl, Access key.
Access Key definiti sul portale

Menù di navigazione superiore e inferiore:

  • Home Page (ALT + H)
  • Versione Mobile (ALT + V)
  • Mappa (ALT + M)
  • News (ALT + N)
  • Eventi (ALT + E)
  • Elenco siti tematici (ALT + S)
  • Link (ALT + L)
  • Privacy (ALT + P)
  • Contatti (ALT + C)
  • Ricerca (ALT + R)
  • Note legali (ALT + N)
  • Accessibilità (ALT + A)

Inizio Contenuto Centrale della pagina

  • (ALT + T)

Menù di navigazione a sinistra

  • Aree Tematiche (ALT + A)
  • Servizi Online (ALT + S)

Menù di navigazione a destra

  • Il Comune (ALT + O)
  • La città  (ALT + I)

W3C xhtml W3C Css