Modalità Ipovedenti

[boschetti.mirko]

Infatti al posto di uno di quei colori, ne inserisci una tutta bianca e con il testo nero si vede benissimo... 

[lemonsong]

si ok, questo cambia lo sfondo ^_^

Infatti, quello è un "interruttore", ci puoi accendere un abat-jour oppure un'intera città... dipende da te 

[H_O_D]

Dopo un giorno di meditazione credo di aver trovato il punto sul come agire , spero siate tutti felice per me ^_^, adesso però viene il bello

vi pongo la solzione che ho pensato.

Partiamo dal presupposto che i menù siano delle comunissime immagini caricate nel persoco /images/

partendo dal presupposto che avrò questo "bottone"

<a href="#" onclick="contrasto()" title="clicca per accedere alla versione alto contrasto">C</a>

Aggiungendo che un bottone del menù è questo

<a href="miapagina.html" class="imCssLink"><img src="images/jpg" style="width: 172px; height: 60px;" alt="Pagin1" title=""/></a></span>

Io posso con il comando della funzione di cui sopra dire che non deve visualizzare l'immagine ma deve visualizzre solo la scritta Pagina 1 che è stata evidenziata?

Se si come?

[stesil]

Sì, si può fare. Tra l'altro il testo c'è già. Solo che è nascosto.

Rendi visibile il testo dei menu:

Codice:

Only registered users can see contents. Please click here to Register or Login.
Imposti il colore ai link del menu e un colore diverso a quello della pagina corrente:

Codice:

Only registered users can see contents. Please click here to Register or Login.
Elimini le immagini che vengono visualizzate:

Codice:

Only registered users can see contents. Please click here to Register or Login.
Ma .... lavorando sull'esempio che ti ha postato lemonsong, puoi creare un lavoro più pulito e funzionale. Certo, devi scrivere tutto il nuovo foglio di stile, ma sicuramente otterrai un risultato migliore.

[H_O_D]

domande:

Dove e come lo inserisco quel codice?

Considerazioni

L'obbiettivo finale dovrebbe essere questo:

http://www.comune.taurisano.le.it/?stile=ipovedenti

e se dovessi usare questo, dovrei praticamente creare X fogli di stile ipovedenti per quanti sono le mie pagine?

[stesil]

domande:

Dove e come lo inserisco quel codice?

Nella funzione contrasto(). Ma non va bene. Se quello che vuoi ottenere deve essere identico alla pagina che hai linkato, la prova che ho fatto io sicuramente non va bene. Troppe impostazioni di stile dovrebbero essere variate via js. Occorre usare uno style sheet switcher.

e se dovessi usare questo, dovrei praticamente creare X fogli di stile ipovedenti per quanti sono le mie pagine?

A priori non lo so. Bisogna provare per saperlo con certezza. Impostare gli stili del template togliendo le immagini di sfondo, se ci sono, impostare i colori giusti e rendere visibili i contenuti per l'accessibilità presenti in ogni pagina (class imHidden) ... tutto questo non dovrebbe dare grossi problemi ... è la linearizzazione della pagina in modo che i contenuti appaiano uno sotto l'altro che bisogna vedere se è fattibile attraverso un unico foglio di stile.

[H_O_D]

Ragazzi nel frattempo visto che è uscita la beta della V.10 mi sono permesso di dare un suggerimento alla casa madre

http://answers.websitex5.com/post/53483

magari seguitelo anche voi così da rendere più efficace la richiesta.

devo aggiungere che sto ancora sbattendo contro sta caspita di modalità con grosse grosse grosse difficoltà

[stesil]

Sì, non è semplice. Questa è la mia ultima prova (... e ringrazio lemonsong per la collaborazione): http://stesil.altervista.org/accessibile/

Sarà sicuramente necessario fare aggiustamenti sulla base della struttura e degli elementi inseriti nel sito, ma se può sembrare una soluzione accettabile posso scrivere le indicazioni generali su come procedere.

[H_O_D]

Accettabile...dici Accettabile hai fatto un'ottimo lavoro...sono oggettivamente goloso delle indicazioni

[stesil]

Queste sono indicazioni generali ... necessarie di aggiustamenti in base alla struttura reale del sito.

Sono stati utilizzati due file js, Fluid Text Resizer per le dimensioni variabili del font e Style Sheet Switcher per il foglio di stile, da scaricare dal sito degli autori http://www.dynamicdrive.com

Per ottenere la versione alto contrasto sono stati "eliminati" con js gli stili inline e i file css generati da evo9 che interferivano con la linearizzazione dei contenuti. Il nuovo CSS per l'alto contrasto a dire il vero è molto scarno, ma è valido per tutte le pagine del sito: contiene solo alcune regole per i link, il body, le tabelle .... è da personalizzare e sicuramente non è completo ... ma questo è un lavoro che può essere fatto solo avendo ben presente il sito a cui si riferisce. Comunque, con tutti i suoi limiti, lo allego qui: [ Guests cannot view attachments ]

Per integrare il tutto nel programma:

In head (Impostazioni Generali, scheda Esperto) inserire questo codice: [ Guests cannot view attachments ]
Il codice è commentato, così si può capire a cosa servono le diverse parti.

In modifica del modello, intestazione, inserire il codice html per i pulsanti che abilitano le diverse visualizzazioni: alcuni hanno delle immagini, altri sono link testuali ... il codice va personalizzato in base a quello che si vuole ottenere.

Codice:

Only registered users can see contents. Please click here to Register or Login.
In un oggetto html del progetto allegare tutti i file necessari attraverso la scheda esperto:
- i due file js scaricati da Dynamic Drive
- le (eventuali) immagini da utilizzare per i pulsanti
- il file altocontrasto.css

Spero di non aver dimenticato nulla.

Ci sarebbero tre errori di validazione nel codice che andrebbero sistemati ... appena trovo un po' di tempo li guardo ... se qualcuno ha qualche idea ...

[H_O_D]

Stesil mi sono appena accordo di essere stato un cafone, o meglio di non aver dato invia post 

GRAZIE MILLEEEE

[luigi621]

ho inserito il tutto come stesil ha descritto, per ingrandire con la lettera A+ e A- funziona benissimo eccezionale, mentre l'alto contrasto, modifica sostanzialmente il sito, cioè sposta tutte le scritte sul lato sinistro del monitor e le immagini sul lato destro, chiedo con cortesia se qualcuno può aiutarmi, premetto che sono inesperto, il sito lo gestisco per una scuola. Grazie

[stesil]

Ciao,

quale versione di ws stai utilizzando?

E' possibile inoltre che debbano essere personalizzate alcune regole di stile del file altocontrasto.css. Un link al sito sarebbe utile.

[luigi621]

la versione è la 10, ho seguito le tue istruzioni, con l'ingrandimento dei caratteri è andata bene mentre per l'alto contrasto no. Poi una volta cliccato alto contrasto non si riesce più a tornare indietro. mi puoi aiutare, premetto che non sono esperto. grazie

[stesil]

Il mio esempio è stato fatto con la versione 9.

Dammi un po' di tempo e proviamo anche con la 10, sperando di riuscirci.