O W3C disponibiliza uma lista de browsers alternativos para pessoas com algum tipo de deficiência que eu desconhecia, e que com certeza são de suma importância, divididos em 5 categorias:
Se você não conhecia, fica aí a dica, é uma boa pra você poder testar seu site e verificar se está dentro de padrões aceitáveis.
Acessibilidade com certeza é um tema que devemos dar um pouco mais de atenção, e com algumas histórias, é uma forma muito boa de nos recordar-mos de pontos cruciais no desenvolvimento de nossos sites:
Via: Anieto2K.
Este simples exemplo mostra como inserir quebras de página em nossos documentos, que será usado quando você quiser imprimir alguma página Web:
Veja o exemplo em funcionamento.
O CSS fica da seguinte forma:
.quebrapagina {
page-break-after: always;
}
E o HTML fica da seguinte forma:
<h1>Primera Página</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<br class="quebrapagina" />
<h1>Segunda página</h1>
<p>Texto segunda página...</p>
<br class="quebrapagina" />
<h1>Terceira página</h1>
<p>Texto terceira página...</p>
Testei no Firefox e IE7 e funcionou OK, mas infelizmente no Opera não funcionou, se alguém puder testar em mais browsers e me dizer eu agradeço. Baseado no artigo original de Web Intenta.
Eu, como quem não quer nada, estive dando uma olhada no site da Universidade Braz Cubas, que fica aqui na região, procurando informações sobre cursos, e fiquei meio decepcionado com o site deles, apesar deles serem uma universidade muito conceituada, seu site peca em conceitos de usabilidade e acessibilidade, não precisa ser um guru da área para ver isso, aliás, quem sou eu para estar falando isso, mas não aguentei e quis compartilhar isso com vocês. Tudo começa quando você tenta encontar alguma forma de entrar em contato com eles por e-mail, opa, mas onde? Não existe forma alguma de contato com a Universidade, nem um formulariozinho sequer, a não ser um disque processo seletivo, que com certeza, ligando pra lá, você aguarda com alguma musiquinha bem chata, e depois eles te passam um outro telefone para você estar ligando. Se alguém por um acaso achar um formulário de contato me avise.
Uma outra coisa que eu achei tão mal pensada foi a seguinte, na página institucional do site, se você clicar na opção de aumentar o tamanho da fonte do site para facilitar a leitura, por incrível que pareça, ele aumenta o tamanho da fonte do rodapé, e o resto do site continua na mesma, não, não é brincadeira, faça o teste você mesmo, onde fica a acessibilidade aí? Veja uma screenshot abaixo:
E por último é a área do aluno, onde eles querem passar a imagem de que o usuário é burro:
Primeiramente colocam a informação do lado do campo input de que não é permitido pontos ou traços, e depois, logo abaixo, em vermelho: “Lembre-se, sempre digite nos campos acima somente números sem traços ou pontos.”. Espera aí, acho que não é pra tanto, existem soluções hoje para que ao usuário ao digitar um ponto por exemplo alí no campo, ele não seja aceito, o próprio Élcio, ensinou em um artigo como fazer isso facilmente usando Expressões Regulares, mas eu acho que a equipe de desenvolvimento não está nem aí pra isso, bem, particularmente eu aconselho a eles fazerem um curso lá na Visie. E você, o que acha, achou mas algum erro pitoresco no site? Deixe aqui a sua opnião.
Muitas pessoas não sabem, mas é possível instalar uma barra de acessibilidade no Opera, ela é muito parecidíssima com a extensão Web Developer do Firefox. Ela possiu links rápidos para validação do código, opção de habilitar e desabilitar o css, analisador de contraste de cores, opção de vizualização da tela do seu browser em diferentes resoluções, e várias outras coisas bem interessantes. Se você usa o Opera, confira você mesmo.
Quando estamos desenvolvendo um site, é habitual e recomendável utilizar-mos links para pular entre seções para aqueles que utilizam leitores de tela possam navegar rapidamente entre as várias seções da página sem ter que esperar que a mesma seja lida totalmente. Por exemplo, é recomendado criar-mos links que saltem do menu ao conteúdo para que o mesmo não seja lido várias vezes dentro de um mesmo site.
Esses links ficam invisíveis para aqueles que usam navegadores normais. A técnica mais usada é a propriedade display:none.
.oculto {
display:none
}
Em um artigo anterior, eu falei como fazer o uso correto da tag alt em imagens, como vocês podem ver, é rotineiro os usuários usarem a tag alt como tooltip, mas essa não é a verdadeira função dessa tag, sua função é proporcionar um texto altenativo caso as imagens não sejam carregadas, por exemplo, os leitores de tela, eles lêem o texto do atributo para o usuário. Um outro exemplo é o Google Image Searchs, ele não faz o uso das tags meta para indexar as imagens em seu banco, ele também faz o uso das tags alt, por isso a importância de se fornecer um texto que tenha conivência com as imagens.
