1º – Label de formulário não associado à campos

Label de formulário não associado à campos

Usando o atributo ‘for’ permite que quando o usuário clique no label automaticamente é selecionado o campo input. Isso é muito importante para campos checkbox e radio pois permitem uma maior área clicável.

2º – Logo não faz link para a página inicial da empresa

Logo não faz link para a página inicial da empresa

Linkar o logo do site para a página inicial tornou-se uma prática comum e atualmente os internautas esperam que ao clicar no logo, ele seja redirecionado para a página inicial. Também vale mencionar que é legal o logo aparecer no canto superior esquerdo.

3º – Não especificar o estado de link visitado

Não especificar o estado de link visitado

O estado de link visita é o que o próprio nome diz. Este não é um dos mais avançados seletores do CSS, mas é quase sempre esquecido. Dar uma dica a um usuário sobre qual link ele já clicou é sempre uma boa!

4º – Não indicar um campo formulário ativo

Não indicar um campo formulário ativo

Você pode usar o seletor :focus em diversos elementos, mas ele é super acessível quando usado para inputs e textareas para indicar que determinado campo está ativo. Adicionar estilo CSS, tipo destacar a borda ou alterar sutilmente a cor de fundo do elemento.

5º – Uma imagem sem uma descrição no atributo alt

Uma imagem sem uma descrição no atributo alt

Isto é desviar um pouco no campo da acessibilidade, mas isso continua sendo algo importante a se considerar. Lembre-se sempre de adicionar o atributo alt nas suas imagens, ele será usado somente com proposito decorativo, você pode até deixar o atributo vazio, mas ele sempre deverá existir. Quando usar uma imagem como link, preencha a descrição indicando para onde este link levará.

6º – Uma imagem de fundo sem uma cor de background

Uma imagem de fundo sem uma cor de background

É comum o uso de imagens de fundo com texto escrito sobre elas, mas vale a pena lembrar que as imagens de fundo podem ser desabilitadas pelos usuários, e isso faz-se necessário que uma cor com tom similar seja colocada como fundo para que o texto não se torne ilegível.

7º – Usando longos textos chatos para conteúdo

Usando longos textos chatos para conteúdo

Não há nada mais irritante do que chegar em um website e encontrar um texto longo. Divida o seu conteúdo com imagens, cabeçalhos e sessões claras para manter o texto compreensível e que dê gosto de ler.

8º – Sublinhar coisas que não são links

Sublinhar coisas que não são links

Todos sabem que um texto sublinhado ou com uma cor diferente é provável que seja um link. Não confunda as pessoas sublinhando texto em outro lugar. Para dar destaque a certas palavras tente usar as tags <strong>(negrito) ou <em>(enfâse).

9º – Falando para as pessoas clicarem aqui

Falando para as pessoas clicarem aqui

As palavras “clique aqui” cercaram a internet desde o seu início, mas tem sido evitadas em favor de opções mais usáveis. Usar as palavras “clique aqui” obriga ao usuário ler toda a sentença para saber o que acontecerá ao clicar. Em vez disso, é muito melhor que você descreva o que acontecerá na âncora do link.

10º – Usar texto justificado

Usar texto justificado

Esta é outra dica que está indo um pouco mais a fundo em acessibilidade mas não deixa de ser um ponto important a considerar. Texto justificado pode fazer com que se olhe para o texto de forma pura e quadrada, mas isso pode gerar certos problemas com leitura, particularmente para usuários disléxicos que podem encontrar problemas para identificar palavras devido ao espaçamento nos paragrafos.

Este texto foi criado originalmento por Chris Spooner e pode ser encontrado em 10 Usability Crimes You Really Shouldn’t Commit (inglês)

Espero que aproveitem este post.

Paulo Fernandes

@paulofernandesj

Aqui será uma espécie de passos que eu segui.

Acessei o site http://www.python.org e fiz o download da versão 2.7 para Windows e comecei a leitura desse link http://docs.python.org/tutorial/index.html, li somente a primeira página enquanto rodava o executável MSI, mandei instalar na pasta padrão C:PYTHON27

Como gosto da parte prática tentei ir direto para o “Hello World”

Primeiro Problema, como configurar o windows para entender o Python

No tutorial do site do Python, o segui. Abri o prompt de comando e digitei python

||    ‘python’ não é um comando reconhecido

Tive que adicionar o caminho de instalação ao path do windows

||    set path=%path%;C:python27

Depois disso, digitei python no prompt e deu certo . Abriu uma interface no prompt e eu fiz o meu primeiro “Hello World” foi até que simples, veja:

||    print ‘hello world’
||    print “hello world”

Ainda não aprendi o suficiente, mas funcionou com aspas duplas e com aspas simples, algo interessante do Python é que não precisa de ; no final da linha, basta pular de linha que ele entende que é uma nova instrução.

Como eu já sabia, arquivos Python tem a extensão .py

Então, pensei, vou salvar um arquivo e tentar executá-lo. Criei um arquivo em uma pasta qualquer e quando salvei como .py no notepadd++ e fechei o arquivo e fui na pasta vê-lo. Para minha surpresa, o arquivo já alterou o icone, informando que era um arquivo executável e que o windows reconhecia o seu tipo. Clique duas vezes no arquivo e rapidamente, o prompt de comando abriu e fechou. Pensei comigo mesmo, deve ter algo de errado com o arquivo né? Ai fiz a seguinte “burrada”, coloquei 2000 linhas com a seguinte instrução
||     print “hello”
||     print “hello”
||     print “hello”
||     print “hello”
||     …

Cliquei duas vezes novamente e percebi que ele estava imprimindo várias vezes. Acima disse que fiz a “burrada”, porque eu bem que poderia ter criado um for, que é muito mais elegante do que um CTRL+C e CTRL+V. Problema!!!!

Segundo problema, como se cria variavel em Python??
Bem mais simples do que pensei basta escrever a variavel e usar o sinal de ‘=’ para atribuir o valor
||    i = 0

Maravilha, e agora vamos ao for, ops! mais um problema

Terceiro problema, como se cria um for
Fiquei feliz, descobri rapidinho, um amigo (von.juliano@gmail.com) me indicou o livro “Beggining Python – From Novice To Professional (Magnus Lie Hetland)”, algo interessante de ser mencionado é que no Python não tem abre e fecha chaves, tudo é na base da identação   Acredito que dessa forma seja até melhor para se programar, afinal tem gente que abre as chaves na mesma linha e outros abrem na linha de baixo do método, mas isso é outra história.
||     for numero in range(1,20000):
||         print numero

Resultado:
||       1
||       2
||       3
||     ….

Mas agora eu queria fazer algo para melhorar um pouco e deixar mais próximo da “vergonha” do CTRL+C e CTRL+V que fiz acima, então resolvi concatenar variavel com a String, ops!!! outro problema

Quarto problema, como concatenar variavel em Python
Com o livro essa foi facinho, basta utilizar a virgula, isso mesmo ‘,’ a virgula.
Como agora estou com o livro, acho que os problemas vão diminuir “Tomara!”
||    for numero in range(1,20000):
print “hello”,numero

Resultado:
||     hello 1
||     hello 2
||     hello 3
||     ….

Além da virgula ‘,’ concatenar ela serve para dar um espaço em branco, mas como que se concatena sem espaço??

Quinto problema, concatenar um numero com uma string sem espaço em branco?
Esse foi mais complicado, porém aprendi diversas outras coisas, mas no final descobri com se faz, reparem na crase ‘`’
||    for numero in range(1,20000):
||        print ‘hello’+`numero`

Resultado:
||     hello1
||     hello2
||     hello3
||     ….

O que aprendi que comentei acima é que se eu quisesse repetir o campo “hello” varias vezes eu poderia simplesmente multiplicar pelo valor que eu quisesse, exemplo:
||    for numero in range(1,20000):
||        print ‘hello’*5

Resultado:
||     hellohellohellohellohello
||     hellohellohellohellohello
||     hellohellohellohellohello
||     ….

Outra coisa que aprendi no primeiro dia de Python foi como executar um script direto no console ( prompt de comando ), sem a necessidade de clicar duas vezes no arquivo
Vá até a pasta que o arquivo está instalado e digite
||    python hello.py
ou
||    hello.py

Esse foi o estudo que realizei com Python no primeiro dia. Espero amanha ter tempo para investir mais um tempo e testar outras coisas, como por exemplo, mais laçõs de repetição, condicionais e o que mais surgir de dúvida.

Peço que me ajudem a erros que cometi acima, e fatos que ainda não aprendi e quais podem ser meus próximos passos.

Até mais

Paulo Fernandes
@paulofernandesj