Agora, quando uso uma folha de estilo do usuário, não estou configurando uma situação em que todas as páginas da Web que eu visito sejam as mesmas. Em vez disso, tenho uma folha de estilos do usuário que me ajuda a navegar na Web. As folhas de estilo do usuário permitem definir estilos nos elementos da página para facilitar a leitura e o uso, independentemente do que o designer da página da Web pretenda.
Uma das coisas que tenho notado é que muitas páginas da Web são construídas por pessoas mais jovens. Essas pessoas parecem gostar de fontes que são, bem, microscópicas. Usando uma folha de estilos do usuário, posso definir tamanhos de fonte padrão para um tamanho de fonte mais legível para mim. Outro truque popular dos web designers é remover os sublinhados dos links. Embora isso possa tornar a página mais "agradável", é mais difícil dizer o que é clicável. Assim, com as folhas de estilo do usuário, coloco os sublinhados de volta nos links das páginas que visito.
Escrevendo uma folha de estilo do usuário
Escrever uma folha de estilo do usuário é tão simples quanto escrever uma folha de estilo CSS para sua página da Web. Você pode usar as mesmas propriedades e comandos que pode em uma folha de estilo padrão. O truque para uma folha de estilo do usuário é que ela é armazenada no disco rígido e você diz ao seu navegador da Web para usá-la. Dependendo de qual navegador da Web você usa, as instruções para configurá-lo são diferentes:
- Raposa de fogo
- Internet Explorer para Windows
- Internet Explorer para Macintosh
- Mozilla
- Ópera
- Safári
Folhas de estilo do usuário e acessibilidade
Adicionar de volta os sublinhados ou aumentar as fontes é um bom começo para tornar as páginas da Web que visitei mais acessíveis para mim, mas com as folhas de estilo do usuário, você pode ir ainda mais longe. Por exemplo, muitos Web designers ainda usam os elementos e em suas páginas, em vez de usar os mais semânticos e. Se eu fosse cego, usando um navegador auditivo, o navegador não saberia o que fazer e como esses não têm nenhum significado semântico. Mas, com uma folha de estilo do usuário, eu poderia defini-las para serem pronunciadas de maneira audível, com ênfase ou ênfase, da mesma forma que suas contrapartes semânticas.
Jogando com folhas de estilo do usuário
A maneira mais comum de usar folhas de estilo de usuário é incluir o sublinhado nos links. Você faria isso simplesmente adicionando a seguinte propriedade CSS à sua folha de estilos do usuário:
: link,: visitado {text-decoration: sublinhado! importante; }
Adicionando o "! Importante" para o final do estilo é vital, porque caso contrário, o autor definido folha de estilo terá precedência sobre sua folha de estilos do usuário.
Outro truque útil com as folhas de estilo do usuário é tornar algumas das tags mais irritantes menos irritantes. Esse estilo faz com que a tag piscada e as tags de letreiro não pisquem ou rolem:
piscar {texto-decoração: nenhum! importante; } marquee {-moz-binding: none! importante; }
Web designers: mantenha isso em mente
Você deve se lembrar de ter uma folha de estilo do usuário definida ao criar páginas da Web. Caso contrário, você passará horas e horas tentando solucionar o motivo pelo qual vê sublinhados em todos os links, enquanto todos os demais membros de sua equipe não o fazem. Você pode rir, mas se você definir a folha de estilo do usuário hoje e alterar os estilos do site em seis meses, provavelmente esquecerá que definiu uma folha de estilos do usuário.
O que eu faço é ter o meu perfil padrão que eu navego na Web e um perfil padrão que eu uso para testar minhas páginas da Web com. Dessa forma, posso navegar na Web como me sinto mais confortável, mas também sei como a maioria das pessoas verá minha página da Web. Se você insistir em navegar com o Internet Explorer, precisará se lembrar de desativar as folhas de estilo do usuário ao testar suas páginas da Web.
