Quando penso em sites acessÃveis, além de procurar cumprir todas as premissas definidas pela WCGA 1.0 e WCGA 2.0, penso também na facilidade de navegação dos usuários nesses sites. Dentro dessas facilidades destaco as âncoras, que nos possibilidade saltar de um conteúdo para o outro na tela com apenas um click, e as accesskeys que nos fornece atalhos também para uma navegação rápida em toda a página. Hoje iremos falar sobre as âncoras.
Âncoras. O que são?
Âncoras são pontos-chave dentro de um site/texto. Quem nunca abriu um documento no word e, logo nas primeiras páginas, deu de cara com um Ãndice onde, quando clicado no item te lançava direto para o texto relacionado? Isso é um texto âncora.
» Continue lendo Utilizando âncoras
· · · · ·
Falar sobre formulários acessÃveis se tornou meio difÃcil por ser um assunto que cada um poderá interpretar de uma maneira diferente. Alguns dizem que o correto é criarmos o formulário utilizando listas desordenadas (ul), outros já falam que o correto seria utilizarmos parágrafos (p). Utilizar <p> ou <ul>? Escolha um e seja feliz. 
Para que um formulário seja realmente acessÃvel, precisamos estar cientes da existência de algumas tags básicas e para que elas servem. Vamos a elas:
- form: cria uma área para a entrada de dados podendo conter campos de texto, checkboxes, radio-buttons etc.
- fieldset: utilizado para agrupar elementos no formulário. ex: dados pessoais, dados profissionais etc.
- legend: define um nome para cada fieldset criado
- label: define um “label” para um determinado controle.
- input, checkbox e radiobutton: elementos de um form.
» Continue lendo Criando Formulários AcessÃveis
· · · · ·
Quem nunca ficou irado ao ter que preencher um formulário e só conseguir clicar em cima da bolinha – radio button – de cada opção para fazer sua escolha? Sim, isso realmente irrita. Para isso que existe o atributo “for” para os nossos form label. Ok, o que seria esse tal de “for”.
Quando criamos um formulário temos que ficar atentos a, no mÃnimo, três tags fundamentais para a marcação correta do form, são elas: <form>, <label> e a nossa famosa <input>.
- <form> – indicará o inÃcio e fim do nosso formulário;
- <label> – irá conter todo o respectivo texto de cada campo do formulário;
- <input> – nosso formulário em si (campo texto, radio buttons etc).
» Continue lendo Formulário utilizando “Label” e o atributo “For”
· · · · ·
Hoje iremos aprender como fazer um script para aumentar e diminuir o tamanho da fonte de seu site.
O script é bem simples e fácil de entender, porém temos que definir qual o tamanho padrão que iremos ter em nosso site.
Na maioria dos browsers – se não todos – utilizando 16px como tamanho de fonte padrão, podendo ser alterado pelo usuário caso prefira. Vamos trabalhar com o valor padrão, sem alteração.
Primeiro, iremos definir o tamanho padrão de fonte para o noso site. Optei por 0.69em (11px)
var tam = 69; //número inteiro e tamanho relativo "em"
» Continue lendo Alterando o tamanho da fonte do site
· · · · ·
A algum tempo atrás falei sobre a importância de se utilizar acrônimos em web sites e hoje vim falar sobre as abreviações <abbr>.
Abreviação já se auto-explica o que é então vou ser rápido e explicar a diferença entre abreviações e acrônimos.
Para muitos, ou até para a maioria, usuários internet tudo é abreviação mas na realidade não é a verdade. Acrônimos são palavras formadas por letras ou sÃlabas iniciais de uma locução – Ex.: CSS = Cascading Style Sheets – enquanto abreviação é uma forma curta da palavra excrita – Ex.: Av. = Avenida.
No xHTML, a utilização da tag abrr se dá na seguinte forma:
<abbr></abbr>
» Continue lendo Abreviações em xHTML
· · · · ·
