|
|
Artigos relacionados ‘Web Standards’Interface minimalista e pedido de socorro ao GoogleQuarta, mar 19th, 2008Acessibilidade e usabilidade na web: um caso sérioQuinta, dez 7th, 2006
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".
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]
Formulário semântico e acessívelSábado, nov 4th, 2006Esta 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:
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
|