8 pontas para fazer o Web page acessível

Março 18, 2008 {4 meses, 22 dias há.} (afixado por Anish Blon)

Acessibilidade da correia fotorreceptoraAs coisas simples são o mais frequentemente unnoted por colaboradores de correia fotorreceptora durante o processo de desenvolvimento da correia fotorreceptora. Assim, está aqui uma lista das coisas os colaboradores de correia fotorreceptora que devem tomar de durante o desenvolvimento.

A acessibilidade da correia fotorreceptora refere a prática de fazer Web site úteis por povos de todas as habilidades e inabilidades. Quando os locais corretamente são projetados, desenvolvidos e editados, todos os usuários podem ter o acesso igual à informação e à funcionalidade.
Trechos tomados de Wikipedia

1. HTML estrutural

A maioria de colaboradores pagam a atenção à apresentação gráfica e negligenciam frequentemente a estrutura do original. Um original do HTML marcado acima de estrutural pode adaptar-se aos ambientes diferentes. Daqui, um original do HTML deve ser estruturado de tal maneira que se pode ler sem stylesheet.

2. Escoras e ligações

As ligações são que feitos a correia fotorreceptora a correia fotorreceptora. Um deve fornecer as ligações significativas e deve certificar-se de que as ligações são acessíveis em navegadores baseados texto também.

por exemplo

title= " do href= " mypage.html do <a " minha página " Page</a> >My

3. Texto alternativo para dados não-textual

Para fornecer a alternativa do texto para dados do não-texto como imagens você pode usar o atributo do ALT para momentaneamente descrever o significado. Você pode igualmente empreg o atributo de LONGDESC para descrições longas.

por exemplo

alt= do " longdesc= " desc longo "/> do src= " banner.gif " do <img do texto " Alt

Similarmente, um deve ser ligações de utilização cuidadosas da imagem. Sem equivalente do texto, os leitores da tela não poderão indicar a ligação. O uso do filho do atributo do ALT pode permitir que os leitores da tela alcancem o texto da ligação.

4. Tabelas

As pontas de seguimento devem ser mantidas na mente ao usar tabelas para a disposição:

  1. O atributo da LARGURA em elementos da TABELA, do TD, ou do TH é geralmente desnecessário e pode impedir a acessibilidade de um original. Assim, um deve controlar todos os atributos usando o CSS.
  2. A fileira e os encabeçamentos da coluna devem ser distintamente visíveis. Para encabeçamentos da coluna, o TH é preferido um pouco do que o TD. Fornecer o SUBTÍTULO ou o TÍTULO para descrever os índices da tabela faz mais significativo.

5. Scripting do lado de cliente

O lado de cliente que Scripting como o Javascript não é suportado por todos os navegadores e às vezes os usuários podem incapacitá-lo. Daqui um deve certificar-se de que o Web page é mesmo certificados úteis não está suportado nem não está girado fora.
Um não deve confiar no lado de cliente que scripting para navegar ou ver o índice. Quando o Javascript é usado, não deve ser confiado em.

6. Cores

Alguns navegadores velhos não suportam nomes da cor. As cores devem sempre ser especific com uma objectiva tripla hexadecimal no #rrggbb ou no #RRGGBB do formulário. Nós devemos certificar-se de que a informação apresentada com o uso da cor está disponível sem ela.

por exemplo

type= " texto do <style/css " >

 corpo {

   cor: #000000;

   fundo: #ffffff;

}

</style>

7. O texto baseou navegadores

Simule o Web page no navegador baseado texto tal como o lince para ver como o original olharia como na ausência de gráficos.

8. Validação

A validação de originais do HTML é a maioria de parte importante. Um Validator verific HTML do original de encontro a um Document type definition para assegurar-se de que a sintaxe do HTML esteja correta. Valide seu original para verific para ver se há erros.

  1. Serviço da validação do Web page por W3C
  2. Correia fotorreceptora Accessibilty da seção 508
Marque-nos um endereço da Internet: Locais marcando um endereço da Internet sociais para compartilhar e descobrir de Web pages novos.
  • Digg
  • del.icio.us
  • StumbleUpon
  • Technorati
  • DZone
  • Google
  • TwitThis

Bornes aleatórios


Afixe um comentário ou uma pergunta



  1. (exigido) (exigido)

  2. (exigido) (exigido) (não será publicado)


English flagDutch flagFrench flagGerman flagJapanese flagPortuguese flagRussian flagSpanish flag

"));