Esta é a primeira insersão que faço com o sistema ativo novamente.
Pela urgência de ser visto pelo Google, upei o banco de dados gravados com caracteres estranhos, devido incompatibilidade. Estarei atualizando pouco a pouco.

Logo, estarei rodando um novo layout com novos esquemas de SEO.

Caro leitor, se você não faz parte da grande famí­lia de desenvolvedores web; designers, programadores e projetistas, você se colocaria como sendo um usuário de internet que tem pleno direito de acessar qualquer site que desejar, sem nenhuma restrição de tipo de conexão, plataforma, browser, plugins, etc. Você usuário, sempre desejará de qualquer site, maior funcionalidade e acessi­bilidade, como eu mesmo já cobrei algumas vezes de sites de E-commerce.

Se você faz parte da grande famí­lia, principalmente se é um projetista ou designer, além de o desejar [Ah! Aqui, seu ní­vel de cobrança não seré tão grande quanto o de usuários (heavy users) exigentes, pois você sabe o quanto é trabalhoso e caro projetar sites acessí­veis e de boa usabilidade] você vai se questionar:

“Viche! Será o começo de uma nova era que ameaça o meu querido emprego, ou uma forma de empurrão pra correr atrás de novos horizontes; maior conhecimento sobre o tema de acessibilidade?”.

Ah, você terá que investir alguns $, caso seu chefe nãoo banque.

A questão é que, na era Web 2.0, acessibilidade e regras/maneiras de usabilidade será cada vez mais exigido, até chegar o dia em que não somente sites públicos deverão ser acessí­veis, mas todos os demais que estão publicados na web.

Epa! Se esse dia chegar, o que será de sites como o da “padoca” aqui perto de casa, heim? Eu lhe respondo:

Fim!

Foi depois de ler esta notí­cia que eu decidi escrever este artigo. A verdade é: deficientes fí­sicos não podem navegar em sites que, “poderiam facilmente ser alterados para atender aos padrões internacionais de acessibilidade”.

“Nós temos alguns obstáculos a superar”, disse Leonie Watson, da Nomensa, que é deficiente visual, em entrevista coletiva na sede da ONU.

Sabendo disso, quem vai pôr a mão na massa? Seria, eles investem (nos pagando) e nós trabalhamos pra desenvolver. Teremos que fazer a nossa parte… é inevitável. E, quanto antes, do que tarde.

Eu mesmo, que não sou expert em acessibilidade e usabilidade, já estou vendo de comprar alguns livros pra ficar bem mais por dentro. Penso até em treinamentos.

E você, amigo leitor/desenvolvedor? Vai ignorar a realidade (pensar que isso não vai dar em nada) e continuar apenas se preocupando com o que é certo ou errado no XHTML/CSS?

[tags]acessibilidade, usabilidade, webstandards[/tags]

Esta semana peguei um formulá¡rio de boleto online para torná-lo semântico e acessível, e no momento em que alterava aqui e ali, pensei: preciso escrever artigos voltados ao desenvolvimento web.

Não vou falar de tags como h1, h2, h3, h4, h5, h6 ou p, span, blockquote etc. Todos já estão “carecas” de saber o que é certo e o que é errado.

Tive a idéia de escrever um artigo sobre formulários depois de alterar um boleto online que continha um fonte totalmente fora da realidade. Então, estou pegando um simples formulário escrito em HTML, para deixá-lo acessével e correto, semanticamente falando.

Há vá¡rios tópicos que eu poderia abordar sobre usabilidade, mas não quero o fazer agora. O que eu quero é mostrar a parte “por trás”, da coisa. Sei que muitos ainda se esquecem de escrever corretamente formulários HTML, pensam em tudo, mas quando chega a hora, esquecem de coisas simples que fazem grande diferença aos usuários de leitores de tela ou para aqueles que por algum motivo, não podem usar o mouse.

O preview abaixo, é de um simples formulário de 5 campos, escrito do modo antigo:

Clique aqui para ver o código fonte.

Vamos fazer a mágica? Abaixo, segue a lista das etapas para a transformação do formulário:

1. Adaptação do fonte para XHTML 1.0 Transitional;
2. Eliminanação das tags table, tr, td e font;
3. Folha de estilos separada da estrutura de marcação;
4. Insersão de tags específicas para formulários semânticos e acessíveis: fieldset, legend, label, optgroup, tabindex e accesskey;
5. Validação do formulário.

Pronto! Confira o resultado do novo formulário semântico e acessível logo abaixo ou clique aqui para ver o resultado:

Baixe os fontes formulário acessível