Barra de Acessibilidade no Opera

Postado por: Pedro Rogério em

Barra de Acessibilidade no Opera

Muitas pessoas não sabem, mas é possível instalar uma barra de acessibilidade no Opera, ela é muito parecidíssima com a extensão Web Developer do Firefox. Ela possiu links rápidos para validação do código, opção de habilitar e desabilitar o css, analisador de contraste de cores, opção de vizualização da tela do seu browser em diferentes resoluções, e várias outras coisas bem interessantes. Se você usa o Opera, confira você mesmo.

CSS display:none acessível aos leitores de tela

Postado por: Pedro Rogério em

Quando estamos desenvolvendo um site, é habitual e recomendável utilizar-mos links para pular entre seções para aqueles que utilizam leitores de tela possam navegar rapidamente entre as várias seções da página sem ter que esperar que a mesma seja lida totalmente. Por exemplo, é recomendado criar-mos links que saltem do menu ao conteúdo para que o mesmo não seja lido várias vezes dentro de um mesmo site.

Esses links ficam invisíveis para aqueles que usam navegadores normais. A técnica mais usada é a propriedade display:none.


.oculto {
    display:none
}

Continuar lendo »

Utilizando atributos alt equivalente as imagens

Postado por: Pedro Rogério em

Em um artigo anterior, eu falei como fazer o uso correto da tag alt em imagens, como vocês podem ver, é rotineiro os usuários usarem a tag alt como tooltip, mas essa não é a verdadeira função dessa tag, sua função é proporcionar um texto altenativo caso as imagens não sejam carregadas, por exemplo, os leitores de tela, eles lêem o texto do atributo para o usuário. Um outro exemplo é o Google Image Searchs, ele não faz o uso das tags meta para indexar as imagens em seu banco, ele também faz o uso das tags alt, por isso a importância de se fornecer um texto que tenha conivência com as imagens.

Continuar lendo »

Edipo: Editor de CSS personalizado

Postado por: Pedro Rogério em

Edipo é um editor de folhas de estilo personalizado com base na Web, especialmente desenvolvido e desenhado para ajudar aos usuários a criarem a sua própria folha de estilo personalizada, para modificarem a seu modo as páginas Web para uma melhor legibilidade.

Edipo é especialmente útil para os deficientes visuais, ele gera uma folha de estilos de acordo com as especificações do usuário, para modificar determinadas opções que podem ser instaladas em seu navegador como folha de estilo personalizada.

Referências

Ferramentas de acessibilidade

Postado por: Pedro Rogério em

Numa dessas minhas andanças pela internet, acabei achando um link interessante sobre ferramentas de acessibilidade para a Web, como analisadores de contraste, criação de formulários acessíveis, ferramentas para medir o nível de acessibilidade do seu site, muito interessante.

HERA 2.0 – Revendo a Acessibilidade com estilo

Postado por: Pedro Rogério em

HERA é uma ferramenta para rever a acessibilidade das páginas Web de acordo com as recomendações das Directrizes de Acessibilidade para o Conteúdo Web 1.0 (WCAG 1.0). O HERA efectua uma análise automática prévia da página e disponibiliza informação dos erros encontrados (detectáveis de forma automática) e quais os pontos de verificação que devem ser revistos manualmente.”

“A revisão manual é imprescindível para comprovar realmente se a página é acessivel. Para poder levar acabo esta verificação manual é necessário conhecer as directrizes de acessibilidade, saber de que forma fazem, os utilizadores, uso das ajudas técnicas e ter alguma experiência em desenho e desenvolvimento de páginas Web.”

HERA facilita a revisão manual, proporcionando informação sobre os elementos a verificar, instruções de como realizar esse controlo e duas visões modificadas da página (uma visão gráfica, outra do código HTML) com os elementos mais importantes destacados com icones e cores diferenciadoras.”

HERA 2.0 BETA

Audio Browser: Um browser para invisuais

Postado por: Pedro Rogério em

Leitores de tela, você já ouviu falar? Sabe pra que serve? Eles são browsers para deficientes visuais, ou seja, todo o conteúdo de um página web será lido pelo programa para o deficiente que está o usando no momento, e o Audio Browser é um deles, baixei esse programa e comecei a fazer alguns testes com o mesmo e fiquei muito satisfeito com os resultados, é bom saber que alguém se preocupa em desenvolver programas desse tipo. Mas também de nada adiantaria se você não desenvolver a sua página de uma forma acessível, ou seja, ele não consegue ler uma página que tem todo o seu conteúdo em flash, por isso, antes de desenvolver páginas desse tipo deve-se pensar também em desenvolver uma versão em HTML. O programa é bem simples e sua interface é bem amigável, como você pode ver abaixo:

Tela principal do programa:

Tela principal do Programa

Continuar lendo »

Páginas:«12345678»