Autore Topic: Modalità Ipovedenti  (Letto 12683 volte)

H_O_D

  • Nuovo arrivato
  • *
  • Post: 27
Modalità Ipovedenti
« il: 04 Marzo, 2013, 18:14:20 »
Come spesso si vede in molti siti, vi è la possibilità di adattare il sito stesso per ipovedenti o di diminuire o aumenatre le dimensioni del testo dell'intero sito

vi chiedo se sapete come si fà, e potete dare a un povero utente qualche indicazione

grazie

stesil

  • Anziani
  • Utente storico
  • *
  • Post: 1219
    • quellidelcucuzzolo
Re:Modalità Ipovedenti
« Risposta #1 il: 04 Marzo, 2013, 23:27:20 »
Per ingrandire o ridurre il testo ho fatto questa prova: http://stesil.altervista.org/evo9/zoomtesto/index.html

Vedi se può essere un'idea da cui partire.

H_O_D

  • Nuovo arrivato
  • *
  • Post: 27
Re:Modalità Ipovedenti
« Risposta #2 il: 05 Marzo, 2013, 17:48:35 »
L'idea è esattamente quella, questo permette l'ingrandimento del testo :P...

Adesso serve solo una cosa che metta in automatico uno sfondo a contrasto e con la scritta esempio?

Scritta in rosso e sfondo in nero o scritta in Giallo e sfondo in blu.

ti chiederei il codice per le due opzioni se fosse possibile grazie ^_^

H_O_D

  • Nuovo arrivato
  • *
  • Post: 27
Re:Modalità Ipovedenti
« Risposta #3 il: 05 Marzo, 2013, 18:20:49 »
Ti mostro un'esempio

http://www.ipovedente.it/

Se clicchi sulle A hai l'effetto da te selezionato, però se dovessi andare a cliccare sulle C noterai il contrasto alto, cioè bianco e nero e versione testuale, quello è un sito di riferimento, credo che una volta che ho l'impostazione delle A (ingrandire e diminuire) quella delle C non sia poi così difficile no?

Praticamente al click devo selezionare un'altro tipo di colori, ed eventualmente di immagini una rottura di balle ma và fatta

stesil

  • Anziani
  • Utente storico
  • *
  • Post: 1219
    • quellidelcucuzzolo
Re:Modalità Ipovedenti
« Risposta #4 il: 05 Marzo, 2013, 20:20:50 »
Ma no, non sarà semplicissimo da realizzare ma, secondo me, ne vale la pena. Mi sembra giusto rendere i contenuti di un sito facilmente accessibili a tutti.

Questo è il codice che ho inserito in head: [ Guests cannot view attachments ]

questo il codice per i "bottoni" aumenta/diminuisci testo, che ho inserito in modifica del modello, intestazione:
Codice:
Only registered users can see contents. Please click here to Register or Login.
E' possibile che il codice js non sia completo. L'ho provato solo con testi semplici, senza titoli nelle celle, senza tabelle ... incomincia a provarlo in un sito "vero" così vediamo se c'è qualcosa da sistemare.

Per il contrasto ci devo pensare.

H_O_D

  • Nuovo arrivato
  • *
  • Post: 27
Re:Modalità Ipovedenti
« Risposta #5 il: 05 Marzo, 2013, 23:37:39 »
Ti dico quello che ho scritto in answere :P

secondo me, provo a intuire andrebbe sistemato il CSS in modo da poter cambiare i colori con un comando da bottone...

stesil

  • Anziani
  • Utente storico
  • *
  • Post: 1219
    • quellidelcucuzzolo
Re:Modalità Ipovedenti
« Risposta #6 il: 05 Marzo, 2013, 23:49:35 »
Grazie per il suggerimento.

Tu hai provato?


E' possibile che il codice js non sia completo. L'ho provato solo con testi semplici, senza titoli nelle celle, senza tabelle ... incomincia a provarlo in un sito "vero" così vediamo se c'è qualcosa da sistemare.


H_O_D

  • Nuovo arrivato
  • *
  • Post: 27
Re:Modalità Ipovedenti
« Risposta #7 il: 05 Marzo, 2013, 23:51:33 »
ho fatto una provo ^_^ e sembra andare le tabelle si allargano e si adattano....

quello che preme di più è l'ipovedente, poichè nel caso non funzioni si può sempre suggerire lo zoom del browser ^_^

H_O_D

  • Nuovo arrivato
  • *
  • Post: 27
Re:Modalità Ipovedenti
« Risposta #8 il: 05 Marzo, 2013, 23:53:51 »
aggiungo questo


Se io avessi i tasti nell'header del sito, esempio A+ A- C N

A+ = scrittura aumentata ok
A- = scrittura diminiuita ok
C = contrasto sviluppare
N = Normale sviluppare...ma non so quanto sia difficile ecco


stesil

  • Anziani
  • Utente storico
  • *
  • Post: 1219
    • quellidelcucuzzolo
Re:Modalità Ipovedenti
« Risposta #9 il: 06 Marzo, 2013, 11:35:24 »
Prova ad aggiungere la funzione contrasto() nel codice inserito in head:

[ Guests cannot view attachments ]

Poi aggiungi il relativo pulsante che la attiva
Codice:
Only registered users can see contents. Please click here to Register or Login.
Anche in questo caso le variabili di impostazione degli sfondi sono diverse, e io l'ho provata in una situazione sola ... potrebbe essere da sistemare.

Per il ritorno alla visualizzazione "normale" la via più semplice mi sembra quella di ricaricare la pagina corrente:
Codice:
Only registered users can see contents. Please click here to Register or Login.

H_O_D

  • Nuovo arrivato
  • *
  • Post: 27
Re:Modalità Ipovedenti
« Risposta #10 il: 06 Marzo, 2013, 11:41:54 »
Le proverò nel pomeriggio che dire incrociamo le dita  ;)

boschetti.mirko

  • Utente inesperto
  • **
  • Post: 134
Re:Modalità Ipovedenti
« Risposta #11 il: 06 Marzo, 2013, 12:06:20 »
Ciaoooo, forse non centra niente, ma prendere uno spunto da qui:    http://www.gdrtestdesign.altervista.org/JS%20LAYOUT%20COLOR/     :)

H_O_D

  • Nuovo arrivato
  • *
  • Post: 27
Re:Modalità Ipovedenti
« Risposta #12 il: 06 Marzo, 2013, 13:50:28 »
non mi riesce di farla funzonare :(

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Re:Modalità Ipovedenti
« Risposta #13 il: 06 Marzo, 2013, 14:56:32 »
http://www.ipovedente.it/


Per ottenere ciò bisognerebbe "fondere" la prova di stesil con, per esempio, uno "Style Sheet Switcher" che fa uso dei cookies:

http://lemonsong.altervista.org/test_styleswitch/ (questo è solo un esempio)

Bisogna mantenere l'impostazione scelta al cambio pagina.


H_O_D

  • Nuovo arrivato
  • *
  • Post: 27
Re:Modalità Ipovedenti
« Risposta #14 il: 06 Marzo, 2013, 16:15:35 »
si ok, questo cambia lo sfondo ^_^, ma il problema sono le scritte, gli ipovedenti non veodno le scritte se non con un contrasto alto