Estatísticas sobre o uso do atributo “longdesc”

Postado por: Pedro Rogério em
  • 23 jan
  • 2

O atributo “longdesc” especifica um link com uma descrição longa sobre a imagem em que a tag foi colocada. Seu uso é complementar ao da tag alt sendo a única diferença onde você pode especificar informações mais detalhadas. Se associada a um mapa de imagem, essa deve passar uma descrição referente ao conteúdo do mapa.

Um estudo feito em Agosto de 2007 por Ian Hickson, onde foram analisadas cerca de 1 bilhão de imagens indexadas pelo Google, mostrou que cerca de 1.3 milhões (0,13%) dessas imagens fazem o uso do aributo longdesc. Isso pode ser compreensível, pois nem todas as imagens requerem o uso de longdesc.

Continuar lendo »

Central Server

Inserir vídeos do Youtube em XHTML válido

Postado por: Pedro Rogério em
  • 22 jan
  • 14

O código para inserir vídeos do Youtube em sites que respeitam os WebStandards é uma dor de cabeça para desenvolvedores e para bloggers, pois o Youtube proporciona um código para você copiar e colar em nosso blog para reproduzir os vídeos de uma forma rápida e simples, mas o código não é correto como deveria:


<object width="425" height="373">
<param name="movie" value="http://www.youtube.com/v/O0G7iKj6PS0&rel=1&border=1"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/O0G7iKj6PS0&rel=1&border=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="373"></embed>
</object>

Se você for validar o código, verá os seguintes problemas:

  • Se utiliza a tag object corretamente, mas ocorre a falta de alguns parâmetros como data e type.
  • As tags param em XHTML devem ser fechadas com a sua mesma tag de abertura.
  • O uso da tag não standard embed podem produzir incompatibilidades em browsers que não a utilizam, como, dispositivos móveis e leitores de tela.
  • Não se proporciona um método alternativo caso o dispositivo não tenha suporte a Flash.

Continuar lendo »

8 Expressões Regulares para PHP consideradas úteis

Postado por: Pedro Rogério em
  • 21 jan
  • 11

No site Devolio, você pode encontrar uma lista com 8 expressões regulares muito úteis na hora de se programar em PHP, muitas delas utilizadas para validar e-mail, nomes de usuário, números telefônicos, e-mails entre outras.

Validar nome de usuário

Essa regra é para permitir usuários com nome de 4 a 28 caracteres, alfanuméricos e acentuados:


$string = "userNaME4234432_";
if (preg_match('/^[a-z\d_]{4,28}$/i', $string)) {
    echo "example 1 successful.";
}

Números telefônicos

Essa regra é para validar números de telefone, e os números devem ser escritos da seguinte maneira (###)###-####:

Continuar lendo »

Como o Opera ajuda na Acessibilidade

Postado por: Pedro Rogério em
  • 18 jan
  • 3

O Opera era um dos meus browsers favoritos quando eu utilizava Windows, mas depois acabei migrando para o Linux e estou utilizando mais o Firefox do que ele agora. O Opera, além de ter um grande suporte a CSS, também auxilia os usuários com algum tipo de descapacidade, que podemos citar algumas:

Pessoas com deficiências físicas

  • As pessoas que não podem utilizar o mouse, podem usar navegação por tabulação, navegação seguindo os títulos, os vários atalhos de teclado que auxiliam a acelerar a navegação. Também suporta as teclas de atalho das páginas que acessamos, permitindo eliminar temporariamente os atalhos do Opera para não evitar problemas de conflito entre eles.
  • Para pessoas que podem fazer o uso do mouse, é incluso a possibilidade de se fazer uso de gestos do mouse, onde dos quais se podem realizar operações frequentes com pequenos movimentos do mouse.

Continuar lendo »

Jacob Nielsen nos oferece seu conhecimento gratuitamente

Postado por: Pedro Rogério em
  • 17 jan
  • 4
Beyond Alt Text

Jakob Nielsen e sua companhia Nielsen Norman Group, publicaram gratuitamente um guia de acessibilidade chamado: Beyond ALT Text:Making the Web Easy to Use for Users With Disabilities.

Ou seja: Além do texto alternativo: Fazendo a web fácil para usuários com descapacidades. Um Guia de desenvolvimento para Web Sites e Intranets baseados em estudos de Usabilidade de pessoas utilizando alguma tecnologia assistiva. Esse documento foi publicado inicialmente em outubro de 2001 e contém, entre outras coisas:

  • Os resultados dos testes de usabilidade referente a 19 sites com usuários descapacitados e que usam diversos tipos de tecnologias assistivas.
  • Dados coletados nos Estados Unidos principalmente.
  • 75 guias detalhados de desenho.

Download

Referências

Simuladores para pessoas com deficiências cognitivas

Postado por: Pedro Rogério em
  • 16 jan
  • 2

Abaixo uma lista para auxiliar desenvolvedores para que suas páginas sejam acessíveis a pessoas com deficiências cognitivas:

  • Readability index calculator: Calcula o índice que indica a facilidade de leitura de um texto concreto, segundo uma série de fórmulas disponíveis para diferentes idiomas.
  • Readability test: Outra ferramenta que nos permite avaliar a facilidade de leitura de nosso textos seguindo vários algorítimos.
  • Distractability Simulation: Essa ferramenta permite ao desenvolvedor testar o nível de frustração similar a uma pessoa com deficiência cognitiva quando acessa a internet.
  • Dyslexia simulation: Nos mostra o conteúdo de uma página web para ser vista tal como uma pessoa com dislexia veria.
  • Misunderstood Minds: Aqui podemos encontrar uma série de vídeos e atividades que nos ajudam a compreender melhor as dificuldades das pessoas com problemas de concentração.
  • PEAT (Photosensitive epilepsy analysis tool): Essa ferramenta serve para detectar os componentes de uma página web que poderiam causar ataques fotosensitívos de epilepsia em certos usuários.
  • Flicker Rate Test for Gif Images: Permite ao desenvolvedor comprovar se as imagens de uma página web buscam cintilação, frequência de cintilação e contraste de cor.

Referências

Páginas:«1...53545556575859...111»