Ora, quando uso un foglio di stile utente, non sto configurando una situazione in cui tutte le pagine Web che visito sono uguali. Invece, ho un foglio di stile utente che mi aiuta a navigare sul Web. I fogli di stile utente consentono di impostare gli stili sugli elementi della pagina in modo che siano più facili da leggere e utilizzare, indipendentemente da ciò che il progettista della pagina Web ha inteso.
Una delle cose che ho notato è che molte pagine Web sono costruite da persone più giovani. A queste persone sembrano piacere font che sono, beh, microscopici. Usando un foglio di stile utente, posso impostare le dimensioni di carattere predefinite a una dimensione del carattere che è più leggibile per me. Un altro trucco popolare dei web designer è rimuovere le sottolineature dai collegamenti. Anche se questo potrebbe rendere la pagina più "carina", è più difficile dire cosa è cliccabile. Quindi, con i fogli di stile degli utenti, rimetto le sottolineature sui link nelle pagine che visito.
Scrivere un foglio di stile utente
Scrivere un foglio di stile utente è semplice come scrivere un foglio di stile CSS per la tua pagina web. Puoi usare tutte le stesse proprietà e comandi che puoi in un foglio di stile standard. Il trucco per un foglio di stile utente è che è memorizzato sul tuo disco rigido e tu dici al tuo browser di usarlo. A seconda del browser Web che si utilizza, le istruzioni per configurarlo sono diverse:
- Firefox
- Internet Explorer per Windows
- Internet Explorer per Macintosh
- Mozilla
- musica lirica
- Safari
Fogli stile utente e accessibilità
Aggiungendo le sottolineature o ingrandendo i caratteri è un buon inizio per rendere più accessibili le pagine Web che visito, ma con i fogli di stile degli utenti, puoi andare ancora più lontano. Ad esempio, molti Web designer usano ancora gli elementi e sulle loro pagine piuttosto che usare il più semantico e. Se fossi cieco, usando un browser uditivo, il browser non saprebbe cosa fare e poiché questi non hanno alcun significato semantico. Ma con un foglio di stile utente, potrei definirli pronunciati in modo udibile con un forte o enfasi, lo stesso delle loro controparti semantiche.
Giocare con fogli di stile utente
Il modo più comune per utilizzare i fogli di stile utente è di aggiungere la sottolineatura ai collegamenti. Lo farebbe semplicemente aggiungendo la seguente proprietà CSS al foglio di stile dell'utente:
: link,: visited {text-decoration: sottolineatura! importante; }
Aggiungere "! Important" alla fine dello stile è vitale, perché altrimenti, il foglio di stile definito dall'autore avrà la precedenza sul foglio di stile dell'utente.
Un altro trucco utile con i fogli di stile dell'utente è rendere meno fastidiosi alcuni dei più fastidiosi tag. Questo stile rende il tag lampeggiante e le etichette di selezione non lampeggiano o scorrono:
lampeggia {decorazione del testo: nessuno! importante; } marquee {-moz-binding: none! importante; }
Web designer: tieni questo a mente
È necessario ricordare che si dispone di un set di fogli stile utente durante la progettazione di pagine Web. Altrimenti, trascorrerai ore e ore a cercare di risolvere il motivo per cui vedi le sottolineature su tutti i link mentre gli altri sul tuo team no. Potresti ridere, ma se imposti il foglio di stile utente oggi e poi modifichi gli stili del tuo sito Web in sei mesi, è probabile che avrai dimenticato di aver impostato un foglio di stile utente.
Quello che faccio è avere il mio profilo standard che sfoglio il Web e un profilo predefinito che utilizzo per testare le mie pagine Web con. In questo modo posso navigare sul Web come mi sento più a mio agio, ma so anche come la maggior parte delle persone vedrà la mia pagina Web. Se ti ostini a navigare con Internet Explorer, dovrai ricordarti di disattivare i fogli di stile degli utenti durante il test delle tue pagine Web.
