You are on page 1of 48



    ||  |


 !|"| |

|  
  
 


     
     
 
     

#$ 

%&'
| ( 
( (  
( '
   )  '
# (    *

+  
)(   '


  

+    ,'

&-

%&

%&   

 #
.       /
  

(%&   $   0  1
  0 #(#  

#(#     ( (   
  (  
2    ##  (3 -
#  (  
.  /  4%& 
 
5 #
  
*
 #   .  
 
2
5 #
, # #(    (   
2
&
(
  #
%&   $   0  1
 . # #6#
 $   00
  4 # #
. # 

( .  #
 %&  
 #%&-

%&   
#(
 ( 7.   
+ #    
  $ . ( 8      #
  ( #
 *
 (   # (    #
  
 # 
0      (-
# 8 .  2# ( 
 #

#
  ( ,    

    
#6#  $    # * #
, 
92 .
 
1#    -
#
,  | $ 

]       ] á 


]     ] 
    
 

]   
       
| ( 
( (
 
( 
| ( 
( ( 

( 
#    #  (#   .  #    
#  0 ( 8##
 # 0
 :;<=>  ((%& #
2# (  
( - #    ( (#

(  0 (        

    #-

  (
    #  6 #( 
 8 
( ( #
  #     #  ( 
  ;<. ?<. 
## @ ( 
  
 ( 
-     .

   
  2

&   (
 #( 
.
# # #  . #6#    
$   -
| ( 
( ( 

( 
 ( 
(  2   (  
(  &

  2 . #(.      . & #%-

A %&   4-

  
(     #. #
%&  #( 
( . 
 #  # # %,-

2
 
(   ( 
4.  %&. 
( 
 ## 4%&   # 2 
 0
 

 #%,-
| ( 
( ( 

( 
 #   #( 
  2    *

82#   (  ( %,
 ( B   
3  #
7   (  

 -  #   4   ( %,

 #  . 
& #
  ( # 
( -
C   #
 
 +  # 
3
 2
4  #  4

2%&-   # #5
.

0
  2
 & #
  (  $   .
 #6# (#  3    . 

 00 # 0
B # ) # $-
 *
 
2 
 5 (   ( 
)(   
 D ( 
$  2 &

 ( ) 
& (#   
 #%,   #
#2
. E .  
 #%,  #  +-
|(  
$
 ##
  (  #  #   ( 
   
3  7   

-
#( 
) 
& (#     #( 
 

3 0 6 ( 
 #  # 92  
 -
 
 ##
  (  B 6
   4 ( 2

# #(  & (4     


2. ( #

 &
-
 
 

 2 #   7  0 


 # 8  # 4

 4   ( 2 & (4    
3 
7  ( # #  $ 
2 ( 
3  D 
#  #
 - | $  ( #(#
 8 0   
     # (  8. # 
5   4.  
$  (     F ( 
2  (   
G ( 

G-
 
 

     #6# (#   4 ( 0


0 &    2. # # 4  
 #  8  #
  .      (   + 2 
 #  8  #
F . # (  0 8#     # F  #
 4%&  8   #$  -
 
 
      4#    # ( 
(    ( 

2 . #
#      (
4 
2#
    6 - $     (
4
( #
 # ! ( (
#  0  
##
  #- & 5$

5# #
     
(  
3 
 (
 #  . # 
 
00   #6 -

# 2
 .
& 5$
   
  #
 
 .  # 0
  #
 H
# H

 # #
%    (  # #2#. (
8#(.
&  &  
%
 -
 *
 
2   
 
  
3  7 (   ( 0
(# 2   
& 5$ 
    
 
  #2
 (  (     
       
#2
-  5 6    +  0   
& B#  
3
  #6   
#&  
 #%, #( 
-

8#(  2    
*  
#     #5   
*   
# : *
 #  #5>
*   
# : *
 #    >
*  
( : *
 #   4>
*  # :*
   >
 *
 
2   
 #   
(  
(  #
  
(
 *
 
2   
 # (   #( 0
  (  # #2


 7.     0 &   6  


-  
2 $    . #  (  #6# (
#( 
  #2# #
 #    -
.
 

.  B    0  #2# 6  
#
  2#        #2# 
& 6
#( 
 
  2#    #  #( 
 

 #%&-
 *
  
 2 
 #   
  D
& # #

 
   
) 0 &   0

(
# #  
 

 -   # 

 .   D 
  (
 #   
2#  
%, 0 2 
#        
 (  2-
# #
) $ .  7 6 
 #%&-  
 #%,
(#  ( 
 #
  ( $- # 
( 
 # 2 $ . #2
. ). $. 
#%, 
(
 8 -
 *
  
 #
 B$ 8  # 2 
 0
  
3 #
) (
)
 #   ( 
( (  
 )  


 -
4#
 (  0 0 &  . 2
 $

 6 0 # ( $   
8 

 7-
  #
 (  2
 ) (  

 8 #. 
 
       2
 #6# B$ 8  5$ 6 -
I (
 # 0 &  0  4 -  2
 # ) ( 
7 6 0  (  # 2
 (). # ( 8#(

  
 
     2
      7  
#  
0 
 %&  
@<JK-
 
 
#  ( #  #6  2  (  4 
3
 $  7  )   . 2
 
 
(
 # 0  #5 #   4 #  &  
22#
2  (   
3  $-
 8 # 2
 ( # #   (%&

* #   (   #  


22#  
-

*  #2#  )
 7 #  4
& 6  
#

2 
  # #2
   (  
  
22#   
#( 
)-

* #  #
   ## 
22# 2 -
 
 
|    
   
        

           
 |        
   
 
 
#  ( #  #6  2  (  4 
3
 $  7  )   . 2
 
 
(
 # 0  #5 #   4 #  &  
22#
2  (   
3  $-
 8 # 2
 ( # #   (%&

* #   (   #  


22#  
-

*  #2#  )
 7 #  4
& 6  
#

2 
  # #2
   (  
  
22#   
#( 
)-

* #  #
   ## 
22# 2 -
 *
   
| ( 
)( 
#
    D (  
$  #  *
 #   6

|(  
 ( 0
#  (#  # #.
  # (0
 
G  #
  4 %, (  0
 # 
L#  (# 

  #
    -
 
 

 #  *
 #  
 ##  (   0
 #  ##
  # #&   % 
 # ( 
   4   

  4
    # (
 #
 #& # #   -   (   (
 #
#  #&  & (
)  (# #(
 #
 *
     
( . ( #
 0


 #     
 #%& # ( 
)(-
 
 
 

. 26# 0 
5 (  #  ## 
( 
         
2. # 
 4 ( 
) # 0 (2 : 
5 (   %.
 , (    .  7    
5 #
  4   ->-
 *
 2
 
#  # 2  (+ 4 0 # ( #
 *
 2
  6 # ( B   # #  
 8   #  # (    #
  0  (
# (  #
-  8 # 
3#  (   *

2
  . # ( #  ##9 .
 %& 
( #.     
%&. #( 
&  . 
  -
 %&  00 ( B . 00   

 %, (  $  # 
(  2
 
 #
 (  
 # # #   ( 
2 

    # 2 . 0 ( #  5# 
H
 ( 
)(  2
-H
 
 
        #
    # $  


  (    

  2
 #

* %5

*    # %& 
# 

*    
%&

*   ( $2    %&

#6# (  


       #  #

(  
   ( 0 # &-  8#(
*    
 # #   5 $ 0 

*   0  #  # # 


    (
  


  )  
   )  
 ( (   5.  0 &  
 (


%& ?@M :?MJN>  | 2
4%&

 
 
5 :| >.    ( F . # ?MM?.  6 
  
O ?;M-
    #  

%&.  ( (   
 *
 (   5  
 # 0 B
(  
2 ( #
   ( 2 
 #( 2
6  
#
 #  #   *
  #  
5 

2# )   #
- # 
 
%&. 
|  # 0    J=  ((%&  
# #

   #
 6 
  ) ( (     *
-
   )  
   )  
# (  
 *
P
 
)(   
* Forneça texto alternativo apropriado:
Esta medida oferece uma alternativa textual ao conteúdo não-texto (imagens,
por exemplo) das páginas da web. Isto permite que pessoas que possuem
deficiência visual e necessitam de um leitor de tela para que o conteúdo possa ser
lido para eles.

* Não conte com cores para transmitir informações:


Esta medida possibilita que pessoas portadoras de deficiência visual,
compreendam as informações.
ë  !or de frente semelhante a cor de fundo não produz contraste
suficiente para uma boa exibição.
 
)(   
* 2ssegure-se que o conteúdo esta escrito claramente:
O uso de uma linguagem clara e de fontes com bom destaque, propicia um
conteúdo simples e fácil de ser entendido.

* Garanta legenda ou descrição de todas as imagens:


Esta medida permite que sintetizadores de fala utilizados por deficientes
visuais leiam os textos associados as imagens.
 
)(   
* Garanta que o tamanho do texto possa ser aumentado:
Esta medida permite que pessoas com deficiências de visão (idoso), possam
ler sem sentir fadiga.
 
)(   
* Garanta que o comprimento do texto se ajusta ao
tamanho da janela:
Esta medida facilita para os softwares responsáveis pela ampliação.
 
)(   
* Garanta a identificação dos campos de formulários:
Esta medida permite que os usuários identifiquem as funcionalidades dos
campos
 
)(   
* áermita ativação dos elementos da página web ou
software através do teclado:
Esta medida permite que usuários com destreza reduzida ou com
incapacidade de ver o cursor do mouse interajam fazendo uso do teclado.

* Forneça !losed !aption em arquivos de áudio e


vídeos:
Esta medida permite que arquivos de áudio e de vídeo possam ser entendidos
por pessoas com deficiência visual.
 
)(   
* !ertifique que os links façam sentido para o contexto:
Esta medida permite que os usuários que utilizam leitores de tela
identifiquem facilmente através dos links o conteúdo desejado.
 
)(   
* ˜tilize ferramentas e serviços automáticos de análise
da acessibilidade:
Essa medida além de proporcionar um ambiente agradável, permite que
pessoas com algum tipo de deficiência personalizem o conteúdo disponível de
acordo com suas necessidades
 
)(   
* 2fixe o símbolo de acessibilidade:
Essa medida permite visualização imediata de que o site ou software oferece
funcionalidades de acessibilidade as pessoas portadoras de necessidades especiais.
 (    D
     ( ( 
  #   4#   ;<<Q + # 

   #
   
 + #   2
O QR 0   8 #
 
  (  D-

 (     4#   ;<<@. 8 #


 4 #  
 
   ( %&     .   (      #
 %& (3 
 &   2  #
  
3  ) (  ( (   
 *
 -

0 0
& #(  #   #
%,  
   & B  /
(
  
   . #        (3   #( 6 #.

%, #
  . )  (
 ). (   # . 
  -


  


| )   1
  777-( -#2-2- ( (  0 #
( #   0     

     
3
(
4. 
 # ( ,   ( $    
#
 D :D
 
 >-

   &     # #


  #
%&  #
5 
 .     5   -
DN
O World Wide Web !onsortium é um consórcio de empresas de tecnologia,

atualmente com cerca de 500 membros. Fundado por Tim Berners - Lee em 1994
para levar a Web ao seu potencial máximo, por meio do desenvolvimento de
protocolos comuns e fóruns abertos que promovem sua evolução e asseguram a sua
interoperabilidade. O W3! desenvolve padrões para a criação e a interpretação dos
conteúdos para a Web Sites desenvolvidos segundo esses padrões podem ser
acessados e visualizados por qualquer pessoa ou tecnologia, independente de
hardware ou software utilizados.

áara alcançar seus objetivos, a W3! possui diversos comitês que estudam as
tecnologias existentes para a apresentação de conteúdo na Internet e criam padrões
de recomendação para utilizar essas tecnologias.
   )
 
&  )
   DN (  
 D
* Imagens e 2nimações: use o atributo alt para descrever a função de cada elemento
visual.

* Imagemaps: use mapas client-side (o tag map) e texto para as regiões clicáveis.

* Multimídia: inclua legendas e transcrições para o audio, e descrições para o vídeo.

* Híperlinks: utilize texto que faça sentido fora do contexto. Evite a frase "clique aqui".

* Organização da áágina: use cabeçalhos, listas e uma estrutura consistente. ˜se !SS para
layout e estilo sempre que possível.

* Gráficos e Diagramas: sumarize o conteúdo ou use o atributo longdesc.

* Scripts, applets e plug-ins: para o caso de estarem desabilitados ou de não serem


suportados pelo browser, forneça conteúdo alternativo.

* Tabelas: torne compreensível a leitura linha a linha. Resuma.


)     D