desenvolvimento web -aula 6 - acessibilidade

Upload: diogo-novais

Post on 07-Jul-2018

218 views

Category:

Documents


0 download

TRANSCRIPT

  • 8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade

    1/14

     

    Desenvolvimento Web

     Aula 6 – Acessibilidade na WebLicenciatura em Computação

    Prof.: Diogo ovais

  • 8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade

    2/14

     

    Programação

    Padr!es de Acessibilidade

    Diversidade de "abilidades

     Acessando sites pelo Dosvox 

  • 8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade

    3/14

     

    Padrões de Acessibilidade

    O poder da Web está em suauniversalidade. Acesso por qualquerum independente de deficiências é

    uma característica essencial.

    Adaptado de (W3C, !"3#

  • 8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade

    4/14

     

    Padrões de Acessibilidade

    #ual$uer pessoa deve usufruir da internet Defici%ncias f&sicas: auditivas' motoras'visuais Defici%ncias cognitivas: d(ficits de atenção'

    aprendi)ado etc.  Acessibilidade tamb(m envolve $uest!es sociais

    Pessoas de bai*a renda podem não ter acesso atecnologias de ponta

     A locali)ação geogr+fica pode não dar acesso acone*!es velo)es de internet

     Acessibilidade envolve "ard,are em todo dispositivo ( capa) de e*ibir imagens

  • 8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade

    5/14

     

    Padrões de Acessibilidade

     Acessibilidade na W-C grupo WA/' /niciativa de Acessibilidade Web 0do

    /ngl%s – Web Acessibility Initiative1 trata daacessibilidade

    Adaptada de $ttp%&&pnld.moderna.com.br&!"&"&!3&dia'internacional'da'pessoa'com'deficiencia&

  • 8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade

    6/14

     

    Diversidade de Habilidades

    Pessoas podem ter diferentes demandas especiaisdependendo das circunst2ncias Perca de 3abilidades por conta da idade

    45ltiplas defici%ncias  Alteração de 3abilidades estriç!es tempor+rias

    esultantes de acidentes' cirurgias etc estriç!es relacionadas a situação espec&fica

     Audição ap7s v8o edução de visão ap7s e*ame de vista

    Cada usuário tem restri)esdiferentes e disponibilidadediferente em utili*ar tecnolo+iasassistivas

  • 8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade

    7/14

     

    Diversidade de Habilidades

    Defici%ncias Auditivas Dificuldade ou impossibilidade de identificar sons Conteúdo de áudio e vídeo deve possuir:

    9ranscritos para conte5do de +udio eprodutores com legendas e suporte para

    auste de taman3o' contrate e bril3o daslegendas

    pç!es de parar' continuar e austar volumeindependente do ;istema peracional

     

  • 8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade

    8/14

     

    Diversidade de Habilidades

    Defici%ncias Cognitivas ou eurol7gicas  Alteraç!es no sistema nervoso central' inclusive o

    c(rebro' sem necessariamente impactar na intelig%ncia Alguns cuidados podem prover acessibilidade:

    Conte5do bem estruturado e de f+cil orientação Legendas' formul+rios e imagens consistentes Lin=s e comportamento previs&vel

    Diferentes formas de navegação >uscas' menu em +rvore' etc

    pção de suprimir  popups' imagens' sons ouanimaç!es

  • 8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade

    9/14

     

    Diversidade de Habilidades

    Defici%ncias 4otoras Dificuldade de reali)ar movimentos' tremores' aus%ncia

    de membros etc

    Alguns cuidados podem prover acessibilidade: 9odo site deve estar acess&vel apenas pelo

    teclado  

  • 8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade

    10/14

     

    Diversidade de Habilidades

    Defici%ncias ?isuais Dificuldade de distinguir cores' de en*ergar de perto'

    longe' pe$uenas imagens' sensibilidade ao bril3o ouperca completa da visão

    Alguns cuidados podem prover acessibilidade:

    /magens devem ser utili)adas apenascomposição de apar%ncia

    @r+ficos' diagramas e imagens devem possuir

    te*to alternativo e*plicando seu conte5do ;ite deve possuir opç!es de austes de cores e

    usar bom contraste entre fontes e fundo Possibilidade de auste de taman3o de fontes

  • 8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade

    11/14

     

    DosVo

    Programa desenvolvido pelo 5cleo de Computaçãoletr8nica 0CBE1

    Prov% acessibilidade para deficientes visuaisfornecendo uma interface orientada por umsinteti)adorde fala

  • 8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade

    12/14

     

    DosVo

      programa ( composto por: ;istema operacional $ue cont(m os elementos de interface

    com o usu+rioF ;istema de s&ntese de falaF

    ditor' leitor e impressorBformatador de te*tosF /mpressorBformatador para brailleF Diversos programas de uso geral para o cego' como Eogos

    de car+ter did+tico e l5dicoF

     Ampliador de telas para pessoas com visão redu)idaF Programas para auda G educação de crianças com

    defici%ncia visualF Programas sonoros para acesso G /nternet

    Leitor simplificado de telas para Windo,s

  • 8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade

    13/14

     

    DosVo

    Leitura de p+ginas Web pelo Dosvo* P+ginas são lidas se$uencialmente de acordo com a

    ordem de definição no "94L e estilo ( desconsiderado Caso 3aa te*to alternativo para imagens ( lido o te*to'

    caso contr+rio ( lido o nome da imagem ão navega em conte5dos las3 H capa) de acessar lin=s' submeter formul+rios e fa)er

    do,nload de ar$uivos

  • 8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade

    14/14

     

    !e"er#ncias

      W3C. Acessibility. , 2013. Disponível em: