Qual è la migliore pratica di & # 8220; & # 8221; per ridimensionare il testo con Javascript?

Question

Qual è la "migliore pratica" (accessibilità / usabilità) per ridimensionare il testo con Javascript?

La mia attuale soluzione è che quando l'utente fa clic sul collegamento di ridimensionamento aggiunge una classe extra al tag body.

Imposta anche un cookie e quindi quando la pagina viene caricata - onLoad () - legge il cookie e riapplica nuovamente il tag body class se necessario.

L'unica cosa non ideale è che si carica e poi si applica: la soluzione precedente era quella di modificare il file CSS prima della pagina caricata, ma che generava avvisi di sicurezza se il file CSS si trovava in una directory diversa.

Quindi, in sostanza, la mia soluzione è ragionevole o esiste un modo migliore?

Adam

Answer 1

La tua soluzione suona bene, con un'aggiunta: puoi leggere il cookie mentre la pagina si carica e aggiungere la classe all'elemento body mentre viene generato il markup. La maggior parte delle lingue lato server lo supporta: PHP, JSP, RoR ecc. A parte questo, hai una soluzione solida.

Answer 2

  

Qual è la "migliore pratica"   (accessibilità / usabilità-saggio) per   ridimensionare il testo con Javascript?

La migliore pratica è " Non " ;.

Specifica la dimensione del carattere in unità relative e lascia che i controlli del browser nativo lo modifichino se l'utente lo desidera.

I tentativi di duplicare questa funzionalità raramente danno le dimensioni dei caratteri di cui gli utenti hanno bisogno (e di solito finiscono per offrire una scelta atomica, microscopica e minuscola). Sì, alcuni utenti hanno bisogno di un testo a 72pt (o più grande).

I controlli del browser integrati funzionano sulla maggior parte, se non su tutti, i siti. Non è necessario utilizzare la tela di proprietà immobiliari duplicandole.

Answer 3

Aggiunta di uno stile CSS a HTML tramite JavaScript

Penso che il tuo suggerimento sia un modo eccellente di farlo.

Significa che hai la flessibilità di poter aggiungere la classe CSS a qualsiasi elemento secondario anziché al corpo in modo da poter modificare la dimensione del testo di un elemento specifico se lo desideri.

Lettura del cookie al caricamento della pagina

Per aggirare il problema che descrivi vorrei cercare il cookie nella tua lingua lato server (php / asp / ruby ??ecc.) e visualizzare il contenuto come specificato dal cookie al caricamento della pagina.

In PHP la definizione della tua classe CSS può apparire così:

echo '<div class=\"'.(
 Aggiunta di uno stile CSS a HTML tramite JavaScript 

 Penso che il tuo suggerimento sia un modo eccellente di farlo. 

 Significa che hai la flessibilità di poter aggiungere la classe CSS a qualsiasi elemento secondario anziché al corpo in modo da poter modificare la dimensione del testo di un elemento specifico se lo desideri. 

Lettura del cookie al caricamento della pagina

 Per aggirare il problema che descrivi vorrei cercare il cookie nella tua lingua lato server (php / asp / ruby ??ecc.) e visualizzare il contenuto come specificato dal cookie al caricamento della pagina. 

 In PHP la definizione della tua classe CSS può apparire così: 

<*>COOKIE['text_size']!='' ? 
 Aggiunta di uno stile CSS a HTML tramite JavaScript 

 Penso che il tuo suggerimento sia un modo eccellente di farlo. 

 Significa che hai la flessibilità di poter aggiungere la classe CSS a qualsiasi elemento secondario anziché al corpo in modo da poter modificare la dimensione del testo di un elemento specifico se lo desideri. 

Lettura del cookie al caricamento della pagina

 Per aggirare il problema che descrivi vorrei cercare il cookie nella tua lingua lato server (php / asp / ruby ??ecc.) e visualizzare il contenuto come specificato dal cookie al caricamento della pagina. 

 In PHP la definizione della tua classe CSS può apparire così: 

<*>COOKIE['text_size'] : 'normal'). '\">';

Answer 4

  

Qual è la "migliore pratica" (accessibilità / usabilità) per ridimensionare il testo con Javascript?

" Web Accessibility Gone Wild " lo riassume abbastanza bene imho:

  

Se la dimensione del carattere predefinita potrebbe essere troppo piccola per i visitatori del sito, impostarla su una dimensione adeguata.

e

  

Tutti i browser consentono il dimensionamento o il ridimensionamento del contenuto della pagina: perché duplicare questa funzionalità del browser?

Inoltre, Cura con dimensione carattere :

  

Il problema qui è un problema di usabilità e accessibilità di base: un buon design dovrebbe apparire buono senza richiedere all'utente di ingrandire o ridurre le dimensioni del testo.

Tuttavia, se hai un motivo valido , non esitare a ignorarlo.