CSS e acessibilidade na web | Velame Cursos
CSS / W3C
Temos abordado bastante a importância da acessibilidade na web na estrutura e na semântica do código HTML: cabeçalhos, tabelas, textos alternativos e outros recursos para deixar o markup robusto e acessível baustellen simulator kostenlos downloaden vollversion. Mas todos são elementos que podem ser manipulados pelo CSS, e por isso devemos ter certos cuidados com a acessibilidade deles.
Softwares leitores de tela já são capazes de identificar elementos de formatação visual das páginas que não foram declaradas no HTML e sim no CSS, como tipo e cor de fonte Download free mwarm games. Por esse motivo, existem questões relacionadas à acessibilidade que estão diretamente ligadas ao CSS da sua página e vão muito além do uso de cores nas suas páginas web Download songs for free on handy.
Gostaria de elencar aqui alguns pontos importantes para a criação de páginas web acessíveis voltados diretamente para o uso do CSS, mas antes de começar vale lembrar da máxima de sempre separar as camadas de estrutura (HTML) da apresentação (CSS) da sua página web wetteronline kostenlos downloaden. Faça toda a formatação visual/layout dentro do CSS e deixe o HTML para a estrutura do seu documento.
Sua paleta de cores deve prever o contraste adequado entre os elementos da página, e tudo isso deve ser considerado no seu CSS aida katalog herunterladen. Fundos e elementos devem ter um contraste de pelo menos 4,5:1 para uma visualização adequada. O E-mag publica em sua última página uma tabela de referência para textos em preto ou branco com fundos coloridos que auxilia muito essa tarefa starcraft 2 download vollversion kostenlos.
Servem para inserir conteúdo adicional antes e depois de determinados elementos em sua página web via CSS gif frohe ostern bilder kostenlos herunterladen. Esse recurso deve ser utilizado com cuidado, pois nem todas as tecnologias assistivas/leitores de tela conseguem ler os conteúdos inseridos antes ou depois do texto skibo spielen kostenlos download. O ideal é utilizar pseudo-elementos apenas para uso estético e design, e não para inserir conteúdo importante da sua página web. Existe um ótimo artigo da Lucica Ibanescu explicando e mostrando como os leitores de tela interagem com pseudo-elementos raiffeisen pushtan app herunterladen.
É importante que o seu usuário saiba que aquele texto em destaque é um link e não precise ficar vasculhando a página para procurar um texto com link para outra página Download videos from youtube to android handy. Jacob Nielsen publicou em 2004 um artigo com orientações para a criação e customização de links em sua página, como não sublinhar textos que não são links e usar cores diferentes para links visitados.
Existem diversas formas de esconder o conteúdo de uma página web. Alguns deles podem ser acessados por tecnologias assistivas, por isso vale a pena verificar se o que você quer esconder em sua página deve ou não ser lido por softwares leitores de tela. Este artigo de Jonathan Snook explica bem cada uma das técnicas.
Localizar onde está o foco em uma navegação via teclado de uma página cheia de links é uma tarefa complicada quando o foco não dá destaque para o elemento selecionado. Destacar o foco dos elementos beneficia não só pessoas que navegam por links, mas auxilia o preenchimento de formulários, facilitando a localização do foco em determinados campos.
Viu como acessibilidade no CSS vai muito além de questões com cores? Posicionamento de elementos, tamanho de fontes e linhas também devem ser considerados no seu projeto web. Vale lembrar que hoje desenvolvemos pensando em uma plataforma da web, a Open Web Platform, e não somente no HTML5 ou no CSS3. A web de hoje vai muito além do código HTML, e sua acessibilidade deve ser ampliada para toda a sua plataforma para que a web seja efetivamente para todos.