SlideShare uma empresa Scribd logo

Nobody leaves this place without coding an accessible projetc

Reinaldo Ferraz
Reinaldo Ferraz
Reinaldo FerrazWeb Development Specialist at W3C Escritório Brasil - W3C Brazil Office em W3C Escritório Brasil - W3C Brazil Office

Palestra sobre acessibilidade na Web, WCAG e ARIA no Front In Sampa em 14 de setembro de 2013

Nobody leaves this place without coding an accessible projetc

1 de 70
Baixar para ler offline
Nobody leaves this place without coding an accessible projetc
http://youtu.be/VbruE1qIFQA
Nobody leaves this place without coding an accessible projetc
Nobody leaves this place without coding an accessible projetc
Nobody leaves this place without coding an accessible projetc
Nobody leaves this place without coding an accessible projetc

Recomendados

Fazendo a Web falar: HTML5, WAI-ARIA e NVDA
Fazendo a Web falar: HTML5, WAI-ARIA e NVDAFazendo a Web falar: HTML5, WAI-ARIA e NVDA
Fazendo a Web falar: HTML5, WAI-ARIA e NVDAReinaldo Ferraz
 
Panorama da Acessibilidade nas redes sociais
Panorama da Acessibilidade nas redes sociaisPanorama da Acessibilidade nas redes sociais
Panorama da Acessibilidade nas redes sociaisReinaldo Ferraz
 
Acessibilidade na Web - GoogleI/O SP
Acessibilidade na Web - GoogleI/O SPAcessibilidade na Web - GoogleI/O SP
Acessibilidade na Web - GoogleI/O SPReinaldo Ferraz
 
Acessibilidade na web - Computer on the Beach 2015
Acessibilidade na web - Computer on the Beach 2015Acessibilidade na web - Computer on the Beach 2015
Acessibilidade na web - Computer on the Beach 2015Reinaldo Ferraz
 
Existe teste de acessibilidade digital tdc sp - 2019
Existe teste de acessibilidade digital   tdc sp - 2019Existe teste de acessibilidade digital   tdc sp - 2019
Existe teste de acessibilidade digital tdc sp - 2019Maurício Pereiro
 
Acessibilidade na Web modo Jedi Master
Acessibilidade na Web modo Jedi MasterAcessibilidade na Web modo Jedi Master
Acessibilidade na Web modo Jedi MasterReinaldo Ferraz
 
A saga dos 12 tópicos de acessibilidade na Web
A saga dos 12 tópicos de acessibilidade na WebA saga dos 12 tópicos de acessibilidade na Web
A saga dos 12 tópicos de acessibilidade na WebReinaldo Ferraz
 

Mais conteúdo relacionado

Destaque

Acessibilidade na Web - CPBR Recife 2012
Acessibilidade na Web - CPBR Recife 2012Acessibilidade na Web - CPBR Recife 2012
Acessibilidade na Web - CPBR Recife 2012Reinaldo Ferraz
 
Acessibilidade na Web - edted2010
Acessibilidade na Web -  edted2010Acessibilidade na Web -  edted2010
Acessibilidade na Web - edted2010Reinaldo Ferraz
 
Acessibilidade na Web - Front In Poa - 2012
Acessibilidade na Web - Front In Poa - 2012Acessibilidade na Web - Front In Poa - 2012
Acessibilidade na Web - Front In Poa - 2012Reinaldo Ferraz
 
Oficina de acessibilidade Secop2012
Oficina de acessibilidade Secop2012Oficina de acessibilidade Secop2012
Oficina de acessibilidade Secop2012Reinaldo Ferraz
 
Passado, presente e futuro da Web
Passado, presente e futuro da WebPassado, presente e futuro da Web
Passado, presente e futuro da WebReinaldo Ferraz
 
HTML5 e o futuro da Web - Senac Consolação 2012
HTML5 e o futuro da Web - Senac Consolação 2012HTML5 e o futuro da Web - Senac Consolação 2012
HTML5 e o futuro da Web - Senac Consolação 2012Reinaldo Ferraz
 
Campus Party - janeiro 2010
Campus Party - janeiro 2010Campus Party - janeiro 2010
Campus Party - janeiro 2010Reinaldo Ferraz
 
Tutorial de acessibilidade na Web - 2009
Tutorial de acessibilidade na Web - 2009Tutorial de acessibilidade na Web - 2009
Tutorial de acessibilidade na Web - 2009Reinaldo Ferraz
 
Open Web and Open Data Conf irm 2013
Open Web and Open Data Conf irm 2013Open Web and Open Data Conf irm 2013
Open Web and Open Data Conf irm 2013Reinaldo Ferraz
 
Acessibilidade na Web - Fapce 2013
Acessibilidade na Web - Fapce 2013Acessibilidade na Web - Fapce 2013
Acessibilidade na Web - Fapce 2013Reinaldo Ferraz
 
Using WCAG and ARIA for an accessible project
Using WCAG and ARIA for an accessible projectUsing WCAG and ARIA for an accessible project
Using WCAG and ARIA for an accessible projectReinaldo Ferraz
 
Star Wars e o Desenvolvimento web
Star Wars e o Desenvolvimento webStar Wars e o Desenvolvimento web
Star Wars e o Desenvolvimento webReinaldo Ferraz
 
HTML5, Mobile Web e além - Computer on the beach 2015
HTML5, Mobile Web e além - Computer on the beach 2015HTML5, Mobile Web e além - Computer on the beach 2015
HTML5, Mobile Web e além - Computer on the beach 2015Reinaldo Ferraz
 
Re-descentralizar a web!
Re-descentralizar a web!Re-descentralizar a web!
Re-descentralizar a web!Reinaldo Ferraz
 
Internet das Coisas - Aprisionamento ou descentralização social?
Internet das Coisas - Aprisionamento ou descentralização social?Internet das Coisas - Aprisionamento ou descentralização social?
Internet das Coisas - Aprisionamento ou descentralização social?Reinaldo Ferraz
 
Web das Coisas - Que tal fazer coisas que sejam realmente úteis?
Web das Coisas - Que tal fazer coisas que sejam realmente úteis?Web das Coisas - Que tal fazer coisas que sejam realmente úteis?
Web das Coisas - Que tal fazer coisas que sejam realmente úteis?Reinaldo Ferraz
 

Destaque (20)

Acessibilidade na Web - CPBR Recife 2012
Acessibilidade na Web - CPBR Recife 2012Acessibilidade na Web - CPBR Recife 2012
Acessibilidade na Web - CPBR Recife 2012
 
Acessibilidade na Web - edted2010
Acessibilidade na Web -  edted2010Acessibilidade na Web -  edted2010
Acessibilidade na Web - edted2010
 
Acessibilidade na Web - Front In Poa - 2012
Acessibilidade na Web - Front In Poa - 2012Acessibilidade na Web - Front In Poa - 2012
Acessibilidade na Web - Front In Poa - 2012
 
Acessibilidade na Web
Acessibilidade na WebAcessibilidade na Web
Acessibilidade na Web
 
Mobile Web e HTML5
Mobile Web e HTML5Mobile Web e HTML5
Mobile Web e HTML5
 
Oficina de acessibilidade Secop2012
Oficina de acessibilidade Secop2012Oficina de acessibilidade Secop2012
Oficina de acessibilidade Secop2012
 
Passado, presente e futuro da Web
Passado, presente e futuro da WebPassado, presente e futuro da Web
Passado, presente e futuro da Web
 
HTML5 e o futuro da Web - Senac Consolação 2012
HTML5 e o futuro da Web - Senac Consolação 2012HTML5 e o futuro da Web - Senac Consolação 2012
HTML5 e o futuro da Web - Senac Consolação 2012
 
Campus Party - janeiro 2010
Campus Party - janeiro 2010Campus Party - janeiro 2010
Campus Party - janeiro 2010
 
Tutorial de acessibilidade na Web - 2009
Tutorial de acessibilidade na Web - 2009Tutorial de acessibilidade na Web - 2009
Tutorial de acessibilidade na Web - 2009
 
Open Web and Open Data Conf irm 2013
Open Web and Open Data Conf irm 2013Open Web and Open Data Conf irm 2013
Open Web and Open Data Conf irm 2013
 
Acessibilidade na Web - Fapce 2013
Acessibilidade na Web - Fapce 2013Acessibilidade na Web - Fapce 2013
Acessibilidade na Web - Fapce 2013
 
Usuários idosos na Web
Usuários idosos na WebUsuários idosos na Web
Usuários idosos na Web
 
Using WCAG and ARIA for an accessible project
Using WCAG and ARIA for an accessible projectUsing WCAG and ARIA for an accessible project
Using WCAG and ARIA for an accessible project
 
Star Wars e o Desenvolvimento web
Star Wars e o Desenvolvimento webStar Wars e o Desenvolvimento web
Star Wars e o Desenvolvimento web
 
HTML5, Mobile Web e além - Computer on the beach 2015
HTML5, Mobile Web e além - Computer on the beach 2015HTML5, Mobile Web e além - Computer on the beach 2015
HTML5, Mobile Web e além - Computer on the beach 2015
 
Html5 em 30 minutos
Html5 em 30 minutosHtml5 em 30 minutos
Html5 em 30 minutos
 
Re-descentralizar a web!
Re-descentralizar a web!Re-descentralizar a web!
Re-descentralizar a web!
 
Internet das Coisas - Aprisionamento ou descentralização social?
Internet das Coisas - Aprisionamento ou descentralização social?Internet das Coisas - Aprisionamento ou descentralização social?
Internet das Coisas - Aprisionamento ou descentralização social?
 
Web das Coisas - Que tal fazer coisas que sejam realmente úteis?
Web das Coisas - Que tal fazer coisas que sejam realmente úteis?Web das Coisas - Que tal fazer coisas que sejam realmente úteis?
Web das Coisas - Que tal fazer coisas que sejam realmente úteis?
 

Semelhante a Nobody leaves this place without coding an accessible projetc

Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIAReinaldo Ferraz
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIACentro Web
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIACentro Web
 
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinas
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinasAcessibilidade na Web: Construíndo páginas para pessoas e não só para máquinas
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinasReinaldo Ferraz
 
Acessibilidade na Web - Desenvolvendo para pessoas e não só para máquinas
Acessibilidade na Web - Desenvolvendo para pessoas e não só para máquinasAcessibilidade na Web - Desenvolvendo para pessoas e não só para máquinas
Acessibilidade na Web - Desenvolvendo para pessoas e não só para máquinasCentro Web
 
Html acessivel - Um guia rápido para melhorar a acessibilidade das suas págin...
Html acessivel - Um guia rápido para melhorar a acessibilidade das suas págin...Html acessivel - Um guia rápido para melhorar a acessibilidade das suas págin...
Html acessivel - Um guia rápido para melhorar a acessibilidade das suas págin...Centro Web
 
Acessibilidade e Usabilidade em Design Digital
Acessibilidade e Usabilidade em Design DigitalAcessibilidade e Usabilidade em Design Digital
Acessibilidade e Usabilidade em Design DigitalGabriel Henrique
 
Acessibilidade para Web
Acessibilidade para WebAcessibilidade para Web
Acessibilidade para WebJoão Conserva
 
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015Reinaldo Ferraz
 
HTML 5, CSS 3 e o futuro da Web
HTML 5, CSS 3 e o futuro da WebHTML 5, CSS 3 e o futuro da Web
HTML 5, CSS 3 e o futuro da WebDiego Pessoa
 
Mini Curso - jQuery - FMU
Mini Curso - jQuery - FMUMini Curso - jQuery - FMU
Mini Curso - jQuery - FMUThiago Ericson
 
Gráficos Vetoriais na Web com SVG
Gráficos Vetoriais na Web com SVGGráficos Vetoriais na Web com SVG
Gráficos Vetoriais na Web com SVGHelder da Rocha
 
HTML5- Road Show TI - Senac Jaboticabal
HTML5- Road Show TI -  Senac Jaboticabal HTML5- Road Show TI -  Senac Jaboticabal
HTML5- Road Show TI - Senac Jaboticabal Clécio Bachini
 
Tutorial sobre Bootstrap
Tutorial sobre BootstrapTutorial sobre Bootstrap
Tutorial sobre BootstrapIvo Calado
 
Acessibilidade na Web - iseminar 2011
Acessibilidade na Web -  iseminar 2011Acessibilidade na Web -  iseminar 2011
Acessibilidade na Web - iseminar 2011Reinaldo Ferraz
 
Descomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao FrameworkDescomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao FrameworkPablo Garrido
 
Javascript truquesmagicos
Javascript truquesmagicosJavascript truquesmagicos
Javascript truquesmagicosponto hacker
 

Semelhante a Nobody leaves this place without coding an accessible projetc (20)

Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
 
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinas
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinasAcessibilidade na Web: Construíndo páginas para pessoas e não só para máquinas
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinas
 
Acessibilidade na Web - Desenvolvendo para pessoas e não só para máquinas
Acessibilidade na Web - Desenvolvendo para pessoas e não só para máquinasAcessibilidade na Web - Desenvolvendo para pessoas e não só para máquinas
Acessibilidade na Web - Desenvolvendo para pessoas e não só para máquinas
 
Acessibilidade na Prática
Acessibilidade na PráticaAcessibilidade na Prática
Acessibilidade na Prática
 
Html acessivel - Um guia rápido para melhorar a acessibilidade das suas págin...
Html acessivel - Um guia rápido para melhorar a acessibilidade das suas págin...Html acessivel - Um guia rápido para melhorar a acessibilidade das suas págin...
Html acessivel - Um guia rápido para melhorar a acessibilidade das suas págin...
 
Acessibilidade e Usabilidade em Design Digital
Acessibilidade e Usabilidade em Design DigitalAcessibilidade e Usabilidade em Design Digital
Acessibilidade e Usabilidade em Design Digital
 
Acessibilidade para Web
Acessibilidade para WebAcessibilidade para Web
Acessibilidade para Web
 
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
 
HTML 5, CSS 3 e o futuro da Web
HTML 5, CSS 3 e o futuro da WebHTML 5, CSS 3 e o futuro da Web
HTML 5, CSS 3 e o futuro da Web
 
Mini Curso - jQuery - FMU
Mini Curso - jQuery - FMUMini Curso - jQuery - FMU
Mini Curso - jQuery - FMU
 
Gráficos Vetoriais na Web com SVG
Gráficos Vetoriais na Web com SVGGráficos Vetoriais na Web com SVG
Gráficos Vetoriais na Web com SVG
 
Aula 07 acessibilidade
Aula 07  acessibilidadeAula 07  acessibilidade
Aula 07 acessibilidade
 
HTML5- Road Show TI - Senac Jaboticabal
HTML5- Road Show TI -  Senac Jaboticabal HTML5- Road Show TI -  Senac Jaboticabal
HTML5- Road Show TI - Senac Jaboticabal
 
Tutorial sobre Bootstrap
Tutorial sobre BootstrapTutorial sobre Bootstrap
Tutorial sobre Bootstrap
 
SVG Essencial
SVG EssencialSVG Essencial
SVG Essencial
 
Acessibilidade na Web - iseminar 2011
Acessibilidade na Web -  iseminar 2011Acessibilidade na Web -  iseminar 2011
Acessibilidade na Web - iseminar 2011
 
Descomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao FrameworkDescomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao Framework
 
Javascript truquesmagicos
Javascript truquesmagicosJavascript truquesmagicos
Javascript truquesmagicos
 

Mais de Reinaldo Ferraz

Acessibilidade Digital e Realidade Estendida (VR/XR)
Acessibilidade Digital e Realidade Estendida (VR/XR)Acessibilidade Digital e Realidade Estendida (VR/XR)
Acessibilidade Digital e Realidade Estendida (VR/XR)Reinaldo Ferraz
 
Acessibilidade na Web - Muito além do código
Acessibilidade na Web - Muito além do códigoAcessibilidade na Web - Muito além do código
Acessibilidade na Web - Muito além do códigoReinaldo Ferraz
 
Por que re-descentralizar a Web?
Por que re-descentralizar a Web?Por que re-descentralizar a Web?
Por que re-descentralizar a Web?Reinaldo Ferraz
 
Passado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na webPassado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na webReinaldo Ferraz
 
The power of ALT and LANG attributes
The power of ALT and LANG attributesThe power of ALT and LANG attributes
The power of ALT and LANG attributesReinaldo Ferraz
 
Accessibility on SVG and SEO
Accessibility on SVG and SEOAccessibility on SVG and SEO
Accessibility on SVG and SEOReinaldo Ferraz
 
Technological study of Brazilian government websites
Technological study of Brazilian government websitesTechnological study of Brazilian government websites
Technological study of Brazilian government websitesReinaldo Ferraz
 
Aplicações em HTML5 para interação com a TV Digital
Aplicações em HTML5 para interação com a TV DigitalAplicações em HTML5 para interação com a TV Digital
Aplicações em HTML5 para interação com a TV DigitalReinaldo Ferraz
 
Alt e Lang: Dois atributos da pesada
Alt e Lang: Dois atributos da pesadaAlt e Lang: Dois atributos da pesada
Alt e Lang: Dois atributos da pesadaReinaldo Ferraz
 
Atributos textuais para imagens e SEO
Atributos textuais para imagens e SEOAtributos textuais para imagens e SEO
Atributos textuais para imagens e SEOReinaldo Ferraz
 
ALT and TITLE attributes in images and SEO
ALT and TITLE attributes in images and SEOALT and TITLE attributes in images and SEO
ALT and TITLE attributes in images and SEOReinaldo Ferraz
 
Dados Abertos e os Benefícios do Uso da Web Aberta
Dados Abertos e os Benefícios do Uso da Web AbertaDados Abertos e os Benefícios do Uso da Web Aberta
Dados Abertos e os Benefícios do Uso da Web AbertaReinaldo Ferraz
 

Mais de Reinaldo Ferraz (20)

Acessibilidade Digital e Realidade Estendida (VR/XR)
Acessibilidade Digital e Realidade Estendida (VR/XR)Acessibilidade Digital e Realidade Estendida (VR/XR)
Acessibilidade Digital e Realidade Estendida (VR/XR)
 
Acessibilidade na Web - Muito além do código
Acessibilidade na Web - Muito além do códigoAcessibilidade na Web - Muito além do código
Acessibilidade na Web - Muito além do código
 
WCAG 2.2 e 3.0
WCAG 2.2 e 3.0WCAG 2.2 e 3.0
WCAG 2.2 e 3.0
 
Legendas na Web
Legendas na WebLegendas na Web
Legendas na Web
 
WCAG 2.2
WCAG 2.2WCAG 2.2
WCAG 2.2
 
Por que re-descentralizar a Web?
Por que re-descentralizar a Web?Por que re-descentralizar a Web?
Por que re-descentralizar a Web?
 
Passado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na webPassado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na web
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
 
Re-descentralizar a web
Re-descentralizar a webRe-descentralizar a web
Re-descentralizar a web
 
The power of ALT and LANG attributes
The power of ALT and LANG attributesThe power of ALT and LANG attributes
The power of ALT and LANG attributes
 
Accessibility on SVG and SEO
Accessibility on SVG and SEOAccessibility on SVG and SEO
Accessibility on SVG and SEO
 
Technological study of Brazilian government websites
Technological study of Brazilian government websitesTechnological study of Brazilian government websites
Technological study of Brazilian government websites
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
 
Acessibilidade na web
Acessibilidade na webAcessibilidade na web
Acessibilidade na web
 
Aplicações em HTML5 para interação com a TV Digital
Aplicações em HTML5 para interação com a TV DigitalAplicações em HTML5 para interação com a TV Digital
Aplicações em HTML5 para interação com a TV Digital
 
Alt e Lang: Dois atributos da pesada
Alt e Lang: Dois atributos da pesadaAlt e Lang: Dois atributos da pesada
Alt e Lang: Dois atributos da pesada
 
Atributos textuais para imagens e SEO
Atributos textuais para imagens e SEOAtributos textuais para imagens e SEO
Atributos textuais para imagens e SEO
 
ALT and TITLE attributes in images and SEO
ALT and TITLE attributes in images and SEOALT and TITLE attributes in images and SEO
ALT and TITLE attributes in images and SEO
 
Web das Coisas CPBR8
Web das Coisas CPBR8Web das Coisas CPBR8
Web das Coisas CPBR8
 
Dados Abertos e os Benefícios do Uso da Web Aberta
Dados Abertos e os Benefícios do Uso da Web AbertaDados Abertos e os Benefícios do Uso da Web Aberta
Dados Abertos e os Benefícios do Uso da Web Aberta
 

Nobody leaves this place without coding an accessible projetc