Padrões e acessibilidade

Fontes de letra pequena, sem ferramenta de redimensionamento, cores de fundo contastando mal com o texto, layout desorganizado e informação desestruturada e inacessível. Vários "pequenos" fatores podem comprometer a acessibilidade do site, podendo levar o usuário simplesmente a desistir de obter a informação ou o serviço que buscava.

Já conhecemos muitos sites que dispunham de uma apresentação inicial  bastante sofisticada, animações baseadas em Flash, às vezes impressionantes pela estética do seu design. Também já nos irritamos por ter de esperar tempo certamente desnecessário até que as tais animações Flash carregassem completamente. Esse é apenas um dos problemas do que se costuma chamar hoje de acessibilidade.

Afinal, de que adianta desenvolver um site cheio de detalhes rebuscados de design se isso não contribuir para o que ele deve servir primordialmente? Quando uma pessoa acessa o site de uma instituição ou empresa na internet, seu objetivo principal costuma ser a obtenção de determinado informação ou serviço on-line. Dificilmente alguém se sentirá satisfeito se seu objetivo for dificultado ou atrasado demais. Mesmo que a dificuldade e o atraso sejam decorados, animados e sonorizados.

Dificuldades de visualização

Se introduções e vinhetas de abertura atrapalham a acessibilidade de qualquer pessoa e dificultam a obtenção de um resultado satisfatório em um site, imagine se essa pessoa tiver algum tipo de problema oftalmológico ou mesmo se for totalmente cega.

Nesse caso, as vinhetas e animações desnecessárias são mais um fator a atrapalhar o acesso a informações e serviços online. Alguns outros detalhes podem simplesmente impossibilitar por completo o acesso ao site.

Ferramentas de busca

Um site de busca, como o Google, pode ser comparável a um leitor cego: ele não vê as páginas, mas com o auxílio de um programa específico, pode saber o que está escrito nelas. Assim como um usuário de computador cego pode acessar textos por meio de um software sintetizador de voz, uma ferramenta de busca pode acessar os textos e links dos sites.

Para isso, não faz diferença se as letras são pretas, azuis ou verdes, grandes ou pequenas, se o plano de fundo da página é branco, preto, transparente ou composto por uma imagem. Portanto, depois que o projeto visual do site foi concluído, a publicação de novo contúdo não deve mais estar tão atrelada a dúvidas como "que fonte usar? qual tamanho? qual cor?".

HTML e formatação semântica

A linguagem HTML (HyperText Markup Language) foi concebida de forma que se possa identificar semanticamente os elementos de um texto. Cada parte do texto é marcada de forma que os sistemas de computação possam saber o que é o quê: títulos, subtítulos, parágrafos, listas, tabelas, citações, links, imagens etc. Do ponto de vista semântico, um título é um título, independentemente do tipo de letra que ele utiliza; um subtítulo e um parágrafo também. Para um leitor comum, isso é percebido quase que de forma automática: os títulos costumam ter letras maiores que as dos parágrafos, as listas costumam ter marcadores ou numerais na frente de cada item, os blocos de citação costumam ter um recuo maior que os parágrafos etc.

Tendo em vista que os padrões web estabelecem que o documento HTML não deve conter qualquer informação relativa à formatação visual, isso deve ser feito com o auxílio das CSS (Cascade Style Sheets), ou Folhas de Estilo em Cascata.

Folhas de estilo

A grande vantagem das folhas de estilo é o fato de elas permitirem separar em níveis diferentes o conteúdo de um site da forma como ele é visualmente apresentado. Isso se traduz basicamente em carregamento de páginas mais rapidamente, além de melhor controle do layout, cores e tipografia do site. As folhas de estilo também facilitam a indexação das páginas por meio das ferramentas de busca, uma vez que esses sistemas não precisam consumir seus recursos "lendo" informações no documento que não dizem nada sobre seu conteúdo: as folhas de estilo são ignoradas pelo Google e outros indexadores da web.