Todos links deveriam abrir na mesma janela (ou aba, tanto faz) com isso o usuário ficaria bem acostumado, ele já saberia que para abrir o link em uma nova janela seria só clicar no link segurando o shift, em uma nova aba crtl ou apenas clicar para abrir na mesma janela, ai está, graças ao target _blank os usuários não podem abrir o link na mesma janela.

Digo o mesmo para o autocomplete off, se o usuário não quer adicionar a senha dele no autocomplete cabe exclusivamente a ele decidir, e não ao desenvolvedor, o próprio navegador perguntar se ele quer ou não fazer isso.

Mesmo no final de formulários onde há um link para uma página com os termos de uso, o botão voltar não foi feito para enfeitar o navegador, mesmo o usuário já tendo preenchido todo formulário e abrindo outra página na mesma janela ao clicar em voltar o formulário fica com todos campos preenchidos mantidos, mas se mesmo assim o usuário quiser abrir em outra janela ele tem liberdade de escolha. :)

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Inserir vídeos do Youtube em XHTML válido
• Estou atacando de colunista – Parte #2
• Características de um site user friendly
• 30 Extensões Firefox para Desenvolvedores Web
• Utilizando atributos alt equivalente as imagens

Pode soar estranho, mas sim, existe um curso de HTML para deficientes visuais, onde através de uma linguagem simples o usuário aprenderá a base do HTML, e no final do curso poderá criar sua própria página HTML, dentro da seguinte estrutura: http://www.cursodehtml.com.br/aluno/nome-do-aluno.

Os criadores do projeto são: Ricardo Schmidt e Wallace Colaço. Eu fiz o curso, é interessante a forma que foi desenvolvido, mas só faltou eles se aprofundarem mais no assunto.

Parabéns a todos que participaram do projeto pela ótima idéia.

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Target _blank é uma afronta a liberdade de escolha do usuário
• A importância dos cabeçalhos HTML para a acessibilidade
• Acessibilidade e o Slideshare
• Acessibilidade e a Dislexia
• Acessibilidade: Sempre defina um cor de fundo no seu site

Se você ficou curioso, basta dar uma olhada no vídeo abaixo:

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Target _blank é uma afronta a liberdade de escolha do usuário
• Curso de HTML para deficientes visuais
• Acessibilidade e o Slideshare
• Acessibilidade e a Dislexia
• Acessibilidade: Sempre defina um cor de fundo no seu site

Em informática, programas que provêm acessibilidade são ferramentas ou conjuntos de ferramentas que permitem que portadores de deficiências (as mais variadas) se utilizem dos recursos que o computador oferece. Essas ferramentas podem constituir leitores de ecrã para deficientes visuais, teclados virtuais para portadores de deficiência motora ou com dificuldades de coordenação motora, e sintetizadores de voz para pessoas com problemas de fala.

Na Internet o termo acessibilidade refere-se também a recomendações do W3C, que visam permitir que todos possam ter acesso aos websites, independente de terem alguma deficiência ou não. As recomedações abordam desde o tipo de fonte a ser usado, bem como seu tamanho e cor, de acordo com as necesidades do usuário, até a recomendações relativas ao código (HTML e CSS, por exemplo).

Um site muito interessante que pensa em Acessibilidade é o Slideshare, onde você pode subir suas apresentações para compartilhar com seus amigos. O player para as apresentações é em Flash, ficando inacessível a usuários com algum tipo de deficiência visual, mas toda apresentação possui uma representação textual do conteúdo justamente pensada para atender pessoas com dificiência. Mas não bastava só isso, e os usuários de celular? Pois bem, foi aí então que o Slideshare lançou seu serviço Mobile, onde ao invés da utilização de Flash, cada slide da apresentação é uma pequena imagem, torando assim a apresentação disponível aos dispositivos móveis. Vejam abaixo uma screenshot da utilização do site no iPhone:

Apresentação de Slides:

Se todas as empresas pensassem assim, a Internet seria um ambiente bem melhor.

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Target _blank é uma afronta a liberdade de escolha do usuário
• Curso de HTML para deficientes visuais
• A importância dos cabeçalhos HTML para a acessibilidade
• Acessibilidade e a Dislexia
• Acessibilidade: Sempre defina um cor de fundo no seu site

<a href="#" onclick="window.print(); return false;">Imprimir</a>

Utilizando jQuery, podemos fazer isso de uma forma muito simples, observem o código abaixo:

$(document).ready(function() {
	$('a#print').click(function() {
		window.print();
		return false;
	});
});

Suponhamos que em nossa página tenhamos um link com o ID print, ao clicar nesse link o evento click dispara a janela de impressão do Browser, possibilitando assim a sua impressão. Mas esse código possui uma deficiência, se o usuário estiver navegando com o JavaScript desabilitado, o link não terá mais funcionalidade alguma, a solução então seria criar esse elemento via JavaScript, e adicionar a possibilidade de impressão da seguinte forma:

$(document).ready(function() {
	$('body').prepend('<a id="print" href="#">Clique aqui para imprimir</a>');
	$('a#print').click(function() {
		window.print();
		return false;
	});
});

Vejam no exemplo criado o script em funcionamento, experimente desabilitar o JavaScript e você verá que o link de impressão não é criado não atrapalhando em nada a navegação do usuário. Esse tutorial foi baseado no artigo original de Trevor Davis.

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Responsive Slideshows
• Carregar botão do Google+ via Ajax
• Carregar botão Like do Facebook via Ajax
• Como mostrar updates do Twitter no blog
• Carregar botão de Retweet via Ajax

Segundo a Wikipédia, Dislexia se resume no seguinte parágrafo:

Dislexia (da contração das palavras gregas: dis = difícil, prejudicada, e lexis = palavra) caracteriza-se por uma dificuldade na área da leitura, escrita e soletração. A dislexia costuma ser identificada nas salas de aula durante a alfabetização sendo comum provocar uma defasagem inicial de aprendizado. A dislexia é mais freqüentemente caracterizada pela dificuldade na aprendizagem da descodificação das palavras, na leitura precisa e fluente e na fala. Pessoas disléxicas apresentam dificuldades na associação do som à letra (o princípio do alfabeto); também costumam trocar letras, p. ex. b com d, ou mesmo escrevê-las na ordem inversa, p.ex “ovóv” para vovó. A dislexia, contudo, não é um problema visual, envolvendo o processamento da fala e escrita no cérebro, sendo comum também confundir a direita com a esquerda no sentido espacial. Esses sintomas podem coexistir ou mesmo confundirem-se com características de vários outros fatores de dificuldade de aprendizagem, tais como o déficit de atenção/hiperatividade, dispraxia, discalculia, e/ou disgrafia. Contudo a dislexia e as desordens do déficit de atenção e hiperatividade não estão correlacionadas com problemas de desenvolvimento.

Cerca de 17% dos brasileiros sofrem de dislexia, e ainda existem muitas pessoas famosas que sofreram ou sofrem desse mal portanto é interessante você ao desenvolver sites de preocupar com esses usuários. O site Accessites.org, um dos sites que eu considero que mais entende de acessibilidade hoje na Web (Referente a sites Internacionais), publicou um guia de como desenvolver sites para usuários disléxicos, vale a pena a leitura:

• Designing for Dyslexics: Part 1 of 3.
• Designing for Dyslexics: Part 2 of 3.
• Designing for Dyslexics: Part 3 of 3.

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Target _blank é uma afronta a liberdade de escolha do usuário
• Curso de HTML para deficientes visuais
• A importância dos cabeçalhos HTML para a acessibilidade
• Acessibilidade e o Slideshare
• Acessibilidade: Sempre defina um cor de fundo no seu site

Pode soar estranho, mas veja a opinião de outras pessoas como Jeffrey Zeldman, Roger Johansson, redswish. No Flickr existe até uma galeria com alguns “desastres” ocorridos em alguns sites:

Para evitar problemas desse tipo, basta definir uma cor de fundo para o body da página. Exemplo:

body {background:#ffffff;

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Target _blank é uma afronta a liberdade de escolha do usuário
• Curso de HTML para deficientes visuais
• A importância dos cabeçalhos HTML para a acessibilidade
• Acessibilidade e o Slideshare
• Acessibilidade e a Dislexia

Agora será possível uma pessoa que não sabe ler ou mesmo com deficiência visual se atualizar diariamente através de um módulo implantado na edição digital. Se trata de um recurso que permite a pessoa apenas ouvir as notícias a partir de uma tela com leitura eletrônica.

Criamos uma tela sintetizada que emite sons a partir do movimento do cursor. O mouse até o momento não é um recurso conhecido para a pessoaque não vê. Com o módulo da leitura eletrônica o mouse passa a ser fundamental para que quer se atualizar via Internet e não tem visão.

Uma característica importante é que o computador do usuário não precisa de nenhum programa para começar a ler as notícias do dia, podendo acompanhar o jornal da Paraíba até mesmo em uma lan house. Uma tela inteligente foi mapeada com letras que identifica a coluna e números que identifica a linha exata que o cursor se encontra. Com o recurso, o usuário mesmo sem vê sabe a posição exata que o cursor se localiza na tela do computador.

A imagem foi criada em retângulo com 21 centímetros de altura por 28 de largura. Uma primeira faixa separa a área que emite um som, avisando o internauta que já pode começar a navegação na tela sintetizada. Uma segunda faixa avisa ao ouvinte se a localização do cursor naquele momento se encontra na lateral direita, esquerda, na faixa superior, ou inferior da área delimitada. Apenas passando o mouse por cima da área sensível, a ferramenta já começa emitir uma voz eletrônica identificando a localização do cursor.

Como podem ver, o site é desenvolvido em Flash e depende da utilização do mouse para funcionar, mas eles não se esqueceram de que os deficientes visuais não utilizam mouse para navegar? Muitos deles sequer tem um monitor instalado no micro, então até que ponto esse jornal é útil para cegos?

Deficientes visuais utilizam leitores de tela para navegar, e a navegação com eles se dá através do teclado, e não do mouse, o único leitor de tela conhecido que tem suporte a mouse é o NVDA, que apesar de ser livre, não é utilizado por muitas pessoas. Desenvolver sites acessíveis é desenvolver sites para todos, e não especificamente para um leitor de tela.

Essa é minha breve visão sobre a aplicação, gostaria de ver aqui também a opinião de outras pessoas, se discordam ou concordam comigo, testem a aplicação e depois postem seus comentários.

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Target _blank é uma afronta a liberdade de escolha do usuário
• Curso de HTML para deficientes visuais
• A importância dos cabeçalhos HTML para a acessibilidade
• Acessibilidade e o Slideshare
• Acessibilidade e a Dislexia

Hoje em dia quem não tem um blog praticamente não está na mídia. Pessoas portadoras de deficiências especiais não são diferentes, elas também utilizam a Internet, fazem compras, visitam blogs. Recentemente fiquei conhecendo um projeto muito interessante através do Alessandro Novais, que é chamado de Nossos Poetas.

O Projeto

O Blog Nossos Poetas conta parte da história de vida dos pacientes das Casas André Luiz. Uma Instituição filantrópica sem fins lucrativos que tem mais de 60 anos de existência, sempre cuidando de pessoas com algum tipo de deficiência. Hoje em dia mais de 610 pessoas recebem cuidados diários. Conta com médicos, dentistas, pedagogos, cuidadores, nutricionistas, fisioterapeutas, entre outros profissionais. Não para por ai. No Ambulatório de deficiência mental, mais de 850 pessoas /mês recebem atendimento de qualidade gratuitamente e retornam para suas casas.

No Blog Nossos Poetas, os portadores de necessidades especiais, escrevem suas autobiografias, poesias que retratam a visão que têm do mundo, suas opiniões e conselhos para se viver melhor. Esses textos são produzidos de várias maneiras: alguns pacientes são alfabetizados e escrevem, outros usam a fala para ditarem sua mensagem e outros, usam o Sistema Bliss de Comunicação Alternativa. Eles possuem uma prancha com vários símbolos, e através do apontar, do olhar, de expressões faciais e corporais demonstram o que querem falar. Desta forma são estruturados seus diálogos e elaboradas suas poesias.

Esse blog é motivo de muita satisfação para estes poetas, porque mesmo vivendo em regime de internato, eles têm a oportunidade de serem ouvidos e vistos pelo mundo.

Método Bliss

Símbolos são sinais figurativos, seres animados ou elementos que representam um conceito, ou então atributos ou emblemas de um conceito. Os símbolos e a linguagem simbólica têm se tornado um meio eficaz e criativo de comunicação para pessoas portadoras de déficits de comunicação verbal e visual.

O método Bliss é um método de comunicação originário do trabalho de Charles Bliss, que tinha a intenção de criar uma linguagem escrita internacional que pudesse ser usada com objetivos trans-lingüísticos. Este método foi desenvolvido no Canadá e tem atualmente uma grande utilização em paralisias cerebrais. Um exemplo de símbolo usado: para representar um “banco”, faz-se a combinação dos símbolos de “edifício” e “dinheiro”, assim como o símbolo para “dia” é a combinação do símbolo para “sol” sobre o símbolo “Terra”. O uso de símbolos têm grande utilização pelos adeptos da comunicação alternativa e aumentativa, com a aplicação de informática e dos recursos eletrônicos para seu emprego. O Bliss foi inspirado na matemática, especificamente nas idéias do Filósofo Leibniz, e também na pictografia chinesa. O Sistema reúne 9 formas básicas a partir das quais se desenham todos os sinais.

Um instrumento que utiliza o método Bliss é a prancha computadorizada, desenvolvida pelo engenheiro Jean Michalaros. Ela permite que, também através de um simples movimento, o usuário selecione uma letra ou símbolo e com eles forme palavras e frases. A escolha da letra ou símbolo também é feita através do sistema de varreduras luminosas. Essas palavras e frases podem ser enviadas para outra prancha, para o monitor de um computador ou para uma impressora.

O LM BRAIN caracteriza-se por um dispositivo de auxílio à comunicação capaz de utilizar qualquer sistema de comunicação alternativa existente, em conjunto com a linguagem escrita. A filosofia do programa é baseada no uso de PRANCHAS de comunicação. Estas pranchas são divididas em uma matriz de células contendo símbolos, letras, palavras, frases, imagens ou comandos para o computador. Estas PRANCHAS podem estar interligadas uma as outras através de instruções específicas que são acessadas pelo controle do usuário, permitindo sua navegação por todo o sistema.

A LM Biotecnologia é uma empresa que presta serviços nas áreas de Engenharia Biomédica e Engenharia Clínica. Fundada em 1990, a LM Biotecnologia conta com uma equipe de Engenheiros e Técnicos especializados, com cursos de pós graduação em nível de Mestrado e Doutorado, capazes de oferecer à sua empresa o melhor em tecnologia, peças e serviços.

Mais informações

• Casas André Luiz: http://www.andreluiz.org.br.
• Link do blog: http://www.andreluiz.org.br/blog/.
• Método Bliss: http://www.inova.unicamp.br/inventabrasil/bliss.htm.

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Target _blank é uma afronta a liberdade de escolha do usuário
• Curso de HTML para deficientes visuais
• A importância dos cabeçalhos HTML para a acessibilidade
• Acessibilidade e o Slideshare
• Acessibilidade e a Dislexia

Esse recusro funciona somente no portal do Youtube no momento, e não funciona em vídeos inseridos em blogs e outros sites. Veja só esse vídeo de exemplo.

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Target _blank é uma afronta a liberdade de escolha do usuário
• Curso de HTML para deficientes visuais
• A importância dos cabeçalhos HTML para a acessibilidade
• Acessibilidade e o Slideshare
• Acessibilidade e a Dislexia

Via: Seraccesible

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Target _blank é uma afronta a liberdade de escolha do usuário
• Curso de HTML para deficientes visuais
• A importância dos cabeçalhos HTML para a acessibilidade
• Acessibilidade e o Slideshare
• Acessibilidade e a Dislexia

O que é o SharePoint?

SharePoint é uma ferramenta colaborativa da Microsoft que permite desenvolver “sites de colaboração”, ou seja, lhe permite criar diferentes miniportais onde você pode criar espaços para que os usuários trabalhem como equipe permitindo adicionar comentários, documentos e tarefas. Basicamente é uma ferramenta de Intranet a nível empresarial.

O que é o Kit de Acessibilidade para SharePoint?

É um conjunto de arquivos, programas e utilidades que fazem do seu código mais acessível e usável no Microsoft Office Server SharePoint 2007 e Windows SharePoint Services. Esse kit foi desenvolvido pela empresa HiSoftware, uma empresa muito reconhecida no ramo da Acessibilidade (os mesmos do validador Cynthia Says, do guia “Comprendiendo la Accesibilidad: Una Guía para Lograr la Conformidad en Sitios Web e Intranets“, etc.).

Fica a dica para os SharePointers de plantão!

Referências

• estándares y accesibilidad – Nueva Versión del AKS (Kit de Accesibilidad para SharePoint)

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Target _blank é uma afronta a liberdade de escolha do usuário
• Curso de HTML para deficientes visuais
• A importância dos cabeçalhos HTML para a acessibilidade
• Acessibilidade e o Slideshare
• Acessibilidade e a Dislexia

Recentemente o Google adaptou um de seus serviços de leitura de notícias, o famoso Google Reader com o fim de possibilitar seu acesso as pessoas com algum tipo de deficiência visual, segundo informações da companhia. Essa iniciativa permite que usuários podem acessar ao Google Reader com qualquer tipo de leitor de tela, ferramentas que as pessoas com deficiência visual utilizam para acessar os sites.

O suporte recém adaptado foi testado no browser Mozilla Firefox, e segundo o Google, é um grande passo para enviar a informação aos usuários.

Via: elmundo.es

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Target _blank é uma afronta a liberdade de escolha do usuário
• Curso de HTML para deficientes visuais
• A importância dos cabeçalhos HTML para a acessibilidade
• Acessibilidade e o Slideshare
• Acessibilidade e a Dislexia

AssistiveWare, os fabricantes de tecnologia de apoio do MAC OSX, anunciaram o lançamento do novo site AssistiveGaming.com. Um site onde se fala sobre assuntos relacionados com jogos para usuários de MAC OS que sofrem de algum tipo de deficiência física.

Também apresenta artigos sobre temas de jogos em geral, reviews de jogos, descrições curtas sobre os mesmos sempre com a atenção voltada a acessibilidade.

Referências

• Seraccesible – Estreno de una web sobre juegos para Mac para jugadores discapacitados

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Target _blank é uma afronta a liberdade de escolha do usuário
• Curso de HTML para deficientes visuais
• A importância dos cabeçalhos HTML para a acessibilidade
• Acessibilidade e o Slideshare
• Acessibilidade e a Dislexia

Para tentar superar esse problema, dentro da WAI (Iniciativa para a Acessibilidade na Web, do W3C), está sendo desenvolvido já alguns anos a especificação ARIA (Aplicações Internet Ricas e Acessíveis). O W3C define ARIA como uma sintaxe para fazer acessível os conteúdos web dinâmicos e os controles de interface do usuário criado pelos desenvolvedores. A solução tem sido a criação de versões simplificadas estáticas para os usuários com leitor de tela. Com ARIA, o desenvolvedor pode ligar as ajudas técnicas a funcionalidade (rol), estado e propriedades de seus elementos HTML. Por exemplo, se pode manipular uma DIV a partir de algum script e transmitir as ajudas técnicas que funcionam como um botão.

ARIA já se encontra bastante avançado, já se encontra implementado em Firefox, em outros browsers e em leitores de tela, mas a grande dificuldade é sua implementação no Microsoft Internet Explorer que é o browser mais utilizado. A boa notícia é que segundo que a Microsoft “O internet Explorer 8 apresenta informação de rol, estado e propriedades atravé de ARIA para se comunicar com as ajudas técnicas.”.

Rich Schwerdtfeger, um dos principais arquitetos da especificação da WAI ARIA comenta a notícia em seu blog:

FIco alegre em saber que a Microsoft está dando suporte a WAI ARIA no Internet Explorer 8. O suporte ainda encontra-se incompleto, mas isso é uma afirmação de compromisso da Microsoft já que 90% dos browsers já utilizam essa especificação.

Leia também:

• Internet Explorer 8 Beta 1 Whitepapers, W3C’s ARIA Support.
• Microsoft announces support for WAI-ARIA in IE 8 beta.

Referências

• Accesibilidad Web y Alan – Soporte para WAI-ARIA en Internet Explorer 8

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• HEADMOUSE – Navegação através de gestos da face
• Browsers acessíveis e gratuitos
• Lecture Browser – Buscador de texto em vídeos
• Como o Opera ajuda na Acessibilidade
• O Internet Explorer anda com alguns problemas!!!