GDRCD: CSS per Daltonici o Ipovedenti.

GDRCD: CSS per Daltonici o Ipovedenti. postato il 10/08/2017 18:05:56 nel forum programmazione, open source e hosting

Ciao a tutti,
Dopo tanto che non scrivo e non riciccio, TA DAN eccomi qui a rompere le scatole, sto pensando dopo molto tempo di aprire nuovamente un progetto a me caro, ma visto che i tempi si stanno facendo lunghi volevo ripiegare temporaneamente su un gdrcd, in modo da poter iniziare un'alfa test creare una base.

Siccome so che alcuni dei miei player avranno problemi di lettura mi chiedevo se fosse possibile tramite un pannello far si che si attivasse un css secondario che partisse solo se "selezionato dall'utente".

Cerco di spiegarmi meglio, volevo una cosa semplice tipo la funziona, "Togli suoni del gioco" che è già presente su gdrcd, anzi di base pensavo di sfruttare quella funzione. Pensavo di creare 3 caselline: protanopia tritanopia e ipovisus, poi da li volevo andare selezionare i css in modo che la grafica della land cambi.

Ma mi chiedevo, è possibile fare una cosa del genere? Gdrcd è modificabile in questo senso?

Fatemi sapere e grazie anticipatamente per la risposta.

10/08/2017 23:44:02

Partendo dal presupposto che quasi nulla è impossibile se si parla di programmazione, ti suggerisco tanto per cominciare la lettura del link che segue.

http://www.uiciechi.it/osi/04Ipovedenti.html


Detto questo, ti spiego in linea teorica cosa devi fare nel modo più semplice possibile e senza tanti casini, dato che non so in che modo sia stato fatto sul gdr-cd.

1) Puoi usare i cookie per salvare la preferenza dell'utente.
2) Puoi lavorare con il database.


1) Quando l'utente accede per la prima volta al sito, lo poni davanti ad una scelta (dove imposterà quella di suo gradimento) e salverà un cookie che ricorderà quella scelta.


2) Ti vai a cercare nel database la tabella dei personaggi (o una che contiene le info secondarie e viene joinata) E ti crei un campo INT.

Quando l'utente sceglie la modalità di visualizzazione inserisci nel db un valore 0/1/2.

Al successivo login recuperi quella scelta, e determini quale css caricare.

11/08/2017 10:44:12

animanera13 ha scritto: Ciao a tutti,
Siccome so che alcuni dei miei player avranno problemi di lettura mi chiedevo se fosse possibile tramite un pannello far si che si attivasse un css secondario che partisse solo se "selezionato dall'utente".

Bell'idea e bel progetto.
Trovi un sacco di info online cercendo "accessibility" o "a11y", se ti servisse documentazione extra rispetto a quella che ti hanno linkato.

La cosa migliore, come dicono sopra, è l'utilizzo di un'opzione lato utente ma suggerirei di sfruttare il database, in questo modo se la persona si logga non dal suo pc, ha comunque l'impostazione già settata ed allo stesso modo, se un altro utente logga dallo stesso computer, vedrà la land coi codici "normali".

Siccome gran parte dei codici di stile dovranno rimanere comuni, ti suggerisco di lavorare in questo modo:

style.css - contiene tutte le informazioni base della land (dimensioni, font, immagini, bottoni, ...)
basic.css - contiene gli stili "base" che l'utente generico andrà a vedere
protanopia.css - ...
tritanopia.css - ...
ipovisus.css - ...

Di base, carichi sempre style.css, quindi nel campo database del personaggio salverai a seconda della sua opzione di visualizzazione "basic", "protanopia", "tritanopia" o "ipovisus" e nell'head della pagina web caricherai un secondo css che sarà "/css/<?php echo $pg['stile']; ?>.css"

In questo modo renderai le pagine web un po' più leggere rispetto ad avere un semplice style.css le cui classi vengono sovrascritte dagli altri codici.
E' un po' più complicato rispetto all'opzione appena spiegata, ma un lavoro fatto bene all'inizio non va rifatto meglio più avanti :D

13/08/2017 12:28:57

Esiste già su questo forum una soluzione che implementa il "multi theme" su GDRCD. Potresti sfruttare quella funzione già sviluppata per implementare i temi per ipovedenti che ti interessano.

La soluzione "multi theme" che avevo scritto può essere trovata qui: https://github.com/GDRCD/GDRCD/commit/a4e37ae99023c6b235f6f1c31575d1807ad523d8 ↗
La scelta del tema in questa soluzione è messa in fase di login, ma volendo puoi spostarla in scheda o dove ti è più comoda