PAGINE ERRATE

Questa pagina è appositamente costruita errata,
per testare i tool di validazione/correzione

In particolare in questa pagina vengono inseriti errori di Accessibilità
(il contrario delle raccomandazioni riportate in http://www.w3.org/TR/WCAG10-core-TECHS/)

 


1. Structure vs. Presentation
Qui viene usata un tag <table> per centrare il testo e per colorare lo sfondo
 
  • Questo testo e` arancio su sfondo rosso
  • Il testo sopra e` quasi invisibile
     
  • Dentro il riquadro è usato il tag <li> fuori dai tag <ul> oppure <ol>
    Nel testo sopra alcune espressioni create con & non sono chiuse correttamente con ; (puntoevirgola)
    Qui c'e` anche una errata chiusura di un tag <div> (che non è stato aperto)

    Tabella non correttamente formattata:
    Voli diretti con l'aereoporto di Montreal - Dorval
    N. Città Aereroporto Compagnia voli/sett
    1 Amsterdam AMS KLM 7
    2 Frankfurt FRA AirCanada 7
    3 London LHR AirCanada / BritishAirways 14
    4 Paris CDG AirCanada / AirFrance 27



    2. Text equivalents
    Ecco una immagine senza attributo text:


    Ed ecco un esempio di ASCII art:
     
      CCC   IIII   AAA    OOO
     C   C   II   A   A  O   O
     C       II   A   A  O   O
     C       II   AAAAA  O   O
     C   C   II   A   A  O   O
      CCC   IIII  A   A   OOO
    

    Esempio di image-map (client):
    Sei sopra la lettera
    Nora: I link M, A, e O sono attivi (ma puntano a pagine inesistenti), gli altri non fanno nulla.
    Nota2: In questa pagina mancano anche link ridondanti che puntino alle stesse posizioni


    3. Alternative Pages
    Non implementato nella presente pagina

    4. Navigation
    Non implementato nella presente pagina

    5. Comprehension
    Esempio di testo scritto male:
    Il cavallo dello zio Alfonso (sapete quello zio di cui ho parlato nell'altro articolo che si puo` trovare nelle mie pagine, di cui peraltro non vi fornisco il link: troppo semplice, altrimenti) beh insomma il cavallo, che poi era un asino, ma noi lo chiamavamo cavallo (nonso neppure perché), era grigio, sìinsomma ma questo non vi interessa, be` ve lo dico lo stesso.
    Insomma questo asino/cavallo (o forse e` meglio dire cavallo/asino?) era proprio cocciuto (sembrava un mulo), ma in fondo era forse un mulo, ma tanto non importa.
    Ora, dato che devo scrivere un paragrafo e non so casa metterci dentro, dovete sopportare una serie di stupidate che scrivo solo per riempire almeno tre righe e verificare come si comporta il testo dentro il blockquote. Come forse avete notato, prima e dopo questo testo indentato c'è uno spazio che non mi piace, ma non lo tolgo dato che perderei il tag <blockquote>.
    Fine del pezzo indentato.

    Ora verrò a parlare del QI. Naturalmente presumo che tutti sappiano cosa è il QI, dato che lo scopo di questo pezzo di testo e` proprio l'introduzione di una abbreviazione che non è stata spiegata in precedenza.

    Ecco due link adiacenti: 12

    This is an example of a badly written text:
    This text is not clear: in fact there is no need that a reader can understand whati it is written here, since the motivation that lead this text tobe written are not to be understood bya reader, but to test the goodness of a tool to interpret it, you know one of the tools built to check if pages are written according to the specifications of the WAI, you know the group inside the W3C, you shurely know that W3C is the WWW consortium (its website is www.w3.org), Ok the WAI prepares a lot of guidelines and you have to follow them in order to make a site accessible. ANd there are many tools to check if your page is accessible and some of these tools declares that is able to check also that the pages are written in a manner easy to understand, although most of them let this exercise to the webmaster, who is responsible for the content of the pages.
    This text should be an example of badly written text, but the sentences are still too short and easy.

    two adjacent links: 12


    6. Content Negotiation
    Non implementato nella presente pagina

    7. Automatic Page Refresh
    Questa pagina si ricarica ogni 300 secondi (mediante il meta tag).
    Non viene usato un auto-redirect, in quanto troppo complesso per gli scopi di questa pagina.

    8. Screen Flicker
    Esempio di testo lampeggiante per Netscape (tag <blink>)
    Esempio di testo lampeggiante per IE (tag <span> con attributo style)
    inizia flicker    sospendi flicker

    9. Bundled Documents
    Non implementato nella presente pagina


    Riassunto dei checkpoints verificati e non verificati in questa pagina
    Priorità 1
    Verificati: 1.1(solo img), 1.2, 2.1(solo testo), 4.1, 5.1, 5.2, 7.1, 11.4, 14.1
    NON verificati: 1.3, 1.4, 6.1, 6.2, 6.3, 8.1, 9.1, 12.1
    Priorità 2
    Verificati: 3.2(?), 3.3(in parte), 3.4, 3.5, 3.6, 3.7, 5.3, 5.4, 7.2, 7.4, 11.2
    NON verificati: 2.2, 6.4, 6.5, 7.3, 7.5, 9.2, 9.3, 10.1, 10.2, 11.1, 12.2, 12.3, 12.4, 13.1, 13.2(?), 13.3, 13.4
    Priorità 3
    Verificati: 1.5, 2.2, 4.2, 4.3, 5.5, 5.6, 10.5, 13.10
    NON verificati: 3.1, 9.4, 9.5, 10.3, 10.4, 11.3, 13.5, 13.6, 13.7, 13.8, 13.9, 14.2, 14.3