• D
    Moderatrice •

    Cerco form accessibile XHTML 1.0

    Salve a tutti sto cercando un esempio di form accessibile
    XHTML 1.0 strict dove sia prevista la legge sulla privacy e acconsento non acconsento. Se non cliccato acconsento esce il messaggio di errore
    e se non vengono compilati alcuni dati viene visualizzato il messaggio di errore.

    Grazie a tutti coloro che vorranno indicarmi una risorsa utile.
    Deb

    0
  • D
    Moderatrice •

    grazie ludus, purtroppo mi serve con controllo e il js non me lo accetta..
    Aspetto il tuo link
    Ti ringrazio per la collaborazione
    Deb

    0
  • D
    Moderatrice •

    Ho fatto una prova, ho fatto i controlli ma non mi accetta lo script e non mi accetta il name nel form. Questi sono i due errori che mi trova.
    La prova la trovate qui http://www.dedwebdesign.it/provaform.html
    Grazie per chi mi potrà aiutare a risolvere questo problema
    Deb

    0
  • hogudo
    Super User •

    Ho un inizio di congiuntivite 😞 e non riesco a vedere tutto.
    Lascia solo type="text/javascript" togliendo il language e vedi che succede...
    Nell'asp metti l'id
    Poi facci sapere. (stai usando strict)

    Per adesso scusami, ci guarderò molto meglio appena riesco

    0
  • D
    Moderatrice •

    Ciao Massimiliano, sei sempre di grande aiuto!
    Mi dispiace per la tua congiuntivite 😞
    Si sto usando XHTML 1.0 strict
    Non capisco quando dici nell'asp metti l'Id

    ho tolto il language ma mi rimane questo errore
    ...........: there is no attribute "name"
    derivante da questo
    <form action="http://...../insert.asp" method="post" name="form1">
    che lo troviamo nei controlli
    if (document.form1.txtNome.value.length==0){mess = mess + "Hai dimenticato di inserire il nome\n";}

    e
    if (mess==""){document.form1.submit();}

    0
  • hogudo
    Super User •

    aggiungere id="form1" ?
    (domani se riesco guardo il codice)

    0
  • hogudo
    Super User •

    nel senso
    <form action="http://...../insert.asp" method="post" id="form1" name="form1">

    0
  • D
    Moderatrice •

    niente 😞 sempre errore name.
    Vorrei tanto risolverlo, anche perchè non ho trovato niente di simile in rete e sarebbe una ottima risorsa per chi vuole fare strict e deve fare siti conformi alla legge.
    Deb

    0
  • D
    Moderatrice •

    trovato soluzione 🙂
    ora ve la posto. Ringrazio tutti, ringrazio Massimiliano, e ringrazio anche Fanta per aver dato il suo prezioso contributo.
    Deb

    0
  • D
    Moderatrice •

    Allora nella pagina html:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it-IT" lang="it-IT">

    <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <title>Esempio di form in strict 1.0 con controllo normativa sulla privacy</title>

    <script src="js/checkform.js" type="text/javascript"></script>

    </head>
    <body>

    <form id="form1" action="mail-buttissima.asp" method="post">
    <fieldset>
        <legend>Richiesta informazioni</legend>
        <table>
            <tr>
                <td>
                 
                        Nome*</td>
                <td>
                    <input id="txtNome" name="txtNome" size="20" type="text" /></td>
                <td>
                    Cognome</td>
                <td>
                    <input id="txtCognome" name="txtCognome" size="20" type="text" /></td>
            </tr>
            <tr>
                <td>
                  
                        Indirizzo E-Mail: *                    </td>
                <td>
                    <input id="email" name="email" size="20" type="text" /></td>
                <td>
                    Telefono*:</td>
                <td>
                    <input id="txtTelefono" name="txtTelefono" size="20" type="text" /></td>
            </tr>
            <tr>
                <td colspan="4">&nbsp;                        </td>
            </tr>
            <tr>
                <td colspan="4">
                    Informativa sulla Privacy</td>
            </tr>
            <tr>
                <td colspan="4">
                    <textarea class="input_textarea" cols="30" name="pippo" rows="10">INFORMATIVA AI SENSI DELL&rsquo;ART. 13 DEL D.LGS 196/2003 Ai sensi dell&rsquo;art. 13 D.Lgs. 30 giugno 2003, n. 196 (in seguito denominata legge), ed in relazione ai dati personali che la riguardano e che formeranno oggetto di trattamento, la informiamo di quanto segue:
                                </textarea>                    </td>
            </tr>
            <tr>
                <td>
                    <label for="accetto">
                        <input id="accetto" type="checkbox" value="accetto" />
                        Accetto</label>
                    <input name="Submit" onclick="checkForm();" type="button" value="Invio Dati" />                    </td>
            </tr>
        </table>
    </fieldset>
</form>

    </body>
    </html>

    0
  • D
    Moderatrice •

    Poi dentro inserire questo file denominato checkform.js all'interno di una cartella denominata js

    // JScript File
    // mettilo in una cartella js/
    function checkForm()
    {
    var mess = "";
    if (document.forms['form1'].txtNome.value.length==0){mess = mess + "Hai dimenticato di inserire il nome\n";}
    if (document.forms['form1'].email.value.length==0){mess = mess + "Hai dimenticato di inserire Email\n";}
    if (document.forms['form1'].txtTelefono.value.length==0){mess = mess + "Hai dimenticato di inserire il telefono\n";}
    if (document.forms['form1'].accetto.checked==false){mess = mess + "Devi accettare l'informativa sulla Privacy per continuare";}

    if (mess!="")
{
    alert(mess);
    return false;
}
if (mess=="")
{
    document.forms["form1"].submit();
}

    }

    0
  • hogudo
    Super User •

    Bene!

    Domanda: e se non ho javascript attivato che succede? 😄

    0
  • D
    Moderatrice •

    oddio che vuoi dire? 😞
    Mi dispiace ma queste cose me le fa il tecnico. Io sono completamente ignorante su questo (e su molte altre cose 😄 ).
    Hai una soluzione migliore?

    0
  • hogudo
    Super User •

    se parliamo di xhtml valido è una cosa.
    accessibile (normativo) un'altra.

    una pagina deve essere xhtml valida (validata è differente eh...) come requisito, insieme ad altri, per essere accessibile.

    Devi fornire contenuti alternativi anche agli script, che in parole povere vorrebbe dire, nel tuo caso, che tutto dovrebbe funzionare (circa) uguale anche con js disabilitato (ed in generale con gli script, flash, ecc...).

    E qui viene il bello (brutto), in quanto si vede la difficoltà nel rendere accessibili le procedure, ovvero gira che ti rigira, la struttura ed i flussi devono essere, se non rivisti, ripensati e ritestati.

    Ciao

    0
  • massy
    Moderatore •

    Tra l'altro, quella paginazione con le tabelle va un pochino in contrasto col doctype dichiarato 🙂

    0
  • D
    Moderatrice •

    Non capisco una cosa, si parla di accessibilità c'è una legge che impone lo strict per i progetti nuovi di alcuni settori (e io mi auguro che venga estesa), si parla di protezione di dati personali e c'è una legge che ci impone di richiedere l'accettazione per il trattamento.

    Ora tralasciando il mio caso dove la compilazione del form è l'obiettivo primario e quindi perdo comunque una fetta di mercato di chi non ha il js attivato.

    C'è una linea guida da seguire? Insomma, facendo queste leggi qualcuno ha pensato di dare dei tutorial, delle linee guida, un qualsiasi aiuto a noi poveri disgraziati che siamo qui a far coincidere tutto? :microsoft:
    🙂 Deb

    0
  • C
    Super User •

    @massy said:

    Tra l'altro, quella paginazione con le tabelle va un pochino in contrasto col doctype dichiarato 🙂

    Quoto e rilancio che con i css quel codice, oltre ad essere più accessibile, si riduce della metà.

    Deborah, per disattivare il javascript la soluzione più semplice è quella di installare la barra dell'accessibilità e selezionare l'apposita opzione.

    0
  • D
    Moderatrice •

    Il progetto è table less 😉
    L'ho postato al volo perchè era una vita che lo cercavo.
    Apparte questo, Catone e Massy, avete mai incontrato questa difficoltà?

    @massy said:

    Tra l'altro, quella paginazione con le tabelle va un pochino in contrasto col doctype dichiarato 🙂

    0
  • hogudo
    Super User •

    C'è una linea guida da seguire? Insomma, facendo queste leggi qualcuno ha pensato di dare dei tutorial, delle linee guida, un qualsiasi aiuto a noi poveri disgraziati che siamo qui a far coincidere tutto?

    Oggettivamente pensavo di aver inserito con Catone e Giorgio in http://www.giorgiotave.it/forum/w3c-usabilita-accessibilita-qualita/20189-link-riferimenti-e-libri.html
    un bel po' di aiuto. secondo te cosa manca?
    So che è tutto un po' complicato, ma appunto l'accessibilità è un percorso, anche per i progettisti e webmaster, e tutti noi siamo qui apposta per percorrerlo insieme ed eventualmente proporne di altre, suggerimenti, ecc...

    Comunque tra chi ci legge c'è anche chi le fa le regole 😉

    0
  • D
    Moderatrice •

    Cercavo solo un aiuto nel pieno rispetto del principio di solidarietà del forum Gt. Ho trovato la possibilità di validare il codice e l'ho postato nella speranza che qualcuno, trovandosi nella mia situazione, avrebbe trovato una soluzione al problema.
    Mi hai fatto notare una cosa che non avevo considerato e ti ringrazio. Sono qui per imparare e se qualcuno mi da un consiglio è sempre molto importante.

    So, e sono felice che chi ha fatto queste leggi ci sta leggendo, questo significa che è sensibile alle nostre problematiche e trae ispirazione per migliorarci e migliorare. Non era assolutamente una critica. Se cosi fosse passata me ne scuso.
    Deb

    0
Effettua l'accesso per rispondere