29
Maria Augusta Silveira Netto Nunes Quelita Araújo Diniz da Silva Adicineia Aparecida de Oliveira Suzana Leitão Russo Henrique Nou Schneider Gabriel Francisco da Silva NOÇÕES SOBRE: ACESSIBILIDADE WEB! INTEC Centro de Inovação e Transferência de Tecnologia Apoio: UNIVERSIDADE FEDERAL DE SERGIPE Dr. Josué Modesto dos Passos Subrinho Reitor Dr. Angelo Roberto Antoniolli Vice-Reitor Dr. Ruy Belém de Araújo Pró-Reitor de Extensão e Assuntos Comunitários Dr. Cláudio Andrade Macêdo Pró-Reitor de Pós-Graduação e Pesquisa Dra. Suzana Leitão Russo Centro de Inovação e Transferência de Tecnologia Capacite Capacitação em Inovação Tecnológica para Empresários

Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

Maria Augusta Silveira Netto NunesQuelita Araújo Diniz da SilvaAdicineia Aparecida de OliveiraSuzana Leitão RussoHenrique Nou SchneiderGabriel Francisco da Silva

NOÇÕES SOBRE:

ACESSIBILIDADE WEB!

INTECCentro de Inovação e

Transferência de Tecnologia

Apoio:

UNIVERSIDADE FEDERAL DE SERGIPE

Dr. Josué Modesto dos Passos Subrinho Reitor

Dr. Angelo Roberto AntoniolliVice-Reitor

Dr. Ruy Belém de AraújoPró-Reitor de Extensão e Assuntos Comunitários

Dr. Cláudio Andrade MacêdoPró-Reitor de Pós-Graduação e Pesquisa

Dra. Suzana Leitão RussoCentro de Inovação e Transferência de Tecnologia

CapaciteCapacitação em Inovação

Tecnológica para Empresários

Page 2: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

Noções sobre:

Acessibilidade Web!

UNIVERSIDADE FEDERAL DE SERGIPE

Autores

Maria Augusta Silveira Netto Nunes

Quelita Araújo Diniz da Silva

Adicinéia Aparecida de Oliveira

Suzana Leitão Russo

Henrique Nou Schneider

Gabriel Francisco da Silva

1

Page 3: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

2

Copyright© 2011 by Editora UFSTODOS OS DIREITOS RESERVADOS

É permitida a reprodução total ou parcial, de qualquer forma ou por qualquer meio, desde que divulgadas as fontes.

Capa e Coordenação Gráfica:Quelita Araújo Diniz da Silva

Revisão: Suzana Leitão Russo

Maria Augusta Silveira Netto Nunes

Impressão:

FICHA CATALOGRÁFICA ELABORADA PELA BIBLIOTECA CENTRAL

Noções sobre: acessibilidade web / Maria Augusta

Silveira Netto Nunes ... [et al.]. – São Cristóvão :

Universidade Federal de Sergipe, 2011.

30 p. : il.

ISBN 978-85-7822-197-3

1. Inclusão digital. 2. World Wide Web (Sistema de

recuperação da informação). 3. Integração social. l.

Nunes, Maria Augusta Silveira Netto.

CDU 004.738.5:316.42

N758

Page 4: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

3

O conhecimento sobre acessibilidade web é condição relevante no processo deinclusão digital de pessoas que possuem alguma deficiência, sejam elas, físicas, cognitivas ou sensoriais. Sendo assim, é condição de extrema importância ao desenvolvedor de sistemas web conhecer as diretrizes que norteiam a acessibilidade. Com o intuito de difundir esse conhecimento, foi elaborada esta cartilha que apresenta o assunto de forma simplificada.

APRESENTAÇÃO

Page 5: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

AGRADECIMENTOSExpressamos nossos agradecimentos ao CNPQ, FAPITEC/SE, CINTEC, UFS, ASCOM e CPD.

4

Page 6: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

JÁ SEI! VOU FALAR

COM BRUNNO!

ELE ENTENDE TUDO

SOBRE INTERNET.

AI, COMO É DIFÍCIL

ACESSAR A INTERNET...

QUANDO SE TEM

PROBLEMAS VISUAIS!!!

O QUE FAÇO AGORA?

5

Page 7: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

GUSTAVO EXPLICAA SITUAÇÃO.

BRUNNO FALA QUE SABE QUAL É O PROBLEMA!

VAMOS ENTRANDO...VOU TE EXPLICAR TUDOSOBRE ACESSIBILIDADE WEB!

6

Page 8: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

7

EXISTEM ALGUMAS RECOMENDAÇÕES NA ELABORAÇÃO DE PÁGINAS DIFERENCIADAS

QUE ATENDEM AS ESPECIFICAÇÕES ACESSÍVEIS.

MAS É

DIFÍCIL?

NOTÍCIAS SOBRE OS DIVERSOS ACONTECIMENTOS OCORRIDOS

NO MUNDO; COMUNICAÇÃO; ACESSO A SERVIÇOS ONLINE; SÃO COISAS CORRIQUEIRAS

E NORMAIS A QUALQUER PESSOA.

A ACESSIBILIDADE WEB PRESERVA ESSE MESMO DIREITO PARA

OS USUÁRIOS COMNECESSIDADES ESPECIAIS.

ASSIM, TUDO QUE É CONSIDERADO

acessível.com DEVE SER PASSÍVEL DE ACESSO POR PORTADORES

DE ALGUMA DEFICIÊNCIA.

OS DESENVOLVEDORES DE SISTEMAS AO PREPARAREM SITES PREOCUPAM-SE PRINCIPALMENTE COM O DESIGN, ESQUECENDO

QUE PARA PESSOAS COM NECESSIDADES ESPECIAIS, ALGUNS OUTROS CUIDADOS DEVEM SER TOMADOS.

Page 9: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

QUE NADA, É MOLEZA! VOU TENTARTE EXPLICAR DE FORMA SIMPLES

AS RECOMENDAÇÕES DO W3C.O QUE É

W3C?

É UM CONSÓRCIO DE EMPRESAS DE TECNOLOGIA, FUNDADO POR TIM BERNERS LEE EM 1994. SUA MISSÃO É CONDUZIR

A WORLD WIDE WEB (WWW) PARA QUE ATINJA TODO SEU POTENCIAL, DESENVOLVENDO DIRETRIZES QUE GARANTAM

SEU CRESCIMENTO.

CERTO, MAS AINDA NÃO ENTENDI

O QUE ISSO TEM A VER COM

ACESSIBILIDADE.

8

Page 10: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

9

O W3C CRIOU UM DOCUMENTO CONTENDO NORMAS QUE AUXILIAM OS DESENVOLVEDORES A FORNECEREM UM CONTEÚDO WEB ACESSÍVEL CHAMADO WCAG - WEB CONTENT ACESSIBILITY

GUIDELINES 1.0 DE 1994. ATUALMENTE O DOCUMENTO ATUALIZADO É CONHECIDO POR WCAG 2.0.

AH, SIM AGORA ENTENDI, MAS QUAIS SÃO AS

RECOMENDAÇÕES?

A PRIMEIRA RECOMENDAÇÃO, DIZ RESPEITO, AOS EQUIVALENTES TEXTUAIS, OU SEJA, O SITE

DEVE FORNECER ALTERNATIVAS EM TEXTO AO CONTEÚDO SONORO E VISUAL. HUM...

ASSIM, QUANDO O USUÁRIO PASSAR O MOUSE EM UMA IMAGEM OU VÍDEO SABERÁ O QUE AQUILO

REPRESENTA ANTES MESMO QUE A IMAGEM ESTEJAABERTA.

Page 11: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

MAS, E QUANTO AOS DEFICIENTES VISUAIS?

HUM, BOA PERGUNTA...

VOCÊ JÁ OUVIU FALAREM TECNOLOGIA ASSISTIVA?

NÃO!

O LEITOR DE TELAÉ UMA TECNOLOGIA

ASSISTIVA QUEAUXILIA OS

DEFICIENTES VISUAISATRAVÉS DOS

EQUIVALENTESTEXTUAIS FAZENDOLEITURA DO TEXTOCONTIDO NO SITE.

É...

ENTÃO DEIXA EU TE EXPLICAR: AS TECNOLOGIAS ASSISTIVASSÃO EQUIPAMENTOS, SERVIÇOS, ESTRATÉGIAS OU PRÁTICASCONCEBIDAS E APLICADAS PARA MINIMIZAR OS PROBLEMAS

ENCONTRADOS PELAS PESSOAS COM DEFICIÊNCIAS.

10

Page 12: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

E COMO É FEITO O EQUIVALENTE TEXTUAL?

ENTÃO DEIXA EU VER SE ENTENDI... QUEM NÃO ENXERGA VAI ESCUTAR O QUE ESTÁ ESCRITO NO SITE ATRAVÉS DE UM

LEITOR DE TELA. E AS IMAGENS, VÍDEOS E OUTROS TEM DE TER EQUIVALENTE TEXTUAL PARA QUE O LEITOR DE

TELA ENTENDA E TRANSMITA AO USUÁRIO ESPECIAL, É ISSO?

ISSO!

HUM... ESTÁ

QUERENDO

ENTENDER TUDO

MESMO NÉ?

11

Page 13: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

NA LINGUAGEM DE MARCAÇÃO DE HIPERTEXTO (HTML)SÓ

PRECISA UTILIZAR O ATRIBUTO «ALT» PARA IMG, INPUT E APPLET!

USANDO APENAS ESSE ATRIBUTO OS PROGRAMADORES DE

PÁGINAS WEB JÁ FORNECEM O EQUIVALENTE TEXTUAL

DE ELEMENTOS NÃO TEXTUAIS.

A SEGUNDA RECOMENDAÇÃO

DO W3C JÁ TRATA SOBRE

O DALTONISMO, OU SEJA,

TRATA DAS PESSOAS

QUE NÃO CONSEGUEM

DIFERENCIAR CORES.

ENTÃO É FÁCIL NÉ?

PARA ASSEGURAR A ACESSIBILIDADE PARA ESSA CLASSE DE

PESSOAS O SITE DEVE PRIORIZAR INFORMAÇÕES COM

CONTRASTE DE COR QUE POSSAM SER VISTAS POR

QUALQUER PESSOA. OU MESMO, NO SITE, TER UM LINK

QUE DIRECIONA O DALTÔNICO PARA VISUALIZAR

A PÁGINA COM CORES CONTRASTANTES, POR EXEMPLO...

VERDADE!! EXISTEM PESSOAS QUE

NÃO CONSEGUEM VISUALIZAR

AS PÁGINAS, POR CAUSA DAS CORES.

EU CONHEÇO UMA PESSOA ASSIM...

COMO ELA SOFRE COM ISSO NA

INTERNET !!

12

Page 14: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

13

OUTRAS INFORMAÇÕES IMPORTANTES SÃO:- USAR MARCAÇÕES PARA TRANSMITIR INFORMAÇÕES COMO EXEMPLO: O CSS-TEXTO.- CONTROLAR PAGINAÇÃO COM FOLHA DE ESTILO.- DECLARAÇÃO DO TIPO DE DOCUMENTO NO INÍCIO, «DTD» EM HTML.-INSERÇÃO DE ELEMENTOS DECABEÇALHOS, EM HTML USA-SE <H2> PARA MARCAR UMA SUBSEÇÃO DE <H1>.

NOSSA, É MUITA COISA!

MAS, TUDO ISSO QUE ESTOU

FALANDO É PARA ORGANIZAÇÃO

E NAVEGAÇÃO ADEQUADA

DO SITE!

CONTINUANDO...

- HIERARQUIZAÇÃO DAS LISTAS

- MARCAR CITAÇÕES.

TODAS ESSAS INFORMAÇÕES

FAZEM PARTE DA TERCEIRA

RECOMENDAÇÃO

DO W3C QUE RETRATA A

UTILIZAÇÃO CORRETA DE

MARCAÇÕES E FOLHA DE

ESTILO. SERVE PARA NÃO

PREJUDICAR A NAVEGAÇÃO

DO USUÁRIO ESPECIAL

ATRAVÉS DAS TECNOLOGIAS

ASSISTIVAS.

Page 15: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

ENTÃO, SE NÃO FOR ESPECIFICADO O IDIOMA E AS MUDANÇAS DE

IDIOMA, OS DISPOSITIVOS NÃO FUNCIONARÃO CORRETAMENTE E

NÃO FORNECERÃO TOTAL ASSISTÊNCIA, LEVANDO A INCOMPREENSÃO

AO USUÁRIO ESPECIAL E TORNANDO O TEXTO INDECIFRÁVEL.

A RECOMENDAÇÃO QUATRO ESTÁ

DIRECIONADA, ESSENCIALMENTE,

A DISPOSIÇÃO DO IDIOMA, POIS,

SINTETIZADORES DE VOZ E

DISPOSITIVOS BRAILE, TÊM O PAPEL

DE CONVERTER TUDO QUE

ESTÁ INSERIDO NA TELA.

ESPERA-SE ENTÃO, QUE ESSAS

DUAS TECNOLOGIAS CUMPRAM

SEUS PAPÉIS NA INTEGRA E COMO

SE SABE, A MAIORIA DOS TEXTOS

CONTÉM INFORMAÇÕES OU

PALAVRAS EM INGLÊS, OU AINDA,

OUTROS IDIOMAS DIFERENTES

DO PROPOSTO INICIALMENTE.

ISSO MESMO!

O MESMO ACONTECE COM

AS SIGLAS, DEVEM CONTER

POR EXEMPLO O SIGNIFICADO

PELO MENOS NA PRIMEIRA

OCORRÊNCIA DENTRO

DO TEXTO.

14

Page 16: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

15

AGORA VAMOS FAZER UMA DINÂMICA DIFERENTE?

VAMOS IMAGINAR QUE SOMOS DEFICIENTES

VISUAIS E NÃO ENXERGAMOS NADA.

O QUÊ ?

CERTO. VOU ABRIR AQUI O LEITOR DE TELA E ACESSAR UM SITE... PRONTO.

NOSSA, VOCÊ SENTIU A DIFICULDADE?

EU NÃO CONSEGUI IDENTIFICAR

ONDE ESTAVA...

SÓ O ESCURO...

AGORA, EU VOU TECLAR NO «TAB»

VARIAS VEZES, ATÉ CHEGAR

ONDE QUERO E ENTÃO

TECLAR «ENTER». OK?

A GENTE PAROU NUMA TABELA E NÃO SAIU DELA! POR MAIS

QUE TENTASSE!

Page 17: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

VOU TE EXPLICAR. PARA A GENTE CONSEGUIR ACESSAR SEM DIFICULDADES, AS TABELAS TEM DE SEGUIR UMA HIERARQUIA COMO SEGUE:- IDENTIFICAR CABEÇALHO;- IDENTIFICAR A CÉLULA DE DADOS;- AGRUPAR LINHAS COM DOIS OU MAIS NÍVEIS LÓGICOS;- AGRUPAR COLUNAS;- FORNECER SUMÁRIO;- NÃO UTILIZAR TABELA PARA EFEITOS DE PRODUZIR DISPOSIÇÃO NA PÁGINA; ENTENDEU?

E POR QUE ISSO ACONTECEU ?

É BOM A GENTE PERCEBER A DIFICULDADE DAS PESSOAS.

EU TENHO APENAS UM PROBLEMADE VISÃO, 13 GRAUS EM

CADA OLHO E ME IRRITA AQUELAS LETRINHAS

MIÚDAS... IMAGINE NÃOENXERGAR NADA!

ENTENDI E GOSTEI DA DINÂMICA.

16

Page 18: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

17

E AÍ, TEM MAIS ALGUMA COISA

PARA COMPARTILHAR? ESTOU SUPER INTERESSADO

NO ASSUNTO,

ACHANDO MUITO LEGAL

ESSA NOSSA CONVERSA,

SABIA?

EU SABIA DISSO (KKKKKK)

ESTOU VENDO SUA CARA

DE EMPOLGAÇÃO!

" "

MAS, SE PREPARA...

TEM MUITO MAIS

RECOMENDAÇÕES PARA

TE MOSTRAR E VOCÊ VAI »«SAIR DAQUI CRAQUE

NO QUE SE REFERE À

ACESSIBILIDADE WEB!

Page 19: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

VOCÊ SABIA QUE PARA PESSOAS COM DEFICIÊNCIAS

COGNITIVAS, O MOVIMENTO DE TEXTO EM SITES PODE

SER FONTE DE DISTRAÇÃO? E EM ALGUMAS PESSOAS

PODE ATÉ CAUSAR ATAQUE EPILÉPTICO?

NÃO,

SÉRIO?

SÉRIO! AS PESSOAS COM EPILEPSIA

FOTOSSENSÍVELPODEM TER ATAQUES

PROVOCADOS POR TREMIDOS OU

FLASHES NA FAIXA DE 2 A 60 FLASHES

POR SEGUNDO (HERTZ).

COM UM PICO DESENSIBILIDADE EM 20 FLASHES POR SEGUNDO.

ALÉM DISSO, MOVIMENTO

DE TEXTO TORNA A PÁGINA

INACESSÍVEL. POIS,

LEITORES DE TELA NÃO

SÃO CAPAZES DE LER

TEXTO EM MOVIMENTO!

EU DESCOBRI ISSO A POUCO TEMPO, ATRAVÉS

DE UM SITE QUEMOSTRA A

ACESSIBILIDADE LEGAL.(http:acessibilidadelegal.com)

18

Page 20: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

DEPOIS NÃO RECLAMA DE

TANTA FALAÇÃO,VOCÊ QUE

ESTÁ PEDINDO(KKKKKKKK).

- EVITAR INTERMITÊNCIA DA TELA;- EVITAR O PISCAR DO CONTEÚDO NA TELA;- EVITAR PÁGINAS CONTENDO MOVIMENTO;- POSSIBILITAR MECANISMOS PARA IMPEDIR ATUALIZAÇÕES;- NÃO CRIAR PÁGINAS DE ATUALIZAÇÃO AUTOMÁTICA PERIÓDICA, OU SEJA, NÃO

»« INTRODUZIR O HTTP-EQUIV=REFRESH NO DESENVOLVIMENTO DAS PÁGINAS AUTOMATICAMENTE;- NÃO UTILIZAR MARCAÇÕES PARA O REDIRECIONAMENTO DAS PÁGINAS AUTOMATICAMENTE.

ESTOU PRECISANDO DE UMA ÁGUA...

VAMOS LÁ NA COZINHA?

VAMOS SIM!

E QUAIS SÃO AS RECOMENDAÇÕES

DESSA VEZ DR. BRUNNO?

20

Page 21: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

19

ESSA ÁGUA RENDEU UM LANCHINHO LEGAL,

HUM... DELÍCIA!

ENTÃO VAMOS COMER TUDO RÁPIDO!

GUSTAVO, VOCÊ PRECISA ENTENDER MAIS UMA COISA!

O QUÊ?

AH, ISSO EU JÁ ENTENDI!

ÓTIMO, JÁ PODEMOS PASSAR PARA AS

PRÓXIMAS AULAS.

COM CERTEZA, SÓ DEIXA EU ACABAR DE

COMER AQUI, OK?

QUE TODO USUÁRIO TEM DE TER UM LEITOR DE TELA, FONE

OU CAIXAS DE SOM EM SEU COMPUTADOR, SABER USAR

O TECLADO CORRETAMENTE...

Page 22: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

21

CLARO!

ENTÃO... DEPOIS

DE NOSSO LANCHE

VAMOS CONTINUAR

FALANDO SOBRE

ACESSIBILIDADE?

SABE O QUE TAMBÉMÉ INTERESSANTE:

CRIAR UMA SEQUÊNCIA LÓGICA DE

TABULAÇÃO PARA PERCORRER LINKS,

CONTROLES DE FORMULÁRIOS E

OBJETOS. EM HTML, «TABINDEX»

ESPECIFICA A ORDEM DE TABULAÇÃO.

EU NÃO PENSEI NISSO, MAS, QUANDOA PESSOA NÃO

ENXERGA ACABA

TENDO QUESER GUIADA POR ALGO.

ASSIM, REALMENTE É

INTERESSANTEMANTER UMA

ORDEM NO SITE!

Page 23: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

OK!

E QUANTO AQUELAS

ÁREAS DE TEXTO DE

BUSCA E CAIXAS

DE EDIÇÃO?

O QUE DEVE SER

FEITO PARA INCLUIR

ACESSIBILIDADE?

GUSTAVO, AGORA

VOCÊ VAI RESPONDER

A MINHA

PERGUNTA, OK?

IIIH! ME PEGOU, NÃO SEI!

É SÓ INCLUIR CARACTERES DE PREENCHIMENTO NAS CAIXAS DE EDIÇÃO E NAS ÁREAS DE TEXTO PARA QUE O USUÁRIO ESPECIAL SAIBA O QUE

FAZER. UM EXEMPLO: DIGITE AQUI A PALAVRA A SER BUSCADA!

23

Page 24: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

BRUNNO VOCÊ JÁ VIU AQUELES SITES CHATOS QUE ABREM JANELAS SOBREPONDO-SE AO SITE? AQUELA PRÁTICA É VIAVEL?

JÁ VI SIM, MAS, NÃO É BOA PRÁTICA, É RECOMENDADO NÃO PROVOCAR

JANELAS DE SOBREPOSIÇÃO A ATUALE NÃO MODIFICAR O CONTEÚDO DA JANELA ATUAL SEM QUE O

USUÁRIO SEJA INFORMADO.

ME DIZ UMA COISA, QUANTO AO TECLADO?NÃO TEM NENHUMA NORMA A SER SEGUIDA?

CLARO! O SITE TEM QUE FORNECER ATALHOS QUE APONTEM PARA

LINKS E CONTROLE DE FORMULÁRIOS PARA O TECLADO.

22

Page 25: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

24

SIM, LINGUAGEM SIMPLES QUE POSSA

SER COMPREENSÍVEL A TODOS!

CORRETO!

VOCÊ ESTÁ FALANDO

SOBRE A LINGUAGEM?

AH, UMA COISA QUE ESQUECI DE FALAR,

FOI SOBRE A CLAREZA E SIMPLICIDADE

DO TEXTO.

Page 26: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

25

ALÉM DISSO, A RELAÇÃO DO CONTEÚDO COM O LAYOUT DO SITE DEVE SER FEITO

DE FORMA AGRADÁVEL.

COMO ASSIM?

ESTOU TENTANDO EXPLICAR QUE A SEQUÊNCIA/ORGANIZAÇÃODO CONTEÚDO NÃO PODE

COMPROMETER O ENTENDIMENTO DO LEITOR.

CERTO!

Page 27: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

ÓTIMO, OBRIGADO PELAS DICAS!

BOM, POR HOJE É SÓ... JÁ TE EXPLIQUEI TUDO SOBRE ACESSIBILIDADE! QUALQUER COISA VOCÊ

ENTRA NO SITE DO

W3C: www.w3c.br E ENCONTRA LÁ!

CLARO,

SEMPRE

QUE

QUISER.

BRUNNO, VOCÊ FOIMUITO GENTIL,

AGORA SEI TUDO SOBRE ACESSIBILIDADE WEB!

QUALQUER COISA POSSO TE PROCURAR

DE NOVO?

26FIM

Page 28: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

SOBRE OS AUTORES

ADICINÉIA APARECIDA DE OLIVEIRA

Professora Adjunto do Departamento de Computação da Universidade Federal de Sergipe. Doutora em Engenharia Elétrica (Sistemas Digitais) pela Escola Politécnica da Universidade de São Paulo. Mestre em Administração pela Pontifícia Universidade Católica de São Paulo.Especialista em Análise e Projeto de Sistemas pela Fecap. Graduada em Administração de Empresas pela Universidade Cruzeiro do Sul. Possui experiência de 22 anos como docente no ensino superior. Coordenou cursos de Sistemas de Informação e Ciência da Computação. Foi Gerente e Consultora na área de Tecnologia da Informação (TI). Participa do grupo de pesquisa em Engenharia de Software do DCOMP/UFS. Tem interesse e desenvolve pesquisas que incluem Engenharia de Software, Engenharia Web, Sistemas de Informação, Gestão da TI, Gestão de Projetos, Informática na Educação, Informática na Saúde e Modelagem de Negócios e Sistemas.

GABRIEL FRANCISCO DA SILVA

Possui graduação em Engenharia Química pela Universidade Federal da Paraíba (1988), mestrado em Engenharia Química pela Universidade Federal da Paraíba (1991) e doutorado em Engenharia de Alimentos pela Universidade Estadual de Campinas (1999). Atualmente é professor associado da Universidade Federal de Sergipe. Tem experiência na área de Engenharia Química, com ênfase em Operações de Separação e Mistura, atuando principalmente nos seguintes temas: desenvolvimento de tecnologia em petróleo e gás, biocombustível, agroenergia, energia solar, secagem, armazenamento, refrigeração, extração com fluido supercrítico, escoamento, propriedades termofísicas, processamento de produtos agroindustriais, modelagem termodinâmica e modelagem fluidodinâmica computacional. Atualmente é boslsista Produtividade em Desenvolvimento Tecnológico e Extensão Inovadora DT II - 2010-2013.

QUELITA ARAÚJO DINIZ DA SILVA

Graduando em ciência da computação pela Universidade Federal de Sergipe – UFS. Foi bolsista de inovação tecnológica (PIBITI) e atualmente é bolsista de extensão (PIBIX).

27

BIBLIOGRAFIAACESSIBILIDADE LEGAL. Disponível em: acessibilidadelegal.com Acesso: 15 Ago. 2011.WCAG 1.0. Disponível em: www.w3.org/TR/WCAG10.WCAG 2.0. Disponível em: www.w3.org/TR/WCAG20.BERSCHE, Rita; TONOLLI , J. Carlos. Introdução ao Conceito deTecnologia Assistiva. Disponível em:http://www.bengalalegal.com/tecnol-a.php Acesso em: 01 jan. 2011.

Page 29: Gabriel Francisco da Silva Dr. Angelo Roberto Antoniolli ...almanaquesdacomputacao.com.br/gutanunes/...O conhecimento sobre acessibilidade web é condição relevante no processo de

28

MARIA AUGUSTA SILVEIRA NETTO NUNES

Professora Adjunto do Departamento de Computação da Universidade Federal de Sergipe. Membro do Programa de Pós-graduação em Ciência da Computação (PROCC)-UFS. Doutora em "Informatique pela Université de Montpellier II – LIRMM em Monpellier, França (2008). Realizou estágio doutoral no INESC-ID- IST Lisboa- Portugal.É mestre em Ciência da Computação pela Universidade Federal do Rio Grande do Sul (1998) e possui graduação em Ciência da Computação pela Universidade de Passo Fundo (1995) . Possui experiência acadêmico-tecnológica na área de Ciência da Computação e Inovação Tecnológica (Propriedade Intelectual). É membro da (COMPITEC) – UFS, membro da Câmara de Assessoramento em Inovação daFAPITEC/SE e membro da (COMPIBIT)-UFS. É membro da Associação Sergipana de Ciência. Possuitambém experiências Acadêmico-administrativas como Coordenadora de Curso de Graduação, Pos-graduação e Chefia de Departamento. Atualmente, suas pesquisas estão voltadas, principalmente na área de inovação Tecnológica usando Computação Afetiva na tomada de decisão Computacional, principalmente visando a personalização em ambientes de E-commerce via Sistema de Recomendação, recomendação de equipes de trabalho em Empresas, e-training.. Atua também em Inovação Tecnológica (Propriedade Intelectual e Ativos Intangíveis) capacitando empresários na área de TI e fornecendo consultoria em Registro de Software. HENRIQUE NOU SCHNEIDER

Engenheiro Civil pela UFS. Mestre em Ciência da Computação pela UNICAMP. Doutor em Engenharia de Produção pela UFSC. Professor da UFS nos cursos de bacharelado em Ciência da Computação e em Sistema de Informação; e nos mestrados em Computação e em Educação. Professor do IFS no curso técnico de Desenvolvimento de Sistemas. Atua nas áreas de Informática Educativa, Interação Humano-Computador e Sociologia da Internet.

SUZANA LEITÃO RUSSO

Possui Pós-Doutorado em Métodos Quantitativos Aplicados à Gestão pela Universidade

de Algarve em Faro/Portugal (2005), doutorado em Engenharia de Produção pela UFSC

(2002), mestrado em Estatística pela PUC/RJ (1993). Professora Adjunta da

Universidade Federal de Sergipe. Coordenadora do Centro de Inovação e Transferência

de Tecnologia (CINTEC) e do Núcleo de Propriedade Intelectual (NPI) da UFS . Atua na

Área de Engenharia de Produção e Estatística Aplicada, com aplicações em Petróleo e

Gás, principalmente nos temas: Séries Temporais, Previsão, Estatística Multivariada,

Gráficos de Controle. Bolsista de Produtividade em Desenvolvimento Tecnológico e

Extensão Inovadora CNPq 2.