Verifica di conformità di www.ass3.sanita.fvg.it

Salta direttamente alla relazione
SimFVG SimVDA ConfAss3 UTAss3 ValAss3 Regione Friuli Venezia Giulia Regione Val d'Aosta ASS3 dell'Alto Friuli
Sei qui : Home Page > Indice relazione comformità > Quinta pagina analizzata

Indice pagina

  1. Validità del codice
  2. Frames
  3. Alternative Testuali
  4. Colore
  5. Scritte lampeggianti
  6. Contrasto
  7. Mappe immagine - 1
  8. Mappe immagine - 2
  9. Tabelle dati - 1
  10. Tabelle dati
  11. Fogli di stile
  12. Liquid layout
  13. Tabelle layout
  14. Forms
  15. Scripts e applet
  16. Eventi
  17. Scripts, applet, PDF, ...
  18. Multimediale
  19. Link non ambigui
  20. Temporizzazioni
  21. Link distanti
  22. Pagine equivalenti

Pagina medici di medicina generale di www.ass3.sanita.fvg.it

  1. Validità del codice

    vedi definizione requisito
    Esito : non conforme
    Errore :
    La pagina e' stata sviluppata seguendo lo standard HTML 4.01 il DTD associato è di tipo "strict" c'e' l'associazione ad un CSS (foglio.css) di tipo linked e non embedded (cioè interno all'html) non c'e' la presenza di un print-style (l'anteprima di stampa e' fatta solo togliendo il foglio di stile) non c'e' apertura di nuove finestre quando si attivano i link, neanche la query compilata tramite form e poi mandata con il post ad un java script apre nuove pagine. La conclusione è comunque che la pagina non viene compilata correttamente dal validatore W3c infatti sono stati rilevati 4 error che possiamo elencare:
    Soluzione :
    Rivedere il codice, sopratutto della definizione dell'attributo id dei tag

    screenshot

    ^top
  2. Frames

    vedi definizione requisito
    Esito : Conforme
    La pagina non è costituita da frame e perciò è conforme a tale requisito.

    ^top
  3. Alternative testuali

    vedi definizione requisito
    Esito : non conforme
    Errore :
    I nomi sostitutivi delle form non sono utili anzi alle volte hanno l'effetto di disorientare l'utente. vediamo alcuni esempi:
    • FORM 1: ID="elenco medici" NOME="id"
    • FORM 2: ID="parola chiave" NOME="sboxra"
    • FORM 3: ID="ricerca comune" NOME="sboxra"

    Possiamo notare che ci sono due form con lo stesso attributo nome, ciò descrive un errore di scrittura molto grave.

    screenshot

    screenshot

    screenshot

    Soluzione :
    Dobbiamo però spezzare una lancia a favore del sito per quanto riguarda gli attibuti ALT nelle immagini, molto curata questa parte, tutte le immagini hanno un testo alternativo molto convincente. Piccolo suggerimento: ALT sul fondo dovrebbe avere come valore "contatti" sarebbe più efficace.Gli ALT comunque sono in certe occasioni poco efficaci , l'immagine in alto ha ALT="Ass3",letto con un browser testuale ha poca efficacia, il link rimanda alla home page. Consigliamo di usare i nomi alternativi per ogni form, ed esplicitarla per i browser testuali.
    ^top
  4. Colore

    vedi definizione requisito
    Esito : Conforme
    Considerazioni :
    La pagina anche in assenza di colore fruisce i servizi che rende con i colori, le form (che sono la vera funzionalita' della pagina) puo' essere utilizzata senza problemi, i bottoni posti sotto di essa e a lato sono visibili. Sia le alternative che per rilevare dati errati di una form si sono usati colori visibili anche in B/N. Non avendo tabelle il punto 4 è rispettato anche secondo questo punto di vista.
    ^top
  5. Scritte lampeggiandi

    vedi definizione requisito
    Esito : non valutabile

    ^top
  6. Contrasto

    vedi definizione requisito
    Esito : non conforme
    Errore :
    I bottoni a sinistra che raggruppano i link dei sottomenu' sono ben contrastati:
    • Brightness

    • Threshold : 125
    • Raport Foregruond/Background : 233
    • In Color

    • Threshold : 500
    • Raport Foregruond/Background : 699
    Non si puo' dire lo stesso del sottotitolo della pagina "Direzione strategica" scritto con il colore codificato: #C68245 , infatti il contrasto in questo caso risulta insufficente , esso e' anche usato "on-click" sulle mail:
    • Brightness

    • Threshold : 125
    • Raport Foregruond/Background : 111 <---- INSUFFICENTE
    • In Color

    • Threshold : 500
    • Raport Foregruond/Background : 368
    Soluzione :
    Aumentare il contrasto proponendo un colore più scuro.
    ^top
  7. Mappa immagine 1

    vedi definizione requisito
    Esito : non valutabile

    ^top
  8. Mappa immagine 2

    vedi definizione requisito
    Esito : non valutabile

    ^top
  9. Tabelle di dati

    vedi definizione requisito
    Esito : non valutabile
    Errore :
    Nella pagina non sono presenti tabelle, né dati né di layout
    ^top
  10. Tabelle di dati

    vedi definizione requisito
    Esito : non valutabile

    ^top
  11. Fogli di stile

    vedi definizione requisito
    Esito : conforme
    Considerazioni :
    Abbiamo la presenza di un foglio di stile che, se tolto, permette ugualmente di godere dei servizi della pagina, mostriamo due esempi di screenshot, il primo dove andremmo a togliere i Style Sheet del Browser usato e nel secondo, dove toglieremo tutti i fogli di stile. Il foglio di stile come si vede dagli screenshot non è validato con il validatore WDG.

    screenshot

    screenshot

    screenshot


    ^top
  12. Liquid Layout

    vedi definizione requisito
    Esito : Conforme
    Abbiamo preso in esame queste proporzioni:
    • 800 X 600 : presenza di scroll, non ci sono sovrapposizioni
    • 740 X 480 : presenza di entrambi gli scroll , non ci sono sovrapposizioni
    Abbiamo poi usato ZOOMTEXT v.9 per testare il potere della pagina di resistere alle trasformazioni:
    • posso permettermi 3 zoom-in prima di vedere sovrapposizioni rilevanti

    ^top
  13. Tabelle di Layout

    vedi definizione requisito
    Esito : non valutabile
    La pagina non utilizza tabelle con scopi di impaginazione e perciò il requisito non può essere valutato.

    ^top
  14. Form

    vedi definizione requisito
    Esito : conforme
    Soluzione :

    Tutte le form presenti sono basate su div (e non su tabelle) sono presenti tag tipo:
    • LABEL/@FOR
    Essi sono infatti delle linee guida per rendere i form accessibili anche a dispositivi sonori(lettori di schermo) e a browser testuali, la form è "blindata" alla sola fruizione di un browser grafico munito di dispositivo di puntamento(mouse)

    ^top
  15. Scripts, applet, PDF...

    vedi definizione requisito
    Esito : Non conforme
    Errore :
    La pagina presa in esame ha degli script "lato server" e quindi che posso funzionare anche se nel browser del client tali servizi sono stati disabilitati o non presenti. Questi script iniziali causano pero' alcuni problemi se il javascript non e' installato. Il neo della questione è che le form non sono supportate da testo alternativo e tali javascript "critiche" non hanno un corrispettivo in testo.

    screenshot

    ERRORE RILEVATO:

    <li><a href="http:\\www.osmer.fvg.it" onclick='window.open(this.href); return false;' onkeypress='window.open(this.href); return false;' title="Meteo">Meteo</a></li>
    Soluzione :
    Togliere tutte le javascript che hanno dei controlli on-..., per poter agire indipendentemente dal dispositivo usato. In generale togliere tutte le javascript che agiscono sulla pagina in modo indipendente dalla volontà dell'utente. Per questo tipo di pagina le javascript che gestiscono le form sono più che sufficienti non servono javascript strane tipo quelle usate in questo sito per aprire o meno in una nuova pagina determinati collegamenti.

    ^top
  16. Eventi

    punto_16:
    Esito : Non conforme
    Errori :
    I gestori degli eventi sono dipendenti dal dispositivo usato, ci sono dei link che se passati con il tasto TAB o con qualsiasi altro tasto attivano eventi di javascript che non aprono nessuna pagina,le form al centro della pagina sono irragiungibili senza mouse, e con javascript attivo. Se disabilito javascript (cosa non facile da eseguire per utenti "normali")la pagina funziona al meglio.
    Soluzione :
    Togliere tutte le javascript che hanno dei controlli on-..., per poter agire indipendentemente dal dispositivo usato. In generale togliere tutte le javascript che agiscono sulla pagina in modo indipendente dalla volontà dell'utente. Per questo tipo di pagina le javascript che gestiscono le form sono più che sufficienti non servono javascript strane tipo quelle usate in questo sito per aprire o meno in una nuova pagina determinati collegamenti.

    ^top
  17. Script,applet,PDF

    vedi definizione requisito
    Esito : conforme


    ^top
  18. Multimediale

    vedi definizione requisito
    Esito : non valutabile
    La pagina non contiene oggetti multimediali.

    ^top
  19. Link non ambigui

    vedi definizione requisito
    Esito : conforme
    Tutti i link contenuti non sono ambigui ovvero la descrizione di ciascun collegamento ipertestuale è significativa e permettono ad un utente di capire che informazioni può trovare seguendo il link. Oltre a ciò possiamo dire che tutti i link sono a-contestuali ovvero hanno significato anche se letti indipendentemente dal proprio contesto.

    ^top
  20. Temporizzazioni

    vedi definizione requisito
    Esito : non valutabile
    Non sono previsti intervalli di tempo entro cui il servizio deve essereerogato.

    ^top
  21. Link distanti

    vedi definizione requisito
    Esito : non conforme
    Errori :
    Ci sono degli access key che localizzano i principali link all'interno della pagina anche per tornare alla home page. Le distanze tra i link in alto sono in regola con il 21esimo principio, cosa che invece non è rispettata dai link a sinistra, troppo vicini
    • 7px dei link a sinistra = 0.4 em <------NON SUFFICENTE
    • 55px dei link in alto = 1.43em

    La legge stanca prevede almeno 0.5 em tra link

    LA CONVERSIONE USATA DA PIXEL, USATI NEL SITO ED EM E' : px x 0.0626 = misura in em


    ^top
  22. Pagine equivalenti

    vedi definizione requisito
    Esito : non conforme
    Errore :
    La pagina non è conforme e non contiene un collegamento a una pagina conforme ai requisiti.
    Soluzione :
    Fornire un collegamento a una pagina che contenga le stesse informazioni e gli stessi servizi in modo accessibile.Evitare possibilmente un collegamento a una pagina solo testo.

    ^top
Ultima modifica:03/04/2006
Contatti: M. Cattelan, D. Menegon, M. Montagner