SlideShare une entreprise Scribd logo
1  sur  21
Télécharger pour lire hors ligne
Espiral Interativa
Duda Salvato
William Daflita

Acessibilidade em portais e sites
SIBi-USP | 21.10.2013
http://slidesha.re/17YzFD3
# acessibilidade

E se, de repente, você tivesse que
navegar com a boca?
# acessibilidade
# acessibilidade

Ou somente com o movimento
dos olhos?
# acessibilidade
# acessibilidade

Ou tendo apenas seus pés para te
conectar com o mundo digital?
# acessibilidade
# acessibilidade

Ou então navegar e compreender
sem ver o conteúdo da tela?
# acessibilidade
# acessibilidade

Parece distante da nossa realidade?
# acessibilidade

Censo 2010 | Brasil
# 24% dos brasileiros possuem uma ou mais
deficiência: + de 45 milhões de pessoas
# Deficiência visual: + de 35 milhões
# Não conseguem enxergar de modo algum: + de 500 mil
# Enxerga com grande dificuldade: + de 6 milhões
# Deficiência motora: + de 13 milhões (+ de 4 milhões são severas)
# Surdos: + de 300 mil (2,1 milhões com deficiência severa)
# acessibilidade

Legislação sobre acessibilidade
#A Convenção sobre os Direitos das Pessoas com Deficiência e seu
respectivo Protocolo Facultativo foram ratificados pelo Congresso
Nacional em 09/07/2008 pelo decreto legislativo nº 186/2008 e
todos os seus artigos são de aplicação imediata.
# A acessibilidade foi contemplada nos artigos 9 e 21 da Convenção,
tornando obrigatória e crime de discriminação qualquer informação
na internet não acessível para qualquer tipo de deficiência e
qualquer categoria de portal ou site, de empresa privada ou
governamental.
Fonte: http://www.governoeletronico.gov.br/acoes-e-projetos/e-MAG/legislacao
# acessibilidade

Web
ambiente sem barreiras
extremamente inclusivo
mas...
pensado acessivelmente
# acessibilidade

Como fazemos isso na construção dos sites?
@ Aspectos visuais e estruturais
@ Desenvolvimento dos códigos acessíveis
@ Elaboração de conteúdo acessível
@ Homologação (testes com pessoas com deficiência e
validação manual e automática)
# acessibilidade

Especificações – e-MAG 3.0*
# Organizar o código HTML de forma lógica e semântica
# Disponibilizar todas as funções da página via teclado
# Não utilizar tabelas para diagramação
# Não abrir novas instâncias sem a solicitação do usuário
# Não criar páginas com atualização automática periódica
# Disponibilizar informação sobre a localização do usuário na página
# Descrever links clara e sucintamente
# Fornecer alternativa em texto para as imagens do site
# Oferecer contraste de cores mínimo
# Permitir redimensionamento de texto sem perda de funcionalidade
* Guia de recomendações do Governo Eletrônico brasileiro
Exemplos de falta de acessibilidade
# exemplos

# Menus expansíveis
# exemplos

# Imagem sobreposta e recarregamento de página
# exemplos

# Imagens sem descrição alternativa
# quem somos

Sobre a Espiral Interativa
Uma agência digital que utiliza a web
como elemento transformador da
comunicação entre indivíduos,
empresas e comunidades.
# 4 anos de existência | conteúdo e tecnologia como diferenciais
# equipe própria: jornalistas, programadores e designers
# direcionamento estratégico para Terceiro Setor
# clientes atendidos: Fundação Roberto Marinho, Fundação
Toyota, Fundação Dorina Nowill, Associação Laramara, Fundação
Bunge, Instituto Mara Gabrilli, Instituto Arte na Escola (Iochpe),
Instituto Asas (RedBull), Instituto Brookfield, Instituto Rodrigo
Mendes e GIFE
Contato
Duda Salvato - duda@espiralinterativa.com
William Daflita – william@espiralinterativa.com
11 3641 3146

www.espiralinterativa.com
@agencia_espiral
facebook.com/espiralinterativa

Contenu connexe

Similaire à Acessibilidade em portais e sites

Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)Rodrigo Leme
 
Webinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresWebinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresHorácio Soares
 
Precisamos falar de acessibilidade nos chatbots
Precisamos falar de acessibilidade nos chatbotsPrecisamos falar de acessibilidade nos chatbots
Precisamos falar de acessibilidade nos chatbotsCaio Calado
 
Inclusão Digital através da acessibilidade na web
Inclusão Digital através da acessibilidade na webInclusão Digital através da acessibilidade na web
Inclusão Digital através da acessibilidade na webBruno Borges
 
Inclusão Web: Tornando a web para todos
Inclusão Web: Tornando a web para todosInclusão Web: Tornando a web para todos
Inclusão Web: Tornando a web para todosGisely Lucas
 
Estratégia, Design e Acessibilidade Web - BlogcampRJ
Estratégia, Design e Acessibilidade Web - BlogcampRJEstratégia, Design e Acessibilidade Web - BlogcampRJ
Estratégia, Design e Acessibilidade Web - BlogcampRJHorácio Soares
 
WAIU - Workshop AI, Acessibilidade e Usabilidade
WAIU - Workshop AI, Acessibilidade e UsabilidadeWAIU - Workshop AI, Acessibilidade e Usabilidade
WAIU - Workshop AI, Acessibilidade e UsabilidadeHorácio Soares
 
Evento Cinteq - apresentando e-MAG
Evento Cinteq - apresentando e-MAGEvento Cinteq - apresentando e-MAG
Evento Cinteq - apresentando e-MAGGovBR
 
Panorama da Acessibilidade nas redes sociais
Panorama da Acessibilidade nas redes sociaisPanorama da Acessibilidade nas redes sociais
Panorama da Acessibilidade nas redes sociaisReinaldo Ferraz
 
Razões para tornar um web site acessível
Razões para tornar um web site acessívelRazões para tornar um web site acessível
Razões para tornar um web site acessívelMDesign Estúdio
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1cdchaves
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1angeli_mk
 
e-MAG - Avaliação de Acessibilidade em Sítios
e-MAG - Avaliação de Acessibilidade em Sítiose-MAG - Avaliação de Acessibilidade em Sítios
e-MAG - Avaliação de Acessibilidade em SítiosGovBR
 
Acessibilidade como compliance e a abordagem equivocada nas empresas
Acessibilidade como compliance e a abordagem equivocada nas empresasAcessibilidade como compliance e a abordagem equivocada nas empresas
Acessibilidade como compliance e a abordagem equivocada nas empresasinovaDay .
 
Hacktaton Intercon Imaster 2012
Hacktaton Intercon Imaster 2012Hacktaton Intercon Imaster 2012
Hacktaton Intercon Imaster 2012Hudson Augusto
 

Similaire à Acessibilidade em portais e sites (20)

Acessibilidade web
Acessibilidade webAcessibilidade web
Acessibilidade web
 
Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)
 
Webinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresWebinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedores
 
Precisamos falar de acessibilidade nos chatbots
Precisamos falar de acessibilidade nos chatbotsPrecisamos falar de acessibilidade nos chatbots
Precisamos falar de acessibilidade nos chatbots
 
Inclusão Digital através da acessibilidade na web
Inclusão Digital através da acessibilidade na webInclusão Digital através da acessibilidade na web
Inclusão Digital através da acessibilidade na web
 
Inclusão Web: Tornando a web para todos
Inclusão Web: Tornando a web para todosInclusão Web: Tornando a web para todos
Inclusão Web: Tornando a web para todos
 
Estratégia, Design e Acessibilidade Web - BlogcampRJ
Estratégia, Design e Acessibilidade Web - BlogcampRJEstratégia, Design e Acessibilidade Web - BlogcampRJ
Estratégia, Design e Acessibilidade Web - BlogcampRJ
 
WAIU - Workshop AI, Acessibilidade e Usabilidade
WAIU - Workshop AI, Acessibilidade e UsabilidadeWAIU - Workshop AI, Acessibilidade e Usabilidade
WAIU - Workshop AI, Acessibilidade e Usabilidade
 
Evento Cinteq - apresentando e-MAG
Evento Cinteq - apresentando e-MAGEvento Cinteq - apresentando e-MAG
Evento Cinteq - apresentando e-MAG
 
Panorama da Acessibilidade nas redes sociais
Panorama da Acessibilidade nas redes sociaisPanorama da Acessibilidade nas redes sociais
Panorama da Acessibilidade nas redes sociais
 
Acessibilidade web
Acessibilidade webAcessibilidade web
Acessibilidade web
 
Razões para tornar um web site acessível
Razões para tornar um web site acessívelRazões para tornar um web site acessível
Razões para tornar um web site acessível
 
@acessibilidade.pptx
@acessibilidade.pptx@acessibilidade.pptx
@acessibilidade.pptx
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1
 
e-MAG - Avaliação de Acessibilidade em Sítios
e-MAG - Avaliação de Acessibilidade em Sítiose-MAG - Avaliação de Acessibilidade em Sítios
e-MAG - Avaliação de Acessibilidade em Sítios
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
Acessibilidade como compliance e a abordagem equivocada nas empresas
Acessibilidade como compliance e a abordagem equivocada nas empresasAcessibilidade como compliance e a abordagem equivocada nas empresas
Acessibilidade como compliance e a abordagem equivocada nas empresas
 
Acessibilidade web
Acessibilidade webAcessibilidade web
Acessibilidade web
 
Hacktaton Intercon Imaster 2012
Hacktaton Intercon Imaster 2012Hacktaton Intercon Imaster 2012
Hacktaton Intercon Imaster 2012
 

Plus de SIBiUSP

2020.03.09 creative commons_agencia_usp
2020.03.09 creative commons_agencia_usp2020.03.09 creative commons_agencia_usp
2020.03.09 creative commons_agencia_uspSIBiUSP
 
Aguia apresentacao 20200309_ab
Aguia apresentacao 20200309_abAguia apresentacao 20200309_ab
Aguia apresentacao 20200309_abSIBiUSP
 
Apresentacao fapesp usp_09032020
Apresentacao fapesp usp_09032020Apresentacao fapesp usp_09032020
Apresentacao fapesp usp_09032020SIBiUSP
 
Comunicacao usp fev2020_aguiab
Comunicacao usp fev2020_aguiabComunicacao usp fev2020_aguiab
Comunicacao usp fev2020_aguiabSIBiUSP
 
Um novo olhar sobre a atuação dos Bibliotecários - Profa. Dra. Vania Mara Alv...
Um novo olhar sobre a atuação dos Bibliotecários - Profa. Dra. Vania Mara Alv...Um novo olhar sobre a atuação dos Bibliotecários - Profa. Dra. Vania Mara Alv...
Um novo olhar sobre a atuação dos Bibliotecários - Profa. Dra. Vania Mara Alv...SIBiUSP
 
Um novo olhar sobre a atuação dos Bibliotecários - Profa. Dra. Valéria Valls
Um novo olhar sobre a atuação dos Bibliotecários - Profa. Dra. Valéria VallsUm novo olhar sobre a atuação dos Bibliotecários - Profa. Dra. Valéria Valls
Um novo olhar sobre a atuação dos Bibliotecários - Profa. Dra. Valéria VallsSIBiUSP
 
Atividades de pesquisa na Graduação e o desenvolvimento profissional
Atividades de pesquisa na Graduação e o desenvolvimento profissionalAtividades de pesquisa na Graduação e o desenvolvimento profissional
Atividades de pesquisa na Graduação e o desenvolvimento profissionalSIBiUSP
 
Pós-Graduação e pesquisa: programas e projetos USP
Pós-Graduação e pesquisa: programas e projetos USPPós-Graduação e pesquisa: programas e projetos USP
Pós-Graduação e pesquisa: programas e projetos USPSIBiUSP
 
Panorama e ações para o desenvolvimento da pesquisa na USP
Panorama e ações para o desenvolvimento da pesquisa na USPPanorama e ações para o desenvolvimento da pesquisa na USP
Panorama e ações para o desenvolvimento da pesquisa na USPSIBiUSP
 
SIBiUSP e o suporte ao pesquisador
SIBiUSP e o suporte ao pesquisadorSIBiUSP e o suporte ao pesquisador
SIBiUSP e o suporte ao pesquisadorSIBiUSP
 
Presentacion usp oct 18
Presentacion usp oct 18Presentacion usp oct 18
Presentacion usp oct 18SIBiUSP
 
Workshop IEEE na USP – Como aumentar o impacto de suas pesquisas e publicações
Workshop IEEE na USP – Como aumentar o impacto de suas pesquisas e publicaçõesWorkshop IEEE na USP – Como aumentar o impacto de suas pesquisas e publicações
Workshop IEEE na USP – Como aumentar o impacto de suas pesquisas e publicaçõesSIBiUSP
 
Guia para Publicar Emerald 2018
Guia para Publicar Emerald 2018Guia para Publicar Emerald 2018
Guia para Publicar Emerald 2018SIBiUSP
 
Apresentação - Slides do Workshop AJE na USP
Apresentação - Slides do Workshop AJE na USPApresentação - Slides do Workshop AJE na USP
Apresentação - Slides do Workshop AJE na USPSIBiUSP
 
Prevencao de Plagio e Ferramentas
Prevencao de Plagio e FerramentasPrevencao de Plagio e Ferramentas
Prevencao de Plagio e FerramentasSIBiUSP
 
Gestão de Dados de Pesquisa e o Papel dos Bibliotecários
Gestão de Dados de Pesquisa e o Papel dos BibliotecáriosGestão de Dados de Pesquisa e o Papel dos Bibliotecários
Gestão de Dados de Pesquisa e o Papel dos BibliotecáriosSIBiUSP
 
ORCiD e a integração com dados de pesquisa
ORCiD e a integração com dados de pesquisaORCiD e a integração com dados de pesquisa
ORCiD e a integração com dados de pesquisaSIBiUSP
 
Boas Práticas de Pesquisa e a importância da gestão dos dados
Boas Práticas de Pesquisa e a importância da gestão dos dadosBoas Práticas de Pesquisa e a importância da gestão dos dados
Boas Práticas de Pesquisa e a importância da gestão dos dadosSIBiUSP
 
Abertura: Gestão de dados de pesquisa: desafios e perspectivas USP
Abertura: Gestão de dados de pesquisa: desafios e perspectivas USPAbertura: Gestão de dados de pesquisa: desafios e perspectivas USP
Abertura: Gestão de dados de pesquisa: desafios e perspectivas USPSIBiUSP
 
Springer nature e a importância dos dados de pesquisa
Springer nature e a importância dos dados de pesquisaSpringer nature e a importância dos dados de pesquisa
Springer nature e a importância dos dados de pesquisaSIBiUSP
 

Plus de SIBiUSP (20)

2020.03.09 creative commons_agencia_usp
2020.03.09 creative commons_agencia_usp2020.03.09 creative commons_agencia_usp
2020.03.09 creative commons_agencia_usp
 
Aguia apresentacao 20200309_ab
Aguia apresentacao 20200309_abAguia apresentacao 20200309_ab
Aguia apresentacao 20200309_ab
 
Apresentacao fapesp usp_09032020
Apresentacao fapesp usp_09032020Apresentacao fapesp usp_09032020
Apresentacao fapesp usp_09032020
 
Comunicacao usp fev2020_aguiab
Comunicacao usp fev2020_aguiabComunicacao usp fev2020_aguiab
Comunicacao usp fev2020_aguiab
 
Um novo olhar sobre a atuação dos Bibliotecários - Profa. Dra. Vania Mara Alv...
Um novo olhar sobre a atuação dos Bibliotecários - Profa. Dra. Vania Mara Alv...Um novo olhar sobre a atuação dos Bibliotecários - Profa. Dra. Vania Mara Alv...
Um novo olhar sobre a atuação dos Bibliotecários - Profa. Dra. Vania Mara Alv...
 
Um novo olhar sobre a atuação dos Bibliotecários - Profa. Dra. Valéria Valls
Um novo olhar sobre a atuação dos Bibliotecários - Profa. Dra. Valéria VallsUm novo olhar sobre a atuação dos Bibliotecários - Profa. Dra. Valéria Valls
Um novo olhar sobre a atuação dos Bibliotecários - Profa. Dra. Valéria Valls
 
Atividades de pesquisa na Graduação e o desenvolvimento profissional
Atividades de pesquisa na Graduação e o desenvolvimento profissionalAtividades de pesquisa na Graduação e o desenvolvimento profissional
Atividades de pesquisa na Graduação e o desenvolvimento profissional
 
Pós-Graduação e pesquisa: programas e projetos USP
Pós-Graduação e pesquisa: programas e projetos USPPós-Graduação e pesquisa: programas e projetos USP
Pós-Graduação e pesquisa: programas e projetos USP
 
Panorama e ações para o desenvolvimento da pesquisa na USP
Panorama e ações para o desenvolvimento da pesquisa na USPPanorama e ações para o desenvolvimento da pesquisa na USP
Panorama e ações para o desenvolvimento da pesquisa na USP
 
SIBiUSP e o suporte ao pesquisador
SIBiUSP e o suporte ao pesquisadorSIBiUSP e o suporte ao pesquisador
SIBiUSP e o suporte ao pesquisador
 
Presentacion usp oct 18
Presentacion usp oct 18Presentacion usp oct 18
Presentacion usp oct 18
 
Workshop IEEE na USP – Como aumentar o impacto de suas pesquisas e publicações
Workshop IEEE na USP – Como aumentar o impacto de suas pesquisas e publicaçõesWorkshop IEEE na USP – Como aumentar o impacto de suas pesquisas e publicações
Workshop IEEE na USP – Como aumentar o impacto de suas pesquisas e publicações
 
Guia para Publicar Emerald 2018
Guia para Publicar Emerald 2018Guia para Publicar Emerald 2018
Guia para Publicar Emerald 2018
 
Apresentação - Slides do Workshop AJE na USP
Apresentação - Slides do Workshop AJE na USPApresentação - Slides do Workshop AJE na USP
Apresentação - Slides do Workshop AJE na USP
 
Prevencao de Plagio e Ferramentas
Prevencao de Plagio e FerramentasPrevencao de Plagio e Ferramentas
Prevencao de Plagio e Ferramentas
 
Gestão de Dados de Pesquisa e o Papel dos Bibliotecários
Gestão de Dados de Pesquisa e o Papel dos BibliotecáriosGestão de Dados de Pesquisa e o Papel dos Bibliotecários
Gestão de Dados de Pesquisa e o Papel dos Bibliotecários
 
ORCiD e a integração com dados de pesquisa
ORCiD e a integração com dados de pesquisaORCiD e a integração com dados de pesquisa
ORCiD e a integração com dados de pesquisa
 
Boas Práticas de Pesquisa e a importância da gestão dos dados
Boas Práticas de Pesquisa e a importância da gestão dos dadosBoas Práticas de Pesquisa e a importância da gestão dos dados
Boas Práticas de Pesquisa e a importância da gestão dos dados
 
Abertura: Gestão de dados de pesquisa: desafios e perspectivas USP
Abertura: Gestão de dados de pesquisa: desafios e perspectivas USPAbertura: Gestão de dados de pesquisa: desafios e perspectivas USP
Abertura: Gestão de dados de pesquisa: desafios e perspectivas USP
 
Springer nature e a importância dos dados de pesquisa
Springer nature e a importância dos dados de pesquisaSpringer nature e a importância dos dados de pesquisa
Springer nature e a importância dos dados de pesquisa
 

Dernier

tipos textuais de lingua portugues a ensino medio.pptx
tipos textuais de lingua portugues a ensino medio.pptxtipos textuais de lingua portugues a ensino medio.pptx
tipos textuais de lingua portugues a ensino medio.pptxAlexSandroDaSilvaSan4
 
Poder do convencimento,........... .
Poder do convencimento,...........         .Poder do convencimento,...........         .
Poder do convencimento,........... .WAGNERJESUSDACUNHA
 
Peixeiras da Coruña. O Muro da Coruña. IES Monelos
Peixeiras da Coruña. O Muro da Coruña. IES MonelosPeixeiras da Coruña. O Muro da Coruña. IES Monelos
Peixeiras da Coruña. O Muro da Coruña. IES MonelosAgrela Elvixeo
 
Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...
Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...
Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...Colaborar Educacional
 
Termo de audiência de Mauro Cid na ìntegra
Termo de audiência de Mauro Cid na ìntegraTermo de audiência de Mauro Cid na ìntegra
Termo de audiência de Mauro Cid na ìntegrafernando846621
 
Verbos - transitivos e intransitivos.pdf
Verbos -  transitivos e intransitivos.pdfVerbos -  transitivos e intransitivos.pdf
Verbos - transitivos e intransitivos.pdfKarinaSouzaCorreiaAl
 
Quiz | Eleições Europeias 2024-2029 (Parlamento Europeu)
Quiz | Eleições Europeias 2024-2029 (Parlamento Europeu)Quiz | Eleições Europeias 2024-2029 (Parlamento Europeu)
Quiz | Eleições Europeias 2024-2029 (Parlamento Europeu)Centro Jacques Delors
 
QUIZ AULA DE CIÊNCIAS EVOLUÇÃO ESTRELAR.pptx
QUIZ AULA DE CIÊNCIAS EVOLUÇÃO ESTRELAR.pptxQUIZ AULA DE CIÊNCIAS EVOLUÇÃO ESTRELAR.pptx
QUIZ AULA DE CIÊNCIAS EVOLUÇÃO ESTRELAR.pptxRailsonLima12
 
EBOOK LINGUAGEM GRATUITO EUDCAÇÃO INFANTIL.pdf
EBOOK LINGUAGEM GRATUITO EUDCAÇÃO INFANTIL.pdfEBOOK LINGUAGEM GRATUITO EUDCAÇÃO INFANTIL.pdf
EBOOK LINGUAGEM GRATUITO EUDCAÇÃO INFANTIL.pdfIBEE5
 
Aprender Filosofia 8 ano - Editora Enovus
Aprender Filosofia 8 ano - Editora EnovusAprender Filosofia 8 ano - Editora Enovus
Aprender Filosofia 8 ano - Editora EnovusEditoraEnovus
 
PROJETO DE EXTENSÃO - SEGURANÇA, INOVAÇÃO E SUSTENTABILIDADE PARA O BEM COMUM...
PROJETO DE EXTENSÃO - SEGURANÇA, INOVAÇÃO E SUSTENTABILIDADE PARA O BEM COMUM...PROJETO DE EXTENSÃO - SEGURANÇA, INOVAÇÃO E SUSTENTABILIDADE PARA O BEM COMUM...
PROJETO DE EXTENSÃO - SEGURANÇA, INOVAÇÃO E SUSTENTABILIDADE PARA O BEM COMUM...Colaborar Educacional
 
Cruzadinha da dengue - Mosquito Aedes aegypti
Cruzadinha da dengue - Mosquito Aedes aegyptiCruzadinha da dengue - Mosquito Aedes aegypti
Cruzadinha da dengue - Mosquito Aedes aegyptiMary Alvarenga
 
SEMIOSES DO OLHAR - SLIDE PARA ESTUDO 123
SEMIOSES DO OLHAR - SLIDE PARA ESTUDO 123SEMIOSES DO OLHAR - SLIDE PARA ESTUDO 123
SEMIOSES DO OLHAR - SLIDE PARA ESTUDO 123JaineCarolaineLima
 
Produções literárias da literatura pernambucana.ppt
Produções literárias da literatura pernambucana.pptProduções literárias da literatura pernambucana.ppt
Produções literárias da literatura pernambucana.pptjoserdsilva10
 
Aula 6 - O Imperialismo e seu discurso civilizatório.pptx
Aula 6 - O Imperialismo e seu discurso civilizatório.pptxAula 6 - O Imperialismo e seu discurso civilizatório.pptx
Aula 6 - O Imperialismo e seu discurso civilizatório.pptxMarceloDosSantosSoar3
 
Seminário sobre a Escrita Alfabetica.pptx
Seminário sobre a Escrita Alfabetica.pptxSeminário sobre a Escrita Alfabetica.pptx
Seminário sobre a Escrita Alfabetica.pptxRBA
 
QUIZ - GEOGRAFIA - 8º ANO - FASES DO CAPITALISMO.pptx
QUIZ - GEOGRAFIA - 8º ANO - FASES DO CAPITALISMO.pptxQUIZ - GEOGRAFIA - 8º ANO - FASES DO CAPITALISMO.pptx
QUIZ - GEOGRAFIA - 8º ANO - FASES DO CAPITALISMO.pptxAntonioVieira539017
 
fALLA CONVENTO JERUSALEN-MAEMÁTICO MARZAL 2024. Mitologia grega.pptx
fALLA CONVENTO JERUSALEN-MAEMÁTICO MARZAL 2024. Mitologia grega.pptxfALLA CONVENTO JERUSALEN-MAEMÁTICO MARZAL 2024. Mitologia grega.pptx
fALLA CONVENTO JERUSALEN-MAEMÁTICO MARZAL 2024. Mitologia grega.pptxXavi Villaplana
 
Apresentação sobrea dengue educação.pptx
Apresentação sobrea dengue educação.pptxApresentação sobrea dengue educação.pptx
Apresentação sobrea dengue educação.pptxtaloAugusto8
 

Dernier (20)

tipos textuais de lingua portugues a ensino medio.pptx
tipos textuais de lingua portugues a ensino medio.pptxtipos textuais de lingua portugues a ensino medio.pptx
tipos textuais de lingua portugues a ensino medio.pptx
 
Poder do convencimento,........... .
Poder do convencimento,...........         .Poder do convencimento,...........         .
Poder do convencimento,........... .
 
Peixeiras da Coruña. O Muro da Coruña. IES Monelos
Peixeiras da Coruña. O Muro da Coruña. IES MonelosPeixeiras da Coruña. O Muro da Coruña. IES Monelos
Peixeiras da Coruña. O Muro da Coruña. IES Monelos
 
Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...
Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...
Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...
 
Termo de audiência de Mauro Cid na ìntegra
Termo de audiência de Mauro Cid na ìntegraTermo de audiência de Mauro Cid na ìntegra
Termo de audiência de Mauro Cid na ìntegra
 
Verbos - transitivos e intransitivos.pdf
Verbos -  transitivos e intransitivos.pdfVerbos -  transitivos e intransitivos.pdf
Verbos - transitivos e intransitivos.pdf
 
Quiz | Eleições Europeias 2024-2029 (Parlamento Europeu)
Quiz | Eleições Europeias 2024-2029 (Parlamento Europeu)Quiz | Eleições Europeias 2024-2029 (Parlamento Europeu)
Quiz | Eleições Europeias 2024-2029 (Parlamento Europeu)
 
QUIZ AULA DE CIÊNCIAS EVOLUÇÃO ESTRELAR.pptx
QUIZ AULA DE CIÊNCIAS EVOLUÇÃO ESTRELAR.pptxQUIZ AULA DE CIÊNCIAS EVOLUÇÃO ESTRELAR.pptx
QUIZ AULA DE CIÊNCIAS EVOLUÇÃO ESTRELAR.pptx
 
EBOOK LINGUAGEM GRATUITO EUDCAÇÃO INFANTIL.pdf
EBOOK LINGUAGEM GRATUITO EUDCAÇÃO INFANTIL.pdfEBOOK LINGUAGEM GRATUITO EUDCAÇÃO INFANTIL.pdf
EBOOK LINGUAGEM GRATUITO EUDCAÇÃO INFANTIL.pdf
 
Aprender Filosofia 8 ano - Editora Enovus
Aprender Filosofia 8 ano - Editora EnovusAprender Filosofia 8 ano - Editora Enovus
Aprender Filosofia 8 ano - Editora Enovus
 
PROJETO DE EXTENSÃO - SEGURANÇA, INOVAÇÃO E SUSTENTABILIDADE PARA O BEM COMUM...
PROJETO DE EXTENSÃO - SEGURANÇA, INOVAÇÃO E SUSTENTABILIDADE PARA O BEM COMUM...PROJETO DE EXTENSÃO - SEGURANÇA, INOVAÇÃO E SUSTENTABILIDADE PARA O BEM COMUM...
PROJETO DE EXTENSÃO - SEGURANÇA, INOVAÇÃO E SUSTENTABILIDADE PARA O BEM COMUM...
 
(42-ESTUDO - LUCAS) DISCIPULO DE JESUS
(42-ESTUDO - LUCAS)  DISCIPULO  DE JESUS(42-ESTUDO - LUCAS)  DISCIPULO  DE JESUS
(42-ESTUDO - LUCAS) DISCIPULO DE JESUS
 
Cruzadinha da dengue - Mosquito Aedes aegypti
Cruzadinha da dengue - Mosquito Aedes aegyptiCruzadinha da dengue - Mosquito Aedes aegypti
Cruzadinha da dengue - Mosquito Aedes aegypti
 
SEMIOSES DO OLHAR - SLIDE PARA ESTUDO 123
SEMIOSES DO OLHAR - SLIDE PARA ESTUDO 123SEMIOSES DO OLHAR - SLIDE PARA ESTUDO 123
SEMIOSES DO OLHAR - SLIDE PARA ESTUDO 123
 
Produções literárias da literatura pernambucana.ppt
Produções literárias da literatura pernambucana.pptProduções literárias da literatura pernambucana.ppt
Produções literárias da literatura pernambucana.ppt
 
Aula 6 - O Imperialismo e seu discurso civilizatório.pptx
Aula 6 - O Imperialismo e seu discurso civilizatório.pptxAula 6 - O Imperialismo e seu discurso civilizatório.pptx
Aula 6 - O Imperialismo e seu discurso civilizatório.pptx
 
Seminário sobre a Escrita Alfabetica.pptx
Seminário sobre a Escrita Alfabetica.pptxSeminário sobre a Escrita Alfabetica.pptx
Seminário sobre a Escrita Alfabetica.pptx
 
QUIZ - GEOGRAFIA - 8º ANO - FASES DO CAPITALISMO.pptx
QUIZ - GEOGRAFIA - 8º ANO - FASES DO CAPITALISMO.pptxQUIZ - GEOGRAFIA - 8º ANO - FASES DO CAPITALISMO.pptx
QUIZ - GEOGRAFIA - 8º ANO - FASES DO CAPITALISMO.pptx
 
fALLA CONVENTO JERUSALEN-MAEMÁTICO MARZAL 2024. Mitologia grega.pptx
fALLA CONVENTO JERUSALEN-MAEMÁTICO MARZAL 2024. Mitologia grega.pptxfALLA CONVENTO JERUSALEN-MAEMÁTICO MARZAL 2024. Mitologia grega.pptx
fALLA CONVENTO JERUSALEN-MAEMÁTICO MARZAL 2024. Mitologia grega.pptx
 
Apresentação sobrea dengue educação.pptx
Apresentação sobrea dengue educação.pptxApresentação sobrea dengue educação.pptx
Apresentação sobrea dengue educação.pptx
 

Acessibilidade em portais e sites

  • 1. Espiral Interativa Duda Salvato William Daflita Acessibilidade em portais e sites SIBi-USP | 21.10.2013 http://slidesha.re/17YzFD3
  • 2. # acessibilidade E se, de repente, você tivesse que navegar com a boca?
  • 4. # acessibilidade Ou somente com o movimento dos olhos?
  • 6. # acessibilidade Ou tendo apenas seus pés para te conectar com o mundo digital?
  • 8. # acessibilidade Ou então navegar e compreender sem ver o conteúdo da tela?
  • 10. # acessibilidade Parece distante da nossa realidade?
  • 11. # acessibilidade Censo 2010 | Brasil # 24% dos brasileiros possuem uma ou mais deficiência: + de 45 milhões de pessoas # Deficiência visual: + de 35 milhões # Não conseguem enxergar de modo algum: + de 500 mil # Enxerga com grande dificuldade: + de 6 milhões # Deficiência motora: + de 13 milhões (+ de 4 milhões são severas) # Surdos: + de 300 mil (2,1 milhões com deficiência severa)
  • 12. # acessibilidade Legislação sobre acessibilidade #A Convenção sobre os Direitos das Pessoas com Deficiência e seu respectivo Protocolo Facultativo foram ratificados pelo Congresso Nacional em 09/07/2008 pelo decreto legislativo nº 186/2008 e todos os seus artigos são de aplicação imediata. # A acessibilidade foi contemplada nos artigos 9 e 21 da Convenção, tornando obrigatória e crime de discriminação qualquer informação na internet não acessível para qualquer tipo de deficiência e qualquer categoria de portal ou site, de empresa privada ou governamental. Fonte: http://www.governoeletronico.gov.br/acoes-e-projetos/e-MAG/legislacao
  • 13. # acessibilidade Web ambiente sem barreiras extremamente inclusivo mas... pensado acessivelmente
  • 14. # acessibilidade Como fazemos isso na construção dos sites? @ Aspectos visuais e estruturais @ Desenvolvimento dos códigos acessíveis @ Elaboração de conteúdo acessível @ Homologação (testes com pessoas com deficiência e validação manual e automática)
  • 15. # acessibilidade Especificações – e-MAG 3.0* # Organizar o código HTML de forma lógica e semântica # Disponibilizar todas as funções da página via teclado # Não utilizar tabelas para diagramação # Não abrir novas instâncias sem a solicitação do usuário # Não criar páginas com atualização automática periódica # Disponibilizar informação sobre a localização do usuário na página # Descrever links clara e sucintamente # Fornecer alternativa em texto para as imagens do site # Oferecer contraste de cores mínimo # Permitir redimensionamento de texto sem perda de funcionalidade * Guia de recomendações do Governo Eletrônico brasileiro
  • 16. Exemplos de falta de acessibilidade
  • 17. # exemplos # Menus expansíveis
  • 18. # exemplos # Imagem sobreposta e recarregamento de página
  • 19. # exemplos # Imagens sem descrição alternativa
  • 20. # quem somos Sobre a Espiral Interativa Uma agência digital que utiliza a web como elemento transformador da comunicação entre indivíduos, empresas e comunidades. # 4 anos de existência | conteúdo e tecnologia como diferenciais # equipe própria: jornalistas, programadores e designers # direcionamento estratégico para Terceiro Setor # clientes atendidos: Fundação Roberto Marinho, Fundação Toyota, Fundação Dorina Nowill, Associação Laramara, Fundação Bunge, Instituto Mara Gabrilli, Instituto Arte na Escola (Iochpe), Instituto Asas (RedBull), Instituto Brookfield, Instituto Rodrigo Mendes e GIFE
  • 21. Contato Duda Salvato - duda@espiralinterativa.com William Daflita – william@espiralinterativa.com 11 3641 3146 www.espiralinterativa.com @agencia_espiral facebook.com/espiralinterativa