Blog do TreinaWeb
Dicas, notícias e informações sobre cursos, programação, webstandards e desenvolvimento web.Posts com a Tag ‘Acessibilidade’
-
Acessibilidade web com CSS Parte 2
23 de June de 2009
Continuaremos agora com a nossa lista de técnicas CSS que podem ser aplicadas para tornar o seu site mais acessível. Na última lista fizemos 10 itens, então hoje, começaremos pelo item 11:
11 – Utilize as marcações apropriadas para as listas e itens de listas: Empregue as tags UL e OL para criar as listas, isto facilita a interpretação da página.
12 – Utilize metadata para acrescentar informações semânticas às páginas: Apesar de ainda ser muito recente, a nova versão do HTML, visa tornar a internet mais semântica, com isto, será mais fácil contextualizar a informação, ajudando na compreensão da página.
13 – Não utilize tabelas para controlar a apresentação do layout: Não utilize tabela para posicionamento dos elementos da página, só use tabela se ela for fazer algum sentido (dados tabulados), caso contrário utilize outra alternativa (normalmente divs).
14 – Forneça opções em outros idiomas: Este é um ponto difícil, mas se for possível disponibilize a opção de mais um idioma, de preferência ao idioma inglês, já que é o idioma mais falado no mundo dos negócios/internet.
15 – Forneça outra opção de leitura: Alguns usuários possuem dificuldade em ler conteúdos on-line, então ofereça a opção imprimir o conteúdo, e/ou uma opção de exportar/converter para pdf.
Com estes 5 itens, terminamos nossas dicas de acessibilidade com CSS, nos próximos artigos traremos mais dicas de acessibilidade, com outras tecnologias.
Até amanhã!
-
Acessibilidade web com CSS
10 de June de 2009
Continuando nossa serie sobre acessibilidade web, hoje mostraremos técnicas que podem ser aplicadas ao CSS para facilitar a vida dos usuários com dificuldade.
Como são vários pontos vamos enumerar em tópicos:
1 - Crie um estilo de apresentação consistente em todas as páginas: Tente padronizar todas as páginas do site, crie o mínimo de folhas de estilos e use folhas de estilo externas, evite criar folhas de estilo in-line, assim facilita também a manutenção do site.2 – Evite definições que estão fora dos padrões da W3C: Para garantir que o site não terá nenhuma incompatibilidade, não utilize regras, comandos ou técnicas que já estão em desuso.
3 – Use unidade de medidas relativas: Evite usar unidade de medida fixas, como cm e pt. Dê preferência pelas unidades em e %, só utilize medidas fixas, para elementos que possuem medidas fixas, como imagens.
4 – Evite usar imagens: Se for possível, substitua as imagens por texto, quando isto não for possível, forneça uma explicação da imagem em forma de texto, através da tag “alt” do elementos img, por exemplo: <img src=”http://www.treinaweb.com.br/images/treinaweb_elearning2.gif” alt=”Logotipo do site TreinaWeb” />
5 - Forneça o site sem html: No momento do desenvolvimento do site, verifique se ele permanece legível, mesmo que sem o CSS da página, para facilitar os usuários que utilizam browsers sem suporte ao CSS.
6 - Evite utilizar apenas um fonte de letra: Sempre forneça mais de uma opção de fonte, bem como evite utilizar fontes em desuso ou pouco utilizadas.
7 - Crie um estilo de texto simples: Evite utilizar efeitos no texto, como: efeitos de sombra, “piscante”. Caso tenha que aplicar os efeitos no texto, sempre forneça uma forma de “desligar este efeitos”.
8 - Sempre utilize as folhas de estilo para tabular o texto: Nunca tabule o texto “à mão”, utilize os elementos do CSS para tabular o texto, como: word-spacing, text-indent, write-spancing.
9 – Cuidado ao utilizar cores nos textos: Certifique-se que toda informação transmitida pela cor esteja disponível também sem a cor, por exemplo, mediante contexto ou por marcadores.
10 – Sempre teste seu site em um browser somente texto (o mesmo que os leitores de tela utilizam). O Lynx é um dos mais famosos. Se não quiser instalá-lo, existem alguns emuladores, como o LynxView.
Por enquanto é isto. No próximo artigo traremos mais dicas de como utilizar o CSS para tornar o site mais acessível.
Até a próxima!
-
Desenvolvendo um site acessível
26 de May de 2009
Continuando com nossa serie de artigos sobre acessibilidade…
Você já sabe quais são as dificuldades encontradas pelos usuários, agora vamos começar a mostrar, as formas de desenvolver um site para estes usuários.
Se você já possui um site é quer adaptá-lo para portadores de necessidades especiais é melhor criar outro, por nossa primeira dica é que a melhor forma de desenvolver um site acessível, é fazê-lo do zero, à não ser que você já tenha desenvolvido o site com base em todos os padrões da W3C, com XHTML, CSS, Tableless, e whatever, porque quando a W3C pensou nestes padrões era visando facilitar o acesso destes usuários (claro que ela também pensou nos desenvolvedores). Resumindo, através desses padrões é mais fácil desenvolver um site acessível.
Enrolações à parte, antes de pensar no site e como ele será, deve-se pensar no seu publico alvo, ou seja, se o site é voltado para idosos, as fontes devem ser maiores, se for para crianças, deve ser mais colorido, caso sejam cegos, os programas de leitura de tela devem lê-lo com facilidade, se for um grande portal, que atende todos os públicos, f***, ai é preciso pensar qual será o maior publico atingindo e qual técnica é necessária/possível utilizar.
Se o site já existe, faça uma enquete com os usuários, veja quais são as dificuldades, as necessidades e sugestões. Uma dica que damos sobre a enquete é que, aproveite ela para fazer um cadastro dos seus usuário (caso não tenha) e para atraí-los, faça uma promoção, sorteie um premio, de desconto em algum produto.. Seja criativo.
Se o site for de uma grande empresa é necessário verificar se a empresa já não possui uma política de acessibilidade, se algum departamento já tem algum plano nesta área. Normalmente o R.H. sempre tem alguma ação voltada para a acessibilidade, seja na adequação da empresa para os funcionários com necessidades especiais, como para os futuros funcionários. Neste caso, as empresas já possuem um cronograma, e normas para se tornar mais acessível.
Alguns sites, principalmente os governamentais, já possuem normais e regras, sobre a acessibilidade, isto também deve ser avaliado, pois dependendo da exigência algumas técnicas e tecnologias não devem ser aplicadas no site.
Depois de verificar tudo isto, é hora de pensar em qual técnica será aplicada no site, mas isto ficará para os próximos posts, pois ainda não conhecemos elas =)
Até a próxima!
-
Acessibilidade na web
20 de May de 2009
Hoje começaremos uma nova serie, onde falaremos sobre acessibilidade.
Com o avanço da tecnologia e a grande expansão de acessos no Brasil, a chamada inclusão digital, muitos usuários enfrentam alguma dificuldade na hora de acessar um site. Por terem pouco conhecimento, máquinas de pouca capacidade e/ou desatualizadas, ou até por terem algum tipo de deficiência (visual, motora, aditiva, etc)
Todo desenvolvedor deve pensar nestas pessoas no momento de criar um site. Para facilitar o serviço a W3C, criou a WAI (Iniciativa para a Acessibilidade da Web), que aponta as situações e características que o usuário pode apresentar:
1 – Incapacidade de ver, ouvir ou deslocar-se, ou grande dificuldade (quando não a impossibilidade) de interpretar certos tipos de informação.
2 – Dificuldade visual para ler ou compreender textos.
3 – Incapacidade de usar o teclado ou o mouse, ou ambos.
4 – Insuficiência de quadros, apresentando apenas texto ou dimensões reduzidas, ou uma conexão muito lenta.
5 – Dificuldade para falar ou compreender, fluentemente, a língua em que o documento foi escrito.
6 – Ocupação dos olhos, ouvidos ou mãos, por exemplo, no trabalho em um ambiente barulhento.
7 – Desatualizarão, pelo uso de um browser antigo, ou por utilizar um browser completamente diferente dos habituais, ou por voz ou sistema operacional menos difundido.
Sabemos que atender estes 7 itens é complicado, podendo ser até impossível em alguns casos, mas não é necessário atender os casos 100%. Nesta série, mostraremos como você poder tornar o seu site um pouco mais acessível.
Fiquem ligados!
Fonte : Acesso Brasil