Acessibilidade – Visualizando site em PB

by Luiz Paulo | janeiro 14, 2009 | 2 Comments »

Acessibilidade é um assunto de muita importância para quem trabalha com web. Precisamos pensar em cada passo do desenvolvimento para atender a todas as necessidades de nossos clientes.

Uma das maiores preocupações de um designer na criação de layouts é a distribuição das cores. Existem vários estudos sobre esse assunto, mas isso não vem ao caso agora (quem sabe em um próximo post).

Mas, o que as cores interferem na acessibilidade?

Deficiência na percepção das cores

Uma pesquisa feita pelo instituto IBRAU em 2004 afirma que entre 8% e 20% da população sofre algum tipo de deficiência na percepção da cor devido a anomalias na codificação dos genes responsáveis pelos fotopigmentos nos cones (localizados no cromossomo X). Como os homens possuem apenas um cromossomo X eles são mais facilmente afetados, pois as mulheres necessitam ter seus dois cromossomos X prejudicados para apresentar algum distúrbio.

Pessoas com essa deficiência têm a sua percepção das cores alterada ou em casos extremos, não percebem nenhuma cor, o que chamamos de Acromatopsia.

A forma mais comum de deficiência é a "verde-vermelho". Isso não significa que pessoas com essa deficiência não sejam capazes de distinguir essas cores. O motivo do nome é que os cones responsáveis pela distinção dessas cores estão danificados. Deficiências nos cones com pigmentação azul são pouco freqüentes, e estão geralmente associadas a distúrbios mais sérios na visão.

Seja qual for o tipo de distúrbio, o número de pessoas com algum tipo de deficiência na distinção das cores é muito alto. É imprescindível que durante o processo de planejamento e criação levemos em conta esses agravantes.

Trecho do post Uso das cores em webdesign de Daniele Viana (não deixe de ler!)

Como posso testar meu layout?

Nesse caso, darei uma dica para testes. Você poderá ver se existe algum problema para pessoas com esse tipo de limitação.

O site GrayBit é super útil para ver a disposição de cores do seu site. Ele coloca todo o site em escala de cinza, onde você pode facilmente descobrir falhas em seu design.

Espero que ajude a todos!

Categorias: Acessibilidade, Artigo, Desenvolvimento web
Tags: , , , , , , , ,

Java – Desenvolvimento web com JSTL

by Luiz Paulo | setembro 16, 2008 | 4 Comments »

JSTL é uma biblioteca utilizada para substituir código JAVA nos JSPs. Todo o código JAVA é substituido por TAGs específicas equivalentes a cada funcionalidade.
Uma poderosa solução da JSTL são as TagLibs onde podemos criar nossas próprias tags com funcionalidades personalizadas.

Veja um exemplo de página JSTL:

<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<jsp:useBean id="agora" class="java.util.Date" />
<html>
	<body bgcolor="#FFFFFF">
		<p><strong>Versão Curta: </strong><fmt:formatDate value="${agora}" /></p>
		<p><strong>Versão Longa: </strong><fmt:formatDate value="${agora}" dateStyle="full" /></p>
	</body>
</html>

O resultado desse código seria:


Versão Curta: 15/09/2008

Versão Longa: Segunda-feira, 15 de Setembro de 2008

A propriedade prefix define o prefixo "ftm" que interpretará a biblioteca de formatação e interação do JSTL.

Bibliotecas padrão

O JSTL fornece algumas bibliotecas padrão com foco bem específico, veja as bibliotecas:

Biblioteca JSTL Tipos de uso
Biblioteca: Core
Prefixo: c
URI: http://java.sun.com/jstl/core />
Exemplo de tag: <c:forEach>
- Acessar e modificar dados em memória
- Comandos condicionais
- Loop
Biblioteca: Processamento de XML
Prefixo: x
URI: http://java.sun.com/jstl/xml />
Exemplo de tag: <x:forEach>
- Parsing (leitura) de documentos
- Impressão de partes de documentos XML
- Tomada de decisão baseada no conteúdo de um documento XML
Biblioteca: Internacionalização e formatação
Prefixo: fmt
URI: http://java.sun.com/jstl/fmt />
Exemplo de tag: <fmt:formatDate>
- Leitura e impressão de números
- Leitura e impressão de datas
- Ajuda a sua aplicação funcionar em mais de um idioma
Biblioteca: Acesso a banco de dados via SQL
Prefixo: sql
URI: http://java.sun.com/jstl/sql />
Exemplo de tag: <sql:query>
- Leitura e escrita em banco de dados

Download

Para utilizar o JSTL você precisa fazer o download dao biblioteca.
Clique aqui para baixar

Categorias: Desenvolvimento web, Java
Tags: , , , , ,

Experiência com desenvolvimento WEB + JAVA

by Luiz Paulo | setembro 14, 2008 | 4 Comments »

Desde que resolvi me dedicar à programação sempre me identifiquei com desenvolvimento web. Web sempre foi o meu principal foco!

Passei por várias fases no desenvolvimento web. Já desenvolvi projetos em HTML puro, utilizei muito gif animado, frame, tabela. Trabalhei com dreamweaver, fireworks até no FrontPage (argh!).

Na época minha vida mudou completamente quando comecei a utilizar PHP / MySql, era tudo lindo e maravilhoso as coisas se tornaram mais simples com reaproveitamento e criação de componentes dinâmicos. Mesmo satisfeito com os resultados percebia que faltava alguma coisa, o PHP (até então PHP4) apesar de simples e fácil era muito feio. Mesmo com todo cuidado na escrita dos códigos, sempre ficava alguma gambiarra.

Até que pintou uma oportunidade de conhecer outro mundo... Desenvolvimento web com JAVA. O JAVA é bem mais complexo mais burocrático e os projetos ficam consideravelmente maiores. Todos conhecem a fama do JAVA e muitos pontos negativos, mas tem muitos pontos positivos também. Um projeto bem feito em JAVA é lindo! Adicionar recursos ou fazer manutenção no código se torna bem mais simples.

O mais interessante do JAVA não é a linguagem em si, mas o conceito envolvido. A modularização de componentes, utilização de partners (mvc, command, dao, factory, etc), a documentação. Enfim, cada vez mais cuidado para fazer códigos limpos.

Para desenvolver em JAVA é essencial a utilização de uma IDE (atualmente utilizo o Eclipse), sem ela posso dizer que seria quase impossível. Além de tudo ser interligado no projeto, o JAVA é bem grandinho, seria complicado escrever um projeto ou dar manutenção em códigos em um editor de textos padrão.

Estou nessa vida há um tempo e não me arrependo.

Como dizia um amigo “JAVA é o que há!” rsrsrs

Categorias: Desenvolvimento web, Java, Linguagens
Tags: , , ,


 

Valid XHTML 1.0 Strict Valid CSS!

Luiz Paulo | tecnologia web