SlideShare uma empresa Scribd logo

Introdução aos Padrões Web e Acessibilidade

•
•
MBA em Marketing Digital e Gestão de Projetos Web
MBA em Marketing Digital e Gestão de Projetos Web

O documento discute conceitos de acessibilidade na web, incluindo definições de interoperabilidade e tipos de deficiência. Também aborda tecnologias assistivas como leitores de tela e obstáculos enfrentados por pessoas com deficiência visual ao navegar na internet.

Educação
1 de 104
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital Thiago Prado de Campos Aula 3 10/junho/2011
Conteúdo Programático ,[object Object],[object Object],[object Object]
INTEROPERABILIDADE E DADOS ABERTOS ,[object Object]
Interoperabilidade ,[object Object],[object Object]
Interoperabilidade ,[object Object]
Interoperabilidade ,[object Object]
Interoperabilidade ,[object Object]
Exemplos de Interoperabilidade ,[object Object],[object Object],[object Object],[object Object]
Dados Abertos Governamentais ,[object Object],[object Object]
Leis dos DAG ,[object Object],[object Object],[object Object]
8 Princípios dos DAG ,[object Object],[object Object],[object Object]
8 Princípios dos DAG ,[object Object],[object Object]
8 Princípios dos DAG ,[object Object],[object Object],[object Object]
8 Princípios dos DAG ,[object Object]
Efeitos ,[object Object],[object Object],[object Object]
Como disponibilizar? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Saiba mais sobre DAG ,[object Object],[object Object],[object Object],[object Object]
Projeto de Lei de Acesso à Informação Pública ,[object Object],[object Object],[object Object]
Exemplos de Aplicações sobre DAG ,[object Object],[object Object],[object Object],[object Object]
ACESSIBILIDADE NA WEB
O que é Acessibilidade? ,[object Object],[object Object]
Onde tem acessibilidade? ,[object Object],[object Object]
Acessibilidade. Siga esta idéia ,[object Object],[object Object],[object Object]
Onde tem acessibilidade? ,[object Object],[object Object],[object Object],[object Object],[object Object]
Onde tem acessibilidade? ,[object Object],[object Object]
Tipos de Deficiência ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Tipos de Deficiência ,[object Object],[object Object],[object Object],[object Object],[object Object]
Cegueira de Cores ,[object Object],[object Object],[object Object],[object Object],[object Object]
Cegueira de Cores ,[object Object],[object Object],[object Object],[object Object]
População com Deficiência ,[object Object],[object Object],[object Object]
População com Deficiência mais de 24 milhões (14%) possuem ao menos uma das deficiências enumeradas na pesquisa do IBGE!
População Idosa ,[object Object],[object Object],[object Object]
Deficientes Técnicos ,[object Object],[object Object]
25% dos Usuários Web são Deficientes ,[object Object],[object Object]
Tecnologias Assistivas ,[object Object],[object Object],[object Object],[object Object]
Tecnologias Assistivas ,[object Object],[object Object]
Tecnologias Assistivas
Leitores de Tela ,[object Object],[object Object]
Leitores de Tela ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Navegar como um Cego ,[object Object]
Dificuldades no Acesso Web ,[object Object],[object Object],[object Object]
Obstáculos para Deficientes Visuais ,[object Object],[object Object],[object Object],[object Object]
Obstáculos para Deficientes Visuais ,[object Object],[object Object],[object Object],[object Object]
Obstáculos para Deficientes Visuais ,[object Object],[object Object],[object Object],[object Object]
Obstáculos para Deficientes Visuais ,[object Object],[object Object],[object Object],[object Object]
Obstáculos para Deficientes Auditivos ,[object Object],[object Object],[object Object]
Obstáculos para Deficientes Físicos (motores) ,[object Object],[object Object],[object Object]
Obstáculos para Deficientes Cognitivos ,[object Object],[object Object],[object Object],[object Object]
Obstáculos para Deficientes Cognitivos ,[object Object],[object Object]
Obstáculos para pessoas Idosas ,[object Object],[object Object]
Obstáculos para pessoas Idosas ,[object Object],[object Object],[object Object]
Obstáculos para pessoas Idosas ,[object Object],[object Object]
Obstáculos para pessoas Idosas ,[object Object],[object Object],[object Object]
Diretrizes e Legislação ,[object Object]
No Brasil ,[object Object],[object Object],[object Object]
No Brasil ,[object Object],[object Object]
No Brasil ,[object Object],[object Object],[object Object],[object Object]
Em Portugal ,[object Object],[object Object],[object Object],[object Object]
Em Portugal ,[object Object],[object Object],[object Object],[object Object]
Nos Estados Unidos ,[object Object],[object Object],[object Object],[object Object]
Outros Países ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
E o W3C? ,[object Object],[object Object],[object Object],[object Object],[object Object]
Authoring Tool Accessibility Guidelines (ATAG) ,[object Object],[object Object]
Authoring Tool Accessibility Guidelines (ATAG) ,[object Object],[object Object],[object Object],[object Object],[object Object]
User Agent Accessibility Guidelines (UAAG) ,[object Object],[object Object],[object Object]
Accessible Rich Internet Applications Suite (ARIA) ,[object Object]
Web Content Accessible Guidelines (WCAG) ,[object Object],[object Object]
Web Content Accessible Guidelines (WCAG) ,[object Object],[object Object],[object Object],[object Object]
Web Content Accessible Guidelines (WCAG) ,[object Object],[object Object],[object Object],[object Object]
E-MAG ,[object Object],[object Object]
Avaliadores Automáticos ,[object Object],[object Object],[object Object]
Avaliadores Automáticos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Extensões para Firefox ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Ferramentas para Cores ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Ferramentas para Cores ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
WEB SEMÂNTICA E SEO
O que é Web Semântica ,[object Object],[object Object]
O que é Web Semântica ,[object Object],[object Object]
Elementos de indicação de seções ,[object Object],[object Object],[object Object]
Div para organizar conteúdo Imagem de http://www.alistapart.com/articles/previewofhtml5
Divisões na HTML5 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Organizar conteúdo com HTML5 Imagem de http://www.alistapart.com/articles/previewofhtml5
Section ,[object Object],[object Object],[object Object],[object Object]
Article ,[object Object],[object Object]
Aside ,[object Object],[object Object],[object Object]
Nav ,[object Object],[object Object],[object Object]
Juntando tudo, um exemplo:
META ,[object Object],[object Object],[object Object]
META para Indexação ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
META para Indexação ,[object Object],[object Object],[object Object],[object Object],[object Object]
LINK ,[object Object],[object Object],[object Object],[object Object]
LINK ,[object Object],[object Object],[object Object]
Microformatos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Microdados ,[object Object],[object Object],[object Object]
Microdados ,[object Object],[object Object],[object Object]
Microdados ,[object Object],[object Object],[object Object],[object Object],[object Object]
Microdados - Exemplo ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Microdados ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
RDFa ,[object Object],[object Object],[object Object],[object Object],[object Object]
Exemplo de RDFa ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Exemplo de RDFa ,[object Object]
Aprender mais sobre Web Semântica ,[object Object],[object Object],[object Object],[object Object],[object Object]
Ferramentas de Busca com WS ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Referências e Recomendações usadas nesta Aula ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Recomendados

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
 
Artigo: Inclusão Digital das Pessoas com Deficiência
Artigo: Inclusão Digital das Pessoas com DeficiênciaArtigo: Inclusão Digital das Pessoas com Deficiência
Artigo: Inclusão Digital das Pessoas com DeficiênciaHudson Augusto
 
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
 
Acessibilidade e e-MAG
Acessibilidade e e-MAGAcessibilidade e e-MAG
Acessibilidade e e-MAGGovBR
 
TICs como Suporte as Atividades Diarias de Pessoas Surdas
TICs como Suporte as Atividades Diarias de Pessoas SurdasTICs como Suporte as Atividades Diarias de Pessoas Surdas
TICs como Suporte as Atividades Diarias de Pessoas SurdasSoraia Prietch
 
Modelo Brasileiro de Acessibilidade em Governo Eletrônico - e-MAG
Modelo Brasileiro de Acessibilidade em Governo Eletrônico - e-MAGModelo Brasileiro de Acessibilidade em Governo Eletrônico - e-MAG
Modelo Brasileiro de Acessibilidade em Governo Eletrônico - e-MAGGovBR
 
Pratica de Pesquisa
Pratica de PesquisaPratica de Pesquisa
Pratica de PesquisaHudson Augusto
 
Tecnologias de Informação e Comunicação – Domínio da Audição e Surdez - Apres...
Tecnologias de Informação e Comunicação – Domínio da Audição e Surdez - Apres...Tecnologias de Informação e Comunicação – Domínio da Audição e Surdez - Apres...
Tecnologias de Informação e Comunicação – Domínio da Audição e Surdez - Apres...Rita Brito
 

Recomendados

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
 
Artigo: Inclusão Digital das Pessoas com Deficiência
Artigo: Inclusão Digital das Pessoas com DeficiênciaArtigo: Inclusão Digital das Pessoas com Deficiência
Artigo: Inclusão Digital das Pessoas com DeficiênciaHudson Augusto
 
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
 
Acessibilidade e e-MAG
Acessibilidade e e-MAGAcessibilidade e e-MAG
Acessibilidade e e-MAGGovBR
 
TICs como Suporte as Atividades Diarias de Pessoas Surdas
TICs como Suporte as Atividades Diarias de Pessoas SurdasTICs como Suporte as Atividades Diarias de Pessoas Surdas
TICs como Suporte as Atividades Diarias de Pessoas SurdasSoraia Prietch
 
Modelo Brasileiro de Acessibilidade em Governo Eletrônico - e-MAG
Modelo Brasileiro de Acessibilidade em Governo Eletrônico - e-MAGModelo Brasileiro de Acessibilidade em Governo Eletrônico - e-MAG
Modelo Brasileiro de Acessibilidade em Governo Eletrônico - e-MAGGovBR
 
Pratica de Pesquisa
Pratica de PesquisaPratica de Pesquisa
Pratica de PesquisaHudson Augusto
 
Tecnologias de Informação e Comunicação – Domínio da Audição e Surdez - Apres...
Tecnologias de Informação e Comunicação – Domínio da Audição e Surdez - Apres...Tecnologias de Informação e Comunicação – Domínio da Audição e Surdez - Apres...
Tecnologias de Informação e Comunicação – Domínio da Audição e Surdez - Apres...Rita Brito
 
Sobradinho - Daniela Carlotto
Sobradinho - Daniela CarlottoSobradinho - Daniela Carlotto
Sobradinho - Daniela CarlottoCursoTICs
 
Conheça o e-MAG
Conheça o e-MAG Conheça o e-MAG
Conheça o e-MAG GovBR
 
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
 
Metacesso 2010
Metacesso 2010Metacesso 2010
Metacesso 2010Hudson Augusto
 
Acessibilidade e Inclusão Digital
Acessibilidade e Inclusão DigitalAcessibilidade e Inclusão Digital
Acessibilidade e Inclusão DigitalFabiano Da Ventura
 
Trabalho tecnologias-assistivas
Trabalho tecnologias-assistivasTrabalho tecnologias-assistivas
Trabalho tecnologias-assistivasMatheus de Oliveira
 
Palestra na Unirio - Tese de Doutorado
Palestra na Unirio - Tese de DoutoradoPalestra na Unirio - Tese de Doutorado
Palestra na Unirio - Tese de DoutoradoLuiz Agner
 
NSEA apresenta: e-MAG 3 e a importancia da acessibilidade
NSEA apresenta: e-MAG 3 e a importancia da acessibilidadeNSEA apresenta: e-MAG 3 e a importancia da acessibilidade
NSEA apresenta: e-MAG 3 e a importancia da acessibilidadeGovBR
 
Tecnologias de Informação e Comunicação – Domínio da Audição e Surdez - Apres...
Tecnologias de Informação e Comunicação – Domínio da Audição e Surdez - Apres...Tecnologias de Informação e Comunicação – Domínio da Audição e Surdez - Apres...
Tecnologias de Informação e Comunicação – Domínio da Audição e Surdez - Apres...Rita Brito
 
Acessibilidade
AcessibilidadeAcessibilidade
AcessibilidadeProgramando o Futuro
 
Exericicio 1 word 2013
Exericicio 1 word 2013Exericicio 1 word 2013
Exericicio 1 word 2013maiconbalke
 
Acessibilidade digital na_web_para_deficientes_visuais
Acessibilidade digital na_web_para_deficientes_visuaisAcessibilidade digital na_web_para_deficientes_visuais
Acessibilidade digital na_web_para_deficientes_visuaisMaurício Dornellas
 
Apresentação ASUS - UNISO - Outubro 2009
Apresentação ASUS - UNISO - Outubro 2009Apresentação ASUS - UNISO - Outubro 2009
Apresentação ASUS - UNISO - Outubro 2009asustecnologia
 
Evento Cinteq - apresentando e-MAG
Evento Cinteq - apresentando e-MAGEvento Cinteq - apresentando e-MAG
Evento Cinteq - apresentando e-MAGGovBR
 
Estudo sobre Tecnologias Assistivas
Estudo sobre Tecnologias AssistivasEstudo sobre Tecnologias Assistivas
Estudo sobre Tecnologias AssistivasAlcione Morais
 
E mag desenvolvedor_mod_1
E mag desenvolvedor_mod_1E mag desenvolvedor_mod_1
E mag desenvolvedor_mod_1Leo Serrao
 
@acessibilidade.pptx
@acessibilidade.pptx@acessibilidade.pptx
@acessibilidade.pptxMarivaniFaccin
 
Virada Inclusiva 2012 - Sesc Sorocaba
Virada Inclusiva 2012 - Sesc SorocabaVirada Inclusiva 2012 - Sesc Sorocaba
Virada Inclusiva 2012 - Sesc SorocabaHudson Augusto
 
Conhecendo o F123
Conhecendo o F123Conhecendo o F123
Conhecendo o F123Hudson Augusto
 
Estados e Cidadãos em Rede
Estados e Cidadãos em RedeEstados e Cidadãos em Rede
Estados e Cidadãos em RedeMaria Célia Furtado Rocha
 
Presentación sobre Datos Abiertos / Bernadette Farias
Presentación sobre Datos Abiertos / Bernadette FariasPresentación sobre Datos Abiertos / Bernadette Farias
Presentación sobre Datos Abiertos / Bernadette FariaseGobSV
 
Apresentacao okbr geral (nov 2015)
Apresentacao okbr geral (nov 2015)Apresentacao okbr geral (nov 2015)
Apresentacao okbr geral (nov 2015)Everton Zanella Alvarenga
 

Mais conteúdo relacionado

Mais procurados

Sobradinho - Daniela Carlotto
Sobradinho - Daniela CarlottoSobradinho - Daniela Carlotto
Sobradinho - Daniela CarlottoCursoTICs
 
Conheça o e-MAG
Conheça o e-MAG Conheça o e-MAG
Conheça o e-MAG GovBR
 
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 e Inclusão Digital
Acessibilidade e Inclusão DigitalAcessibilidade e Inclusão Digital
Acessibilidade e Inclusão DigitalFabiano Da Ventura
 
Palestra na Unirio - Tese de Doutorado
Palestra na Unirio - Tese de DoutoradoPalestra na Unirio - Tese de Doutorado
Palestra na Unirio - Tese de DoutoradoLuiz Agner
 
NSEA apresenta: e-MAG 3 e a importancia da acessibilidade
NSEA apresenta: e-MAG 3 e a importancia da acessibilidadeNSEA apresenta: e-MAG 3 e a importancia da acessibilidade
NSEA apresenta: e-MAG 3 e a importancia da acessibilidadeGovBR
 
Tecnologias de Informação e Comunicação – Domínio da Audição e Surdez - Apres...
Tecnologias de Informação e Comunicação – Domínio da Audição e Surdez - Apres...Tecnologias de Informação e Comunicação – Domínio da Audição e Surdez - Apres...
Tecnologias de Informação e Comunicação – Domínio da Audição e Surdez - Apres...Rita Brito
 

Mais procurados (10)

Sobradinho - Daniela Carlotto
Sobradinho - Daniela CarlottoSobradinho - Daniela Carlotto
Sobradinho - Daniela Carlotto
 
Conheça o e-MAG
Conheça o e-MAG Conheça o e-MAG
Conheça o e-MAG
 
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
 
Metacesso 2010
Metacesso 2010Metacesso 2010
Metacesso 2010
 
Acessibilidade e Inclusão Digital
Acessibilidade e Inclusão DigitalAcessibilidade e Inclusão Digital
Acessibilidade e Inclusão Digital
 
Trabalho tecnologias-assistivas
Trabalho tecnologias-assistivasTrabalho tecnologias-assistivas
Trabalho tecnologias-assistivas
 
Palestra na Unirio - Tese de Doutorado
Palestra na Unirio - Tese de DoutoradoPalestra na Unirio - Tese de Doutorado
Palestra na Unirio - Tese de Doutorado
 
NSEA apresenta: e-MAG 3 e a importancia da acessibilidade
NSEA apresenta: e-MAG 3 e a importancia da acessibilidadeNSEA apresenta: e-MAG 3 e a importancia da acessibilidade
NSEA apresenta: e-MAG 3 e a importancia da acessibilidade
 
Tecnologias de Informação e Comunicação – Domínio da Audição e Surdez - Apres...
Tecnologias de Informação e Comunicação – Domínio da Audição e Surdez - Apres...Tecnologias de Informação e Comunicação – Domínio da Audição e Surdez - Apres...
Tecnologias de Informação e Comunicação – Domínio da Audição e Surdez - Apres...
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 

Semelhante a Introdução aos Padrões Web e Acessibilidade

Exericicio 1 word 2013
Exericicio 1 word 2013Exericicio 1 word 2013
Exericicio 1 word 2013maiconbalke
 
Acessibilidade digital na_web_para_deficientes_visuais
Acessibilidade digital na_web_para_deficientes_visuaisAcessibilidade digital na_web_para_deficientes_visuais
Acessibilidade digital na_web_para_deficientes_visuaisMaurício Dornellas
 
Apresentação ASUS - UNISO - Outubro 2009
Apresentação ASUS - UNISO - Outubro 2009Apresentação ASUS - UNISO - Outubro 2009
Apresentação ASUS - UNISO - Outubro 2009asustecnologia
 
Evento Cinteq - apresentando e-MAG
Evento Cinteq - apresentando e-MAGEvento Cinteq - apresentando e-MAG
Evento Cinteq - apresentando e-MAGGovBR
 
Estudo sobre Tecnologias Assistivas
Estudo sobre Tecnologias AssistivasEstudo sobre Tecnologias Assistivas
Estudo sobre Tecnologias AssistivasAlcione Morais
 
E mag desenvolvedor_mod_1
E mag desenvolvedor_mod_1E mag desenvolvedor_mod_1
E mag desenvolvedor_mod_1Leo Serrao
 
Virada Inclusiva 2012 - Sesc Sorocaba
Virada Inclusiva 2012 - Sesc SorocabaVirada Inclusiva 2012 - Sesc Sorocaba
Virada Inclusiva 2012 - Sesc SorocabaHudson Augusto
 
Presentación sobre Datos Abiertos / Bernadette Farias
Presentación sobre Datos Abiertos / Bernadette FariasPresentación sobre Datos Abiertos / Bernadette Farias
Presentación sobre Datos Abiertos / Bernadette FariaseGobSV
 
Infoinclusão para todos
Infoinclusão para todosInfoinclusão para todos
Infoinclusão para todosGiselle Lemes
 
Infoinclusão para todos
Infoinclusão para todosInfoinclusão para todos
Infoinclusão para todosGiselle Lemes
 
TDC2017 | São Paulo - Trilha Acessibilidade How we figured out we had a SRE t...
TDC2017 | São Paulo - Trilha Acessibilidade How we figured out we had a SRE t...TDC2017 | São Paulo - Trilha Acessibilidade How we figured out we had a SRE t...
TDC2017 | São Paulo - Trilha Acessibilidade How we figured out we had a SRE t...tdc-globalcode
 
Estamos projetando para todas as pessoas?
Estamos projetando para todas as pessoas?Estamos projetando para todas as pessoas?
Estamos projetando para todas as pessoas?Beatriz Lonskis
 
Apresentação Asus_Uniso
Apresentação Asus_UnisoApresentação Asus_Uniso
Apresentação Asus_Unisoasustecnologia
 
Manual dados-abertos-web
Manual dados-abertos-webManual dados-abertos-web
Manual dados-abertos-webHudson Augusto
 
Manual dados abertos_web
Manual dados abertos_webManual dados abertos_web
Manual dados abertos_webLisandro Michel
 

Semelhante a Introdução aos Padrões Web e Acessibilidade (20)

Exericicio 1 word 2013
Exericicio 1 word 2013Exericicio 1 word 2013
Exericicio 1 word 2013
 
Acessibilidade digital na_web_para_deficientes_visuais
Acessibilidade digital na_web_para_deficientes_visuaisAcessibilidade digital na_web_para_deficientes_visuais
Acessibilidade digital na_web_para_deficientes_visuais
 
Apresentação ASUS - UNISO - Outubro 2009
Apresentação ASUS - UNISO - Outubro 2009Apresentação ASUS - UNISO - Outubro 2009
Apresentação ASUS - UNISO - Outubro 2009
 
Evento Cinteq - apresentando e-MAG
Evento Cinteq - apresentando e-MAGEvento Cinteq - apresentando e-MAG
Evento Cinteq - apresentando e-MAG
 
Estudo sobre Tecnologias Assistivas
Estudo sobre Tecnologias AssistivasEstudo sobre Tecnologias Assistivas
Estudo sobre Tecnologias Assistivas
 
E mag desenvolvedor_mod_1
E mag desenvolvedor_mod_1E mag desenvolvedor_mod_1
E mag desenvolvedor_mod_1
 
@acessibilidade.pptx
@acessibilidade.pptx@acessibilidade.pptx
@acessibilidade.pptx
 
Virada Inclusiva 2012 - Sesc Sorocaba
Virada Inclusiva 2012 - Sesc SorocabaVirada Inclusiva 2012 - Sesc Sorocaba
Virada Inclusiva 2012 - Sesc Sorocaba
 
Conhecendo o F123
Conhecendo o F123Conhecendo o F123
Conhecendo o F123
 
Estados e Cidadãos em Rede
Estados e Cidadãos em RedeEstados e Cidadãos em Rede
Estados e Cidadãos em Rede
 
Presentación sobre Datos Abiertos / Bernadette Farias
Presentación sobre Datos Abiertos / Bernadette FariasPresentación sobre Datos Abiertos / Bernadette Farias
Presentación sobre Datos Abiertos / Bernadette Farias
 
Apresentacao okbr geral (nov 2015)
Apresentacao okbr geral (nov 2015)Apresentacao okbr geral (nov 2015)
Apresentacao okbr geral (nov 2015)
 
Infoinclusão para todos
Infoinclusão para todosInfoinclusão para todos
Infoinclusão para todos
 
Infoinclusão para todos
Infoinclusão para todosInfoinclusão para todos
Infoinclusão para todos
 
Acessibilidade web
Acessibilidade webAcessibilidade web
Acessibilidade web
 
TDC2017 | São Paulo - Trilha Acessibilidade How we figured out we had a SRE t...
TDC2017 | São Paulo - Trilha Acessibilidade How we figured out we had a SRE t...TDC2017 | São Paulo - Trilha Acessibilidade How we figured out we had a SRE t...
TDC2017 | São Paulo - Trilha Acessibilidade How we figured out we had a SRE t...
 
Estamos projetando para todas as pessoas?
Estamos projetando para todas as pessoas?Estamos projetando para todas as pessoas?
Estamos projetando para todas as pessoas?
 
Apresentação Asus_Uniso
Apresentação Asus_UnisoApresentação Asus_Uniso
Apresentação Asus_Uniso
 
Manual dados-abertos-web
Manual dados-abertos-webManual dados-abertos-web
Manual dados-abertos-web
 
Manual dados abertos_web
Manual dados abertos_webManual dados abertos_web
Manual dados abertos_web
 

Mais de MBA em Marketing Digital e Gestão de Projetos Web

Mais de MBA em Marketing Digital e Gestão de Projetos Web (20)

Aula 02 - Planejamento de Marketing Digital e Tópicos de Mobile Marketing - t...
Aula 02 - Planejamento de Marketing Digital e Tópicos de Mobile Marketing - t...Aula 02 - Planejamento de Marketing Digital e Tópicos de Mobile Marketing - t...
Aula 02 - Planejamento de Marketing Digital e Tópicos de Mobile Marketing - t...
 
Aula 01 - Planejamento de Marketing Digital e Tópicos de Mobile Marketing - t...
Aula 01 - Planejamento de Marketing Digital e Tópicos de Mobile Marketing - t...Aula 01 - Planejamento de Marketing Digital e Tópicos de Mobile Marketing - t...
Aula 01 - Planejamento de Marketing Digital e Tópicos de Mobile Marketing - t...
 
Logistica aplicada ao e-business - aula 1 - turma 01 e 02
Logistica aplicada ao e-business - aula 1 - turma 01 e 02Logistica aplicada ao e-business - aula 1 - turma 01 e 02
Logistica aplicada ao e-business - aula 1 - turma 01 e 02
 
Cibercultura e redes sociais - aula 04 - turma 03
Cibercultura e redes sociais - aula 04 - turma 03Cibercultura e redes sociais - aula 04 - turma 03
Cibercultura e redes sociais - aula 04 - turma 03
 
Cibercultura e redes sociais - aula 03 - turma 03
Cibercultura e redes sociais - aula 03 - turma 03Cibercultura e redes sociais - aula 03 - turma 03
Cibercultura e redes sociais - aula 03 - turma 03
 
Comércio Eletrônico e Métodos de pagamento on line - aula 03 - turma 01 e 02
Comércio Eletrônico e Métodos de pagamento on line - aula 03 - turma 01 e 02Comércio Eletrônico e Métodos de pagamento on line - aula 03 - turma 01 e 02
Comércio Eletrônico e Métodos de pagamento on line - aula 03 - turma 01 e 02
 
Cibercultura e redes sociais - aula 02 - turma 03
Cibercultura e redes sociais - aula 02 - turma 03Cibercultura e redes sociais - aula 02 - turma 03
Cibercultura e redes sociais - aula 02 - turma 03
 
Cibercultura e Redes sociais - aula 01 - turma 03
Cibercultura e Redes sociais - aula 01 - turma 03Cibercultura e Redes sociais - aula 01 - turma 03
Cibercultura e Redes sociais - aula 01 - turma 03
 
Comércio Eletrônico e Métodos de pagamento on line - Aula 02
Comércio Eletrônico e Métodos de pagamento on line - Aula 02Comércio Eletrônico e Métodos de pagamento on line - Aula 02
Comércio Eletrônico e Métodos de pagamento on line - Aula 02
 
Comércio Eletrônico e Métodos de pagamento on line - Aula 01
Comércio Eletrônico e Métodos de pagamento on line - Aula 01Comércio Eletrônico e Métodos de pagamento on line - Aula 01
Comércio Eletrônico e Métodos de pagamento on line - Aula 01
 
Comportamento do consumidor online e gestão de marcas 4
Comportamento do consumidor online e gestão de marcas 4Comportamento do consumidor online e gestão de marcas 4
Comportamento do consumidor online e gestão de marcas 4
 
Comportamento do consumidor online e gestão de marcas 3
Comportamento do consumidor online e gestão de marcas 3Comportamento do consumidor online e gestão de marcas 3
Comportamento do consumidor online e gestão de marcas 3
 
Comportamento do consumidor e gestão de marcas aula 1 e 2
Comportamento do consumidor e gestão de marcas aula 1 e 2 Comportamento do consumidor e gestão de marcas aula 1 e 2
Comportamento do consumidor e gestão de marcas aula 1 e 2
 
Planejamento de Marketing Digital - Parte 5
Planejamento de Marketing Digital - Parte 5Planejamento de Marketing Digital - Parte 5
Planejamento de Marketing Digital - Parte 5
 
Planejamento de Marketing Digital - Parte 4
Planejamento de Marketing Digital - Parte 4Planejamento de Marketing Digital - Parte 4
Planejamento de Marketing Digital - Parte 4
 
Planejamento de Marketing Digital - Parte 3
Planejamento de Marketing Digital - Parte 3Planejamento de Marketing Digital - Parte 3
Planejamento de Marketing Digital - Parte 3
 
Planejamento de Marketing Digital - Parte 2
Planejamento de Marketing Digital - Parte 2Planejamento de Marketing Digital - Parte 2
Planejamento de Marketing Digital - Parte 2
 
Planejamento de Marketing Digital - Parte 1
Planejamento de Marketing Digital - Parte 1Planejamento de Marketing Digital - Parte 1
Planejamento de Marketing Digital - Parte 1
 
Métodos e técnicas de Pesquisa
Métodos e técnicas de PesquisaMétodos e técnicas de Pesquisa
Métodos e técnicas de Pesquisa
 
Kanban e Scrum: obtendo o melhor de ambos
Kanban e Scrum: obtendo o melhor de ambosKanban e Scrum: obtendo o melhor de ambos
Kanban e Scrum: obtendo o melhor de ambos
 

Último

ABRIL VERDE.pptx Slide sobre abril ver 2024
ABRIL VERDE.pptx Slide sobre abril ver 2024ABRIL VERDE.pptx Slide sobre abril ver 2024
ABRIL VERDE.pptx Slide sobre abril ver 2024Jeanoliveira597523
 
Bullying - Atividade com caça- palavras
Bullying - Atividade com caça- palavrasBullying - Atividade com caça- palavras
Bullying - Atividade com caça- palavrasMary Alvarenga
 
Manual da CPSA_1_Agir com Autonomia para envio
Manual da CPSA_1_Agir com Autonomia para envioManual da CPSA_1_Agir com Autonomia para envio
Manual da CPSA_1_Agir com Autonomia para envioManuais Formação
 
A horta do Senhor Lobo que protege a sua horta.
A horta do Senhor Lobo que protege a sua horta.A horta do Senhor Lobo que protege a sua horta.
A horta do Senhor Lobo que protege a sua horta.silves15
 
1.ª Fase do Modernismo Brasileira - Contexto histórico, autores e obras.
1.ª Fase do Modernismo Brasileira - Contexto histórico, autores e obras.1.ª Fase do Modernismo Brasileira - Contexto histórico, autores e obras.
1.ª Fase do Modernismo Brasileira - Contexto histórico, autores e obras.MrPitobaldo
 
Nova BNCC Atualizada para novas pesquisas
Nova BNCC Atualizada para novas pesquisasNova BNCC Atualizada para novas pesquisas
Nova BNCC Atualizada para novas pesquisasraveccavp
 
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASBCRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASBAline Santana
 
Mapa mental - Classificação dos seres vivos .docx
Mapa mental - Classificação dos seres vivos .docxMapa mental - Classificação dos seres vivos .docx
Mapa mental - Classificação dos seres vivos .docxBeatrizLittig1
 
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicasCenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicasRosalina Simão Nunes
 
AULA SOBRE AMERICA LATINA E ANGLO SAXONICA.pptx
AULA SOBRE AMERICA LATINA E ANGLO SAXONICA.pptxAULA SOBRE AMERICA LATINA E ANGLO SAXONICA.pptx
AULA SOBRE AMERICA LATINA E ANGLO SAXONICA.pptxLaurindo6
 
Programa de Intervenção com Habilidades Motoras
Programa de Intervenção com Habilidades MotorasPrograma de Intervenção com Habilidades Motoras
Programa de Intervenção com Habilidades MotorasCassio Meira Jr.
 
Bullying - Texto e cruzadinha
Bullying - Texto e cruzadinhaBullying - Texto e cruzadinha
Bullying - Texto e cruzadinhaMary Alvarenga
 
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -Aline Santana
 
GÊNERO TEXTUAL - TIRINHAS - Charges - Cartum
GÊNERO TEXTUAL - TIRINHAS - Charges - CartumGÊNERO TEXTUAL - TIRINHAS - Charges - Cartum
GÊNERO TEXTUAL - TIRINHAS - Charges - CartumAugusto Costa
 
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptxSlides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptxLuizHenriquedeAlmeid6
 
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptx
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptxAD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptx
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptxkarinedarozabatista
 
Slides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptx
Slides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptxSlides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptx
Slides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptxLuizHenriquedeAlmeid6
 
LEMBRANDO A MORTE E CELEBRANDO A RESSUREIÇÃO
LEMBRANDO A MORTE E CELEBRANDO A RESSUREIÇÃOLEMBRANDO A MORTE E CELEBRANDO A RESSUREIÇÃO
LEMBRANDO A MORTE E CELEBRANDO A RESSUREIÇÃOColégio Santa Teresinha
 
[Bloco 7] Recomposição das Aprendizagens.pptx
[Bloco 7] Recomposição das Aprendizagens.pptx[Bloco 7] Recomposição das Aprendizagens.pptx
[Bloco 7] Recomposição das Aprendizagens.pptxLinoReisLino
 

Último (20)

ABRIL VERDE.pptx Slide sobre abril ver 2024
ABRIL VERDE.pptx Slide sobre abril ver 2024ABRIL VERDE.pptx Slide sobre abril ver 2024
ABRIL VERDE.pptx Slide sobre abril ver 2024
 
Bullying - Atividade com caça- palavras
Bullying - Atividade com caça- palavrasBullying - Atividade com caça- palavras
Bullying - Atividade com caça- palavras
 
Manual da CPSA_1_Agir com Autonomia para envio
Manual da CPSA_1_Agir com Autonomia para envioManual da CPSA_1_Agir com Autonomia para envio
Manual da CPSA_1_Agir com Autonomia para envio
 
A horta do Senhor Lobo que protege a sua horta.
A horta do Senhor Lobo que protege a sua horta.A horta do Senhor Lobo que protege a sua horta.
A horta do Senhor Lobo que protege a sua horta.
 
1.ª Fase do Modernismo Brasileira - Contexto histórico, autores e obras.
1.ª Fase do Modernismo Brasileira - Contexto histórico, autores e obras.1.ª Fase do Modernismo Brasileira - Contexto histórico, autores e obras.
1.ª Fase do Modernismo Brasileira - Contexto histórico, autores e obras.
 
Bullying, sai pra lá
Bullying, sai pra láBullying, sai pra lá
Bullying, sai pra lá
 
Nova BNCC Atualizada para novas pesquisas
Nova BNCC Atualizada para novas pesquisasNova BNCC Atualizada para novas pesquisas
Nova BNCC Atualizada para novas pesquisas
 
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASBCRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
 
Mapa mental - Classificação dos seres vivos .docx
Mapa mental - Classificação dos seres vivos .docxMapa mental - Classificação dos seres vivos .docx
Mapa mental - Classificação dos seres vivos .docx
 
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicasCenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
 
AULA SOBRE AMERICA LATINA E ANGLO SAXONICA.pptx
AULA SOBRE AMERICA LATINA E ANGLO SAXONICA.pptxAULA SOBRE AMERICA LATINA E ANGLO SAXONICA.pptx
AULA SOBRE AMERICA LATINA E ANGLO SAXONICA.pptx
 
Programa de Intervenção com Habilidades Motoras
Programa de Intervenção com Habilidades MotorasPrograma de Intervenção com Habilidades Motoras
Programa de Intervenção com Habilidades Motoras
 
Bullying - Texto e cruzadinha
Bullying - Texto e cruzadinhaBullying - Texto e cruzadinha
Bullying - Texto e cruzadinha
 
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -
 
GÊNERO TEXTUAL - TIRINHAS - Charges - Cartum
GÊNERO TEXTUAL - TIRINHAS - Charges - CartumGÊNERO TEXTUAL - TIRINHAS - Charges - Cartum
GÊNERO TEXTUAL - TIRINHAS - Charges - Cartum
 
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptxSlides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
 
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptx
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptxAD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptx
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptx
 
Slides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptx
Slides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptxSlides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptx
Slides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptx
 
LEMBRANDO A MORTE E CELEBRANDO A RESSUREIÇÃO
LEMBRANDO A MORTE E CELEBRANDO A RESSUREIÇÃOLEMBRANDO A MORTE E CELEBRANDO A RESSUREIÇÃO
LEMBRANDO A MORTE E CELEBRANDO A RESSUREIÇÃO
 
[Bloco 7] Recomposição das Aprendizagens.pptx
[Bloco 7] Recomposição das Aprendizagens.pptx[Bloco 7] Recomposição das Aprendizagens.pptx
[Bloco 7] Recomposição das Aprendizagens.pptx
 

Introdução aos Padrões Web e Acessibilidade

  • 1. Introdução aos Padrões Web e Tecnologias para o Ambiente Digital Thiago Prado de Campos Aula 3 10/junho/2011
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31. População com Deficiência mais de 24 milhões (14%) possuem ao menos uma das deficiências enumeradas na pesquisa do IBGE!
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.
  • 70.
  • 71.
  • 72.
  • 73.
  • 74.
  • 75.
  • 77.
  • 78.
  • 79.
  • 80. Div para organizar conteúdo Imagem de http://www.alistapart.com/articles/previewofhtml5
  • 81.
  • 82. Organizar conteúdo com HTML5 Imagem de http://www.alistapart.com/articles/previewofhtml5
  • 83.
  • 84.
  • 85.
  • 86.
  • 87. Juntando tudo, um exemplo:
  • 88.
  • 89.
  • 90.
  • 91.
  • 92.
  • 93.
  • 94.
  • 95.
  • 96.
  • 97.
  • 98.
  • 99.
  • 100.
  • 101.
  • 102.
  • 103.
  • 104.

Notas do Editor

  1. Thiago Prado de Campos - www.thiagotpc.com
  2. 01m30s Dizer que é responsável pelo site do Campus Londrina
  3. 01m30s Dizer que é responsável pelo site do Campus Londrina
  4. 01m30s Dizer que é responsável pelo site do Campus Londrina
  5. 01m30s Dizer que é responsável pelo site do Campus Londrina
  6. 01m30s Dizer que é responsável pelo site do Campus Londrina