SlideShare une entreprise Scribd logo
1  sur  11
Télécharger pour lire hors ligne
Design Inclusivo
A Acessibilidade consiste na facilidade de
acesso e de uso de ambientes, produtos e
serviços por qualquer pessoa e em diferentes
contextos
Implica a adaptação, os meios alternativos de
informação, a comunicação, a mobilidade e a
manipulação
todas as imagens devem encontrar-se
legendadas ou descritas com texto
o tamanho do texto deve poder ser aumentado
com as opções do navegador
o comprimento do texto na página deve
ajustar-se ao tamanho da Janela
os campos dos formulários devem estar
identificados
a ativação dos elementos da página deve poder
ser feita através do teclado
os     textos    das     ligações devem      ser
compreensíveis fora do contexto
deve haver uma forma simples para contactar o
responsável
as ferramentas e serviços automáticos de
análise da acessibilidade devem ser utilizados
o símbolo de acessibilidade na Web deve estar
afixado no site
compreensão das necessidades reais dos consumidores,
aqueles geralmente excluídos pelos designers em geral

 trabalhar e conviver com a realidade das pessoas com
deficiência, durante todas as fases de desenvolvimento do
produto

 os principais nomes do design inclusivo estão
intimamente relacionados com a deficiência de forma
pessoal, fato que permite que esses designers tenham uma
visão mais clara e experiência pessoal suficiente para
detetar as principais necessidades que esses grupos
possuem.
Idosos e pessoas com alguma incapacidade tais como:

Dificuldades Visuais: deficiências visuais, incluindo
cegueira, vários tipos comuns de baixa visão e baixa
acuidade visual, vários tipos de daltonismo;

Dificuldade Motora / Mobilidade: dificuldade ou
impossibilidade de utilizar as mãos, incluindo
tremores, lentidão muscular, perda ou baixo controle
muscular, devido a condições, tais como: Parkinson,
distrofia muscular, paralisia cerebral, acidente
vascular cerebral
Dificuldade Auditiva: surdez ou deficiência auditiva,
incluindo indivíduos com pouca audição;

Pessoas Sujeitas a Convulsões

Dificuldades Cognitivas / Intelectuais: deficiência do
desenvolvimento, dificuldades de aprendizagem (
dislexia, discalculia…) e deficiências cognitivas de
várias origens, afetando memória, atenção, de
desenvolvimento (maturidade) a resolução de
problemas e lógica das competências

Dificuldades de Comunicação
Foram analisados 4 sites através do Serviço de validação
  de CSS do W3C

   http://agrupamento.eb23-pedro-eanes-
  lobato.rcts.pt/ ( Agrupamento de escolas Pedro Eanes
  Lobato)
  http://crticseixal.webnode.com/ (CRTIC-Seixal)

  http://joomla.aepinhalfrades.pt/ (Agrupamento de
  escolas de Pinhal de Frades)
  http://cms.pelnoticias.webnode.com/ (Jornal Digital
  do Agrupamento Pedro Eanes Lobato)
http://agrupamento.eb23-pedro-eanes-lobato.rcts.pt/

•        1 erro e 4 alertas

http://crticseixal.webnode.com/

•        não foi encontrado qualquer erro ou alerta

http://joomla.aepinhalfrades.pt/

•         34 erros e 133 alertas

 http://user.pelnoticias.webnode.com/admin/

•        34 erros e 4 alertas
Recorrendo ao site (http://www.tawdis.net), que permite validar
sites para WCAG 1.0 e WCAG 2.0, obtive os seguintes resultados,
para a norma WCAG 1.0:

Site: _http://agrupamento.eb23-pedro-eanes-
lobato.rcts.pt/ <http://agrupamento.eb23-pedro-eanes-
lobato.rcts.pt/%C2%A0>

Não foram detetados problemas graves do tipo automático
contudo há 135 problemas que requerem intervenção e revisão
manual.

Site: http://crticseixal.webnode.com/

 Não foram detetados problemas graves de tipo automático
contudo há 53 problemas que requerem revisão manual
Também sem problemas graves :)
Site: http://joomla.aepinhalfrades.pt/

Foram detetados 4 problemas do tipo automático e 138 problemas
que requerem intervenção e revisão manual


Site: http://cms.pelnoticias.webnode.com <http://cms.pelnoticias.w
ebnode.com/>/ <http://cms.pelnoticias.webnode.com/>

A ferramenta não consegue funcionar neste site.

Contenu connexe

En vedette

Inclusão social
Inclusão socialInclusão social
Inclusão socialpeterson32
 
Inclusão social
Inclusão socialInclusão social
Inclusão socialVanessa
 
Design SustentáVel Introdução Aguinaldo Dos Santos Proeng Capes
Design SustentáVel   Introdução   Aguinaldo Dos Santos   Proeng CapesDesign SustentáVel   Introdução   Aguinaldo Dos Santos   Proeng Capes
Design SustentáVel Introdução Aguinaldo Dos Santos Proeng CapesAguinaldo dos Santos
 
Palestra do vereador paulo frange inclusão social- deficiente
Palestra do vereador paulo frange   inclusão social- deficientePalestra do vereador paulo frange   inclusão social- deficiente
Palestra do vereador paulo frange inclusão social- deficienteRafaela Gomes
 
Turismo Inclusivo Brasil: Intro
Turismo Inclusivo Brasil: IntroTurismo Inclusivo Brasil: Intro
Turismo Inclusivo Brasil: IntroScott Rains
 
Deficiência Física 1
Deficiência Física 1Deficiência Física 1
Deficiência Física 1marlaa
 
Deficiencia Fisica
Deficiencia FisicaDeficiencia Fisica
Deficiencia Fisicaguest5fedaea
 
Direito das pessoas com deficiência
Direito das pessoas com deficiênciaDireito das pessoas com deficiência
Direito das pessoas com deficiênciaWildete Silva
 
Pessoas com Deficiência - Direitos e Deveres
Pessoas com Deficiência - Direitos e DeveresPessoas com Deficiência - Direitos e Deveres
Pessoas com Deficiência - Direitos e DeveresCarlos Junior
 
Inclusao de pessoas com deficiência
Inclusao de pessoas com deficiênciaInclusao de pessoas com deficiência
Inclusao de pessoas com deficiênciaUniversidade Unisinos
 
Slide educação especial
Slide educação especialSlide educação especial
Slide educação especialAndreia Gomes
 
Todos juntos por uma educação inclusiva
Todos juntos por uma educação inclusivaTodos juntos por uma educação inclusiva
Todos juntos por uma educação inclusivaSimoneHelenDrumond
 
Educação Especial na Perspectiva Inclusiva.
Educação Especial na Perspectiva Inclusiva.Educação Especial na Perspectiva Inclusiva.
Educação Especial na Perspectiva Inclusiva.Instituto Consciência GO
 

En vedette (19)

Inclusão social
Inclusão socialInclusão social
Inclusão social
 
Inclusão social
Inclusão socialInclusão social
Inclusão social
 
Inclusão social
Inclusão socialInclusão social
Inclusão social
 
Inclusão Social
Inclusão SocialInclusão Social
Inclusão Social
 
Inclusão
InclusãoInclusão
Inclusão
 
Design SustentáVel Introdução Aguinaldo Dos Santos Proeng Capes
Design SustentáVel   Introdução   Aguinaldo Dos Santos   Proeng CapesDesign SustentáVel   Introdução   Aguinaldo Dos Santos   Proeng Capes
Design SustentáVel Introdução Aguinaldo Dos Santos Proeng Capes
 
Palestra do vereador paulo frange inclusão social- deficiente
Palestra do vereador paulo frange   inclusão social- deficientePalestra do vereador paulo frange   inclusão social- deficiente
Palestra do vereador paulo frange inclusão social- deficiente
 
Turismo Inclusivo Brasil: Intro
Turismo Inclusivo Brasil: IntroTurismo Inclusivo Brasil: Intro
Turismo Inclusivo Brasil: Intro
 
Deficiência Física 1
Deficiência Física 1Deficiência Física 1
Deficiência Física 1
 
Inclusao Social
Inclusao SocialInclusao Social
Inclusao Social
 
Deficiencia Fisica
Deficiencia FisicaDeficiencia Fisica
Deficiencia Fisica
 
Deficiencias (1)
Deficiencias (1)Deficiencias (1)
Deficiencias (1)
 
Direito das pessoas com deficiência
Direito das pessoas com deficiênciaDireito das pessoas com deficiência
Direito das pessoas com deficiência
 
Pessoas com Deficiência - Direitos e Deveres
Pessoas com Deficiência - Direitos e DeveresPessoas com Deficiência - Direitos e Deveres
Pessoas com Deficiência - Direitos e Deveres
 
Inclusao de pessoas com deficiência
Inclusao de pessoas com deficiênciaInclusao de pessoas com deficiência
Inclusao de pessoas com deficiência
 
Slide educação especial
Slide educação especialSlide educação especial
Slide educação especial
 
Todos juntos por uma educação inclusiva
Todos juntos por uma educação inclusivaTodos juntos por uma educação inclusiva
Todos juntos por uma educação inclusiva
 
A INCLUSÃO ESCOLAR
A  INCLUSÃO ESCOLAR A  INCLUSÃO ESCOLAR
A INCLUSÃO ESCOLAR
 
Educação Especial na Perspectiva Inclusiva.
Educação Especial na Perspectiva Inclusiva.Educação Especial na Perspectiva Inclusiva.
Educação Especial na Perspectiva Inclusiva.
 

Similaire à Design Acessível 40

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
 
Acessibilidade Web - IxDA Joinville
Acessibilidade Web - IxDA JoinvilleAcessibilidade Web - IxDA Joinville
Acessibilidade Web - IxDA JoinvillePaulo Aguilera Filho
 
APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...
APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...
APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...Claudio Diniz - Designer Gráfico
 
A Web para todos - Acessibilidade na web
A Web para todos  - Acessibilidade na webA Web para todos  - Acessibilidade na web
A Web para todos - Acessibilidade na webRogério Chiavegatti
 
Acessibilidade Web Cognitiva
Acessibilidade Web CognitivaAcessibilidade Web Cognitiva
Acessibilidade Web CognitivaTalita Pagani
 
WordCamp Floripa 2021 - Eliane - Seu site limita o acesso dos usuários? Como ...
WordCamp Floripa 2021 - Eliane - Seu site limita o acesso dos usuários? Como ...WordCamp Floripa 2021 - Eliane - Seu site limita o acesso dos usuários? Como ...
WordCamp Floripa 2021 - Eliane - Seu site limita o acesso dos usuários? Como ...WordCamp Floripa
 
Artigo revista tecnologia_assistiva
Artigo revista tecnologia_assistivaArtigo revista tecnologia_assistiva
Artigo revista tecnologia_assistivabarbaragratao
 
Artigo revista tecnologia_assistiva
Artigo revista tecnologia_assistivaArtigo revista tecnologia_assistiva
Artigo revista tecnologia_assistivabarbaragratao
 
Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?
Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?
Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?Marcelo Sales
 
TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o de...
TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o de...TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o de...
TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o de...tdc-globalcode
 
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
 
Projetando para a neurodiversidade
Projetando para a neurodiversidadeProjetando para a neurodiversidade
Projetando para a neurodiversidadeTalita Pagani
 
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
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1cdchaves
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1angeli_mk
 
Guia de Acessibilidade de Interfaces Web focado em Aspectos do Autismo
Guia de Acessibilidade de Interfaces Web focado em Aspectos do AutismoGuia de Acessibilidade de Interfaces Web focado em Aspectos do Autismo
Guia de Acessibilidade de Interfaces Web focado em Aspectos do AutismoWomen Techmakers Sorocaba
 

Similaire à Design Acessível 40 (20)

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 na Web - Salomão Alcolumbre
Acessibilidade na Web - Salomão AlcolumbreAcessibilidade na Web - Salomão Alcolumbre
Acessibilidade na Web - Salomão Alcolumbre
 
Acessibilidade Web - IxDA Joinville
Acessibilidade Web - IxDA JoinvilleAcessibilidade Web - IxDA Joinville
Acessibilidade Web - IxDA Joinville
 
APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...
APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...
APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...
 
A Web para todos - Acessibilidade na web
A Web para todos  - Acessibilidade na webA Web para todos  - Acessibilidade na web
A Web para todos - Acessibilidade na web
 
Acessibilidade Web Cognitiva
Acessibilidade Web CognitivaAcessibilidade Web Cognitiva
Acessibilidade Web Cognitiva
 
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 3 - 1...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 3 - 1...Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 3 - 1...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 3 - 1...
 
Web acessível
Web acessívelWeb acessível
Web acessível
 
WordCamp Floripa 2021 - Eliane - Seu site limita o acesso dos usuários? Como ...
WordCamp Floripa 2021 - Eliane - Seu site limita o acesso dos usuários? Como ...WordCamp Floripa 2021 - Eliane - Seu site limita o acesso dos usuários? Como ...
WordCamp Floripa 2021 - Eliane - Seu site limita o acesso dos usuários? Como ...
 
Artigo revista tecnologia_assistiva
Artigo revista tecnologia_assistivaArtigo revista tecnologia_assistiva
Artigo revista tecnologia_assistiva
 
Artigo revista tecnologia_assistiva
Artigo revista tecnologia_assistivaArtigo revista tecnologia_assistiva
Artigo revista tecnologia_assistiva
 
Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?
Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?
Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?
 
TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o de...
TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o de...TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o de...
TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o de...
 
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
 
Projetando para a neurodiversidade
Projetando para a neurodiversidadeProjetando para a neurodiversidade
Projetando para a neurodiversidade
 
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
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1
 
Guia de Acessibilidade de Interfaces Web focado em Aspectos do Autismo
Guia de Acessibilidade de Interfaces Web focado em Aspectos do AutismoGuia de Acessibilidade de Interfaces Web focado em Aspectos do Autismo
Guia de Acessibilidade de Interfaces Web focado em Aspectos do Autismo
 
Acessibilidade e Tecnologias Assistivas
Acessibilidade e Tecnologias AssistivasAcessibilidade e Tecnologias Assistivas
Acessibilidade e Tecnologias Assistivas
 

Design Acessível 40

  • 2. A Acessibilidade consiste na facilidade de acesso e de uso de ambientes, produtos e serviços por qualquer pessoa e em diferentes contextos Implica a adaptação, os meios alternativos de informação, a comunicação, a mobilidade e a manipulação
  • 3. todas as imagens devem encontrar-se legendadas ou descritas com texto o tamanho do texto deve poder ser aumentado com as opções do navegador o comprimento do texto na página deve ajustar-se ao tamanho da Janela os campos dos formulários devem estar identificados
  • 4. a ativação dos elementos da página deve poder ser feita através do teclado os textos das ligações devem ser compreensíveis fora do contexto deve haver uma forma simples para contactar o responsável as ferramentas e serviços automáticos de análise da acessibilidade devem ser utilizados o símbolo de acessibilidade na Web deve estar afixado no site
  • 5. compreensão das necessidades reais dos consumidores, aqueles geralmente excluídos pelos designers em geral trabalhar e conviver com a realidade das pessoas com deficiência, durante todas as fases de desenvolvimento do produto os principais nomes do design inclusivo estão intimamente relacionados com a deficiência de forma pessoal, fato que permite que esses designers tenham uma visão mais clara e experiência pessoal suficiente para detetar as principais necessidades que esses grupos possuem.
  • 6. Idosos e pessoas com alguma incapacidade tais como: Dificuldades Visuais: deficiências visuais, incluindo cegueira, vários tipos comuns de baixa visão e baixa acuidade visual, vários tipos de daltonismo; Dificuldade Motora / Mobilidade: dificuldade ou impossibilidade de utilizar as mãos, incluindo tremores, lentidão muscular, perda ou baixo controle muscular, devido a condições, tais como: Parkinson, distrofia muscular, paralisia cerebral, acidente vascular cerebral
  • 7. Dificuldade Auditiva: surdez ou deficiência auditiva, incluindo indivíduos com pouca audição; Pessoas Sujeitas a Convulsões Dificuldades Cognitivas / Intelectuais: deficiência do desenvolvimento, dificuldades de aprendizagem ( dislexia, discalculia…) e deficiências cognitivas de várias origens, afetando memória, atenção, de desenvolvimento (maturidade) a resolução de problemas e lógica das competências Dificuldades de Comunicação
  • 8. Foram analisados 4 sites através do Serviço de validação de CSS do W3C http://agrupamento.eb23-pedro-eanes- lobato.rcts.pt/ ( Agrupamento de escolas Pedro Eanes Lobato) http://crticseixal.webnode.com/ (CRTIC-Seixal) http://joomla.aepinhalfrades.pt/ (Agrupamento de escolas de Pinhal de Frades) http://cms.pelnoticias.webnode.com/ (Jornal Digital do Agrupamento Pedro Eanes Lobato)
  • 9. http://agrupamento.eb23-pedro-eanes-lobato.rcts.pt/ • 1 erro e 4 alertas http://crticseixal.webnode.com/ • não foi encontrado qualquer erro ou alerta http://joomla.aepinhalfrades.pt/ • 34 erros e 133 alertas http://user.pelnoticias.webnode.com/admin/ • 34 erros e 4 alertas
  • 10. Recorrendo ao site (http://www.tawdis.net), que permite validar sites para WCAG 1.0 e WCAG 2.0, obtive os seguintes resultados, para a norma WCAG 1.0: Site: _http://agrupamento.eb23-pedro-eanes- lobato.rcts.pt/ <http://agrupamento.eb23-pedro-eanes- lobato.rcts.pt/%C2%A0> Não foram detetados problemas graves do tipo automático contudo há 135 problemas que requerem intervenção e revisão manual. Site: http://crticseixal.webnode.com/ Não foram detetados problemas graves de tipo automático contudo há 53 problemas que requerem revisão manual Também sem problemas graves :)
  • 11. Site: http://joomla.aepinhalfrades.pt/ Foram detetados 4 problemas do tipo automático e 138 problemas que requerem intervenção e revisão manual Site: http://cms.pelnoticias.webnode.com <http://cms.pelnoticias.w ebnode.com/>/ <http://cms.pelnoticias.webnode.com/> A ferramenta não consegue funcionar neste site.