SlideShare une entreprise Scribd logo
1  sur  5
Télécharger pour lire hors ligne
ACESSIBILIDADE
Garcia, Diogo
Cristina, Thais
Noções sobre os Quatro Princípios de Acessibilidade
Na aula do dia 17/04/2014, estudamos os quatros princípios de
acessibilidade.
As diretrizes e os critérios de sucesso estão organizados em torno de
quatro princípios, que apresentam a informação básica para um utilizador
aceder e utilizar os conteúdos da web. Um utilizador que pretenda utilizar a
web tem de dispor de conteúdo que seja:
Perceptível - A informação e os componentes da interface de utilizador têm de
ser apresentados aos utilizadores de formas perceptíveis.
Isto significa que os utilizadores têm de ser capazes de compreender a
informação apresentada (tem de estar visível a todos os seus sentidos).
Operável - Os componentes da interface de utilizador e a navegação têm de
ser operáveis.
Isto significa que os utilizadores têm de ser capazes de funcionar com a
interface (a interface não pode requerer uma interação que um utilizador não
possa executar).
Compreensível - A informação e a operação da interface de utilizador têm de
ser compreensíveis.
Isto significa que os utilizadores têm de ser capazes de compreender a
informação e o modo de funcionamento da interface de utilizador (os conteúdos
ou o funcionamento não podem ir para além da sua compreensão).
Robusto - O conteúdo tem de ser suficientemente robusto para ser
interpretado, com precisão, por uma grande variedade de agentes de utilizador,
incluindo tecnologias de apoio.
Isto significa que os utilizadores têm de ser capazes de aceder aos
conteúdos à medida que as tecnologias avançam (à medida que as tecnologias
e os agentes de utilizador evoluem, os conteúdos devem permanecer
acessíveis).
Se algum destes princípios não for verdadeiro, os utilizadores com
incapacidades não serão capazes de utilizar a Web.
A seguir a cada princípio, são apresentadas diretrizes e Critérios de
Sucesso para ajudar as pessoas com incapacidades a abordar os princípios.
Existem muitas diretrizes de utilização geral que tornam os conteúdos mais
utilizáveis por todos os utilizadores, incluindo aqueles com incapacidades.
Contudo, nas WCAG 2.0 apenas estão incluídas as diretrizes que abordam
problemas específicos de pessoas com incapacidades. Isto inclui problemas
que bloqueiam o acesso ou que interferem, de forma mais séria, com o acesso
à Web, por parte das pessoas com incapacidades.
Conforme solicitação da Profº de acessibilidade, iremos testar 4 validadores.
Teste IPV6: (http://validador.ipv6.br/)
Teste HTML5: (http://validator.w3.org/)
Teste CSS3: (http://terra.com.br)
Teste acessibilidade: (http://www.r7.com)

Contenu connexe

Tendances

Minicurso WordPress
Minicurso WordPressMinicurso WordPress
Minicurso WordPressEdson Silva
 
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
 
Wordpress, de um blog a um CMS
Wordpress, de um blog a um CMSWordpress, de um blog a um CMS
Wordpress, de um blog a um CMSIvan Santos
 
Blogging Estático com Hugo e FreeBSD
Blogging Estático com Hugo e FreeBSDBlogging Estático com Hugo e FreeBSD
Blogging Estático com Hugo e FreeBSDRégis Tomkiel
 

Tendances (6)

Minicurso WordPress
Minicurso WordPressMinicurso WordPress
Minicurso WordPress
 
Projeto nacional
Projeto nacionalProjeto nacional
Projeto nacional
 
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 - 2019
 
CMS - Joomla
CMS - JoomlaCMS - Joomla
CMS - Joomla
 
Wordpress, de um blog a um CMS
Wordpress, de um blog a um CMSWordpress, de um blog a um CMS
Wordpress, de um blog a um CMS
 
Blogging Estático com Hugo e FreeBSD
Blogging Estático com Hugo e FreeBSDBlogging Estático com Hugo e FreeBSD
Blogging Estático com Hugo e FreeBSD
 

En vedette

Lista de abreviações 3
Lista de abreviações 3Lista de abreviações 3
Lista de abreviações 3diogolevel3
 
Norma 508 e wcag
Norma 508 e wcagNorma 508 e wcag
Norma 508 e wcagdiogolevel3
 
Design responsivo
Design responsivoDesign responsivo
Design responsivodiogolevel3
 
Design universal
Design universalDesign universal
Design universaldiogolevel3
 
Manual Língua Portuguesa Professor Pasquale
Manual Língua Portuguesa Professor PasqualeManual Língua Portuguesa Professor Pasquale
Manual Língua Portuguesa Professor PasqualeNayara Rodrigues
 

En vedette (6)

Lista de abreviações 3
Lista de abreviações 3Lista de abreviações 3
Lista de abreviações 3
 
Norma 508 e wcag
Norma 508 e wcagNorma 508 e wcag
Norma 508 e wcag
 
Design responsivo
Design responsivoDesign responsivo
Design responsivo
 
Design universal
Design universalDesign universal
Design universal
 
Manual Língua Portuguesa Professor Pasquale
Manual Língua Portuguesa Professor PasqualeManual Língua Portuguesa Professor Pasquale
Manual Língua Portuguesa Professor Pasquale
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 

Similaire à 4 princípios acessibilidade web

Delicious parte 2
Delicious   parte 2Delicious   parte 2
Delicious parte 2aiadufmg
 
Delicious - parte 2
Delicious - parte 2Delicious - parte 2
Delicious - parte 2aiadufmg
 
DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011Hudson Augusto
 
Acessibilidade no design e desenvolvimento web - Meetup Front-End SP
Acessibilidade no design e desenvolvimento web - Meetup Front-End SPAcessibilidade no design e desenvolvimento web - Meetup Front-End SP
Acessibilidade no design e desenvolvimento web - Meetup Front-End SPLucas J Silva
 
Acessibilidade em Aplicações Web
Acessibilidade em Aplicações WebAcessibilidade em Aplicações Web
Acessibilidade em Aplicações WebSofia Costa
 
Usabilidade e Acessibilidade
Usabilidade e AcessibilidadeUsabilidade e Acessibilidade
Usabilidade e AcessibilidadeKetlin Stringhini
 
Desafios da educação a distância para deficientes visuais: Análise Heurística...
Desafios da educação a distância para deficientes visuais: Análise Heurística...Desafios da educação a distância para deficientes visuais: Análise Heurística...
Desafios da educação a distância para deficientes visuais: Análise Heurística...Luis Arratia
 
[GUTS-RS] Testes de Usabilidade e Acessibilidade para melhorar a experiência ...
[GUTS-RS] Testes de Usabilidade e Acessibilidade para melhorar a experiência ...[GUTS-RS] Testes de Usabilidade e Acessibilidade para melhorar a experiência ...
[GUTS-RS] Testes de Usabilidade e Acessibilidade para melhorar a experiência ...GUTS-RS
 
Aplicações web acessíveis
Aplicações web acessíveisAplicações web acessíveis
Aplicações web acessíveisLeandro Borges
 
E mag desenvolvedor_mod_2
E mag desenvolvedor_mod_2E mag desenvolvedor_mod_2
E mag desenvolvedor_mod_2Leo Serrao
 
Acessibilidade - o mundo virtual também precisa
Acessibilidade - o mundo virtual também precisaAcessibilidade - o mundo virtual também precisa
Acessibilidade - o mundo virtual também precisaRuan Aragão
 
Livemocha - parte 2
Livemocha - parte 2Livemocha - parte 2
Livemocha - parte 2aiadufmg
 
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
29/09/2011 -  9h às 12h30 - oficina - arquitetura da informação em sistemas 2...29/09/2011 -  9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...Rio Info
 
Livemocha parte 2
Livemocha   parte 2Livemocha   parte 2
Livemocha parte 2aiadufmg
 
Usability x Accessibility - 2008 (Portuguese, pt-BR)
Usability x Accessibility - 2008 (Portuguese, pt-BR)Usability x Accessibility - 2008 (Portuguese, pt-BR)
Usability x Accessibility - 2008 (Portuguese, pt-BR)Leo Abdala
 

Similaire à 4 princípios acessibilidade web (20)

Delicious parte 2
Delicious   parte 2Delicious   parte 2
Delicious parte 2
 
Delicious - parte 2
Delicious - parte 2Delicious - parte 2
Delicious - parte 2
 
DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011
 
Acessibilidade no design e desenvolvimento web - Meetup Front-End SP
Acessibilidade no design e desenvolvimento web - Meetup Front-End SPAcessibilidade no design e desenvolvimento web - Meetup Front-End SP
Acessibilidade no design e desenvolvimento web - Meetup Front-End SP
 
Sofiatdc2011 111030182133-phpapp01
Sofiatdc2011 111030182133-phpapp01Sofiatdc2011 111030182133-phpapp01
Sofiatdc2011 111030182133-phpapp01
 
Acessibilidade em Aplicações Web
Acessibilidade em Aplicações WebAcessibilidade em Aplicações Web
Acessibilidade em Aplicações Web
 
Web acessível
Web acessívelWeb acessível
Web acessível
 
Usabilidade e Acessibilidade
Usabilidade e AcessibilidadeUsabilidade e Acessibilidade
Usabilidade e Acessibilidade
 
Desafios da educação a distância para deficientes visuais: Análise Heurística...
Desafios da educação a distância para deficientes visuais: Análise Heurística...Desafios da educação a distância para deficientes visuais: Análise Heurística...
Desafios da educação a distância para deficientes visuais: Análise Heurística...
 
[GUTS-RS] Testes de Usabilidade e Acessibilidade para melhorar a experiência ...
[GUTS-RS] Testes de Usabilidade e Acessibilidade para melhorar a experiência ...[GUTS-RS] Testes de Usabilidade e Acessibilidade para melhorar a experiência ...
[GUTS-RS] Testes de Usabilidade e Acessibilidade para melhorar a experiência ...
 
Aplicações web acessíveis
Aplicações web acessíveisAplicações web acessíveis
Aplicações web acessíveis
 
E mag desenvolvedor_mod_2
E mag desenvolvedor_mod_2E mag desenvolvedor_mod_2
E mag desenvolvedor_mod_2
 
USABILIDADE DA WEB MÓVEL
USABILIDADE DA WEB MÓVELUSABILIDADE DA WEB MÓVEL
USABILIDADE DA WEB MÓVEL
 
Acessibilidade - o mundo virtual também precisa
Acessibilidade - o mundo virtual também precisaAcessibilidade - o mundo virtual também precisa
Acessibilidade - o mundo virtual também precisa
 
Livemocha - parte 2
Livemocha - parte 2Livemocha - parte 2
Livemocha - parte 2
 
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
29/09/2011 -  9h às 12h30 - oficina - arquitetura da informação em sistemas 2...29/09/2011 -  9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
Livemocha parte 2
Livemocha   parte 2Livemocha   parte 2
Livemocha parte 2
 
1 apres pb_g4
1 apres pb_g41 apres pb_g4
1 apres pb_g4
 
Usability x Accessibility - 2008 (Portuguese, pt-BR)
Usability x Accessibility - 2008 (Portuguese, pt-BR)Usability x Accessibility - 2008 (Portuguese, pt-BR)
Usability x Accessibility - 2008 (Portuguese, pt-BR)
 

Plus de diogolevel3

Lista de abreviações 2
Lista de abreviações 2Lista de abreviações 2
Lista de abreviações 2diogolevel3
 
Lista de abreviações
Lista de abreviaçõesLista de abreviações
Lista de abreviaçõesdiogolevel3
 
Bases para internet
Bases para internetBases para internet
Bases para internetdiogolevel3
 
Lista de abreviações
Lista de abreviaçõesLista de abreviações
Lista de abreviaçõesdiogolevel3
 
AULA 4 - PROPRIEDADES CSS
AULA 4 - PROPRIEDADES CSSAULA 4 - PROPRIEDADES CSS
AULA 4 - PROPRIEDADES CSSdiogolevel3
 
Aula 4 - VISÃO GERAL CSS
Aula 4 - VISÃO GERAL CSSAula 4 - VISÃO GERAL CSS
Aula 4 - VISÃO GERAL CSSdiogolevel3
 
Bases para internet
Bases para internetBases para internet
Bases para internetdiogolevel3
 
AULA 3 - Formulários html
AULA 3 - Formulários htmlAULA 3 - Formulários html
AULA 3 - Formulários htmldiogolevel3
 
AULA 2 - UTILIZAÇÃO DE TABELAS
AULA 2 - UTILIZAÇÃO DE TABELASAULA 2 - UTILIZAÇÃO DE TABELAS
AULA 2 - UTILIZAÇÃO DE TABELASdiogolevel3
 

Plus de diogolevel3 (20)

Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
Taquigrafia css
Taquigrafia cssTaquigrafia css
Taquigrafia css
 
Seletores css
Seletores cssSeletores css
Seletores css
 
Seletores css
Seletores cssSeletores css
Seletores css
 
Modelo TCP/IP
Modelo TCP/IPModelo TCP/IP
Modelo TCP/IP
 
Modelo osi
Modelo osiModelo osi
Modelo osi
 
Modelo osi
Modelo osiModelo osi
Modelo osi
 
Tutorial css
Tutorial cssTutorial css
Tutorial css
 
Css avançado
Css avançadoCss avançado
Css avançado
 
Lista de abreviações 2
Lista de abreviações 2Lista de abreviações 2
Lista de abreviações 2
 
Lista de abreviações
Lista de abreviaçõesLista de abreviações
Lista de abreviações
 
Bases para internet
Bases para internetBases para internet
Bases para internet
 
Lista de abreviações
Lista de abreviaçõesLista de abreviações
Lista de abreviações
 
Post 5
Post   5Post   5
Post 5
 
Post 4
Post   4Post   4
Post 4
 
AULA 4 - PROPRIEDADES CSS
AULA 4 - PROPRIEDADES CSSAULA 4 - PROPRIEDADES CSS
AULA 4 - PROPRIEDADES CSS
 
Aula 4 - VISÃO GERAL CSS
Aula 4 - VISÃO GERAL CSSAula 4 - VISÃO GERAL CSS
Aula 4 - VISÃO GERAL CSS
 
Bases para internet
Bases para internetBases para internet
Bases para internet
 
AULA 3 - Formulários html
AULA 3 - Formulários htmlAULA 3 - Formulários html
AULA 3 - Formulários html
 
AULA 2 - UTILIZAÇÃO DE TABELAS
AULA 2 - UTILIZAÇÃO DE TABELASAULA 2 - UTILIZAÇÃO DE TABELAS
AULA 2 - UTILIZAÇÃO DE TABELAS
 

Dernier

I.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCI.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCJudite Silva
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaayasminlarissa371
 
I.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxI.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxJudite Silva
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...AnnaCarolina242437
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024CarolTelles6
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAnnaCarolina242437
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfAnnaCarolina242437
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAnnaCarolina242437
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfAnnaCarolina242437
 

Dernier (9)

I.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCI.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCC
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
 
I.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxI.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptx
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdf
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdf
 

4 princípios acessibilidade web

  • 2. Noções sobre os Quatro Princípios de Acessibilidade Na aula do dia 17/04/2014, estudamos os quatros princípios de acessibilidade. As diretrizes e os critérios de sucesso estão organizados em torno de quatro princípios, que apresentam a informação básica para um utilizador aceder e utilizar os conteúdos da web. Um utilizador que pretenda utilizar a web tem de dispor de conteúdo que seja: Perceptível - A informação e os componentes da interface de utilizador têm de ser apresentados aos utilizadores de formas perceptíveis. Isto significa que os utilizadores têm de ser capazes de compreender a informação apresentada (tem de estar visível a todos os seus sentidos). Operável - Os componentes da interface de utilizador e a navegação têm de ser operáveis. Isto significa que os utilizadores têm de ser capazes de funcionar com a interface (a interface não pode requerer uma interação que um utilizador não possa executar). Compreensível - A informação e a operação da interface de utilizador têm de ser compreensíveis. Isto significa que os utilizadores têm de ser capazes de compreender a informação e o modo de funcionamento da interface de utilizador (os conteúdos ou o funcionamento não podem ir para além da sua compreensão). Robusto - O conteúdo tem de ser suficientemente robusto para ser interpretado, com precisão, por uma grande variedade de agentes de utilizador, incluindo tecnologias de apoio. Isto significa que os utilizadores têm de ser capazes de aceder aos conteúdos à medida que as tecnologias avançam (à medida que as tecnologias e os agentes de utilizador evoluem, os conteúdos devem permanecer acessíveis).
  • 3. Se algum destes princípios não for verdadeiro, os utilizadores com incapacidades não serão capazes de utilizar a Web. A seguir a cada princípio, são apresentadas diretrizes e Critérios de Sucesso para ajudar as pessoas com incapacidades a abordar os princípios. Existem muitas diretrizes de utilização geral que tornam os conteúdos mais utilizáveis por todos os utilizadores, incluindo aqueles com incapacidades. Contudo, nas WCAG 2.0 apenas estão incluídas as diretrizes que abordam problemas específicos de pessoas com incapacidades. Isto inclui problemas que bloqueiam o acesso ou que interferem, de forma mais séria, com o acesso à Web, por parte das pessoas com incapacidades. Conforme solicitação da Profº de acessibilidade, iremos testar 4 validadores. Teste IPV6: (http://validador.ipv6.br/)
  • 4. Teste HTML5: (http://validator.w3.org/) Teste CSS3: (http://terra.com.br)