SlideShare ist ein Scribd-Unternehmen logo
1 von 35
Downloaden Sie, um offline zu lesen
Até quando você vai culpar
o desenvolvedor por seu site/app
não ser acessível?
Marcelo Sales
Quem são os responsáveis por aplicar a acessibilidade em projetos digitais?
apresentação baseada no artigo
https://medium.com/tableless/quem-s%C3%A3o-os-respons%C3%A1veis-por-aplicar-a-acessibilidade-em-projetos-digitais-87f7e55e03bf
• designer, há mais de 15 anos atuando profissionalmente
em projetos visuais
• já construí marcas, material impresso, desenvolvi vinhetas,
tentei 3D e brinquei com código de designer (HTML e CSS)
• atualmente com foco em UX e Acessibilidade
https://www.behance.net/msales
Behance (não atualizado)
Criador do projeto http://acessibilida.de
relembrando
o significado
de acessibilidade
Acesso Universal
Não é altruísmo!
Acessibilidade é pra TODOS!
Não é para deficientes!
Não é para deficientes visuais!
Acesso Universal
relembrando
o significado
de WCAG
WCAG
Web Content Accessibility Guidelines
WCAG
Web Content Accessibility Guidelines
”Content”, não ”Pages”
por que então muitas
pessoas ainda associam
acessibilidade
a algo técnico?
W3C > WAI > WCAG
WCAG 1.0> Foco em técnicas/código
WCAG 2.0> Foco em princípios fundamentais
WCAG 2.1> Continua o mesmo foco, adicionando
novos critérios
relacionamento
entre as equipes
Ilustra por Daniel Campos / D3 Estúdio
Quem nunca?
“os projetos mais frustrantes do qual participei são aqueles
onde as pessoas não entendem por que o desenvolvimento front-end
precisava ser envolvido cedo no processo de design”
Brad Frost, no artigo “Development is design”
“o trabalho feito pelos desenvolvedores tem impacto direto na
experiência do usuário, para o bem ou para o mal”
Fabrício Teixeira, no livro “Introdução e boas práticas em UX Design”
Posso colocar
toda a culpa
somente no
desenvolvedor?
Posso colocar
toda a culpa
somente no
designer?
Posso colocar
toda a culpa
somente no
UXer?
Posso colocar
toda a culpa
somente no
QA (tester)?
Independente de quem seja,
ninguém pode levar
a “culpa” sozinho!
assim como em casos de sucesso,
qual é o papel
de cada
profissional (ou área)
envolvidos?
negócios
demandas não devem ser vistas como uma
simples necessidade de compliance
negócios
• ROI não se da apenas em torno de dinheiro
• Retorno positivo perante a sociedade
• Melhor experiência para TODOS os usuários
marketing
conteúdo claro, simples
e sem ambiguidade
marketing
• 3º princípio de acessibilidade = COMPREENSÍVEL
• Títulos de páginas
• Explicação de produtos e serviços
• Mensagens de erros
design
emoção e sentimento para todos
os sentidos, não apenas a visão
design
• cores, tamanhos de textos, áreas clicáveis, alinhamentos
• visão... audição e também tato!
• 4º princípio de acessibilidade = ROBUSTO
ux
experiências impecáveis
independentemente de habilidades e/ou
deficiências
ux
• todos devem ter a mesma experiência (ou o mais próximo disso)
• conhecer diversos tipos de tecnologias assistivas
• conhecer recursos de assistência em sistemas operacionais
(mobile e desktop) e browser (zoom, por exemplo)
• devem abraçar o papel de evangelistas de acessibilidade!
• saber hierarquizar corretamente conteúdos e como esses
conteúdos se comportarão com responsividade
tecnologia
implementação de código semântico e
dentro de padrões universais
tecnologia
• não existe código “para acessibilidade”,
existe código semântico
• o maior motivo de problemas de acessibilidade é por
desconhecimento de padrões web
• HTML é uma linguagem naturalmente acessível
• ARIA e Accessibility Tree
qualidade e testes
por que alguém tem que ajudar
a garantir a excelência
qualidade e testes (QA)
• a equipe que irá AJUDAR com a qualidade final
• não pode ser a responsável pelo insucesso da implantação
• é ideal que além de diretrizes e princípios,
conheçam UX e/ou desenvolvimento
usuário
também somos usuários
usuário
• também somos usuários!
• nossa necessidade de web acessível pode durar um minuto,
uma hora ou o resto de nossas vidas.
• será que eu consigo utilizar o que eu mesmo
estou criando/projetando?
De quem é a
responsabilidade por
aplicar acessibilidade
em sites ou aplicativos?
a responsabilidade
é de TODOS
Obrigado!
twitter | instagram | facebook
@msales
http://acessibilida.de
ola@acessibilida.de
link para PPT
bit.ly/responsaveis-por-aplicar-acessibilidade

Weitere ähnliche Inhalte

Was ist angesagt?

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
 

Was ist angesagt? (16)

Palestra sobre Acessibilidade Web: o HTML5 a favor de uma Web única e universal
Palestra sobre Acessibilidade Web: o HTML5 a favor de uma Web única e universalPalestra sobre Acessibilidade Web: o HTML5 a favor de uma Web única e universal
Palestra sobre Acessibilidade Web: o HTML5 a favor de uma Web única e universal
 
Ux nas organizações
Ux nas organizaçõesUx nas organizações
Ux nas organizações
 
Acessibilidade na Web: Principais problemas e Soluções - FISL14
Acessibilidade na Web: Principais problemas e Soluções - FISL14Acessibilidade na Web: Principais problemas e Soluções - FISL14
Acessibilidade na Web: Principais problemas e Soluções - FISL14
 
"Estratégia para “Responsive UX”"- #7 Industry Sessions by EDIT. / UX & Resp...
"Estratégia para “Responsive UX”"-  #7 Industry Sessions by EDIT. / UX & Resp..."Estratégia para “Responsive UX”"-  #7 Industry Sessions by EDIT. / UX & Resp...
"Estratégia para “Responsive UX”"- #7 Industry Sessions by EDIT. / UX & Resp...
 
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
 
Flat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da InterfaceFlat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da Interface
 
O papel do Front-End na UX
O papel do Front-End na UXO papel do Front-End na UX
O papel do Front-End na UX
 
DevUX
DevUXDevUX
DevUX
 
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
 
Mobile First (ou boas razões para investir em Mobile)
Mobile First (ou boas razões para investir em Mobile)Mobile First (ou boas razões para investir em Mobile)
Mobile First (ou boas razões para investir em Mobile)
 
O que é Web Designer?
O que é Web Designer?O que é Web Designer?
O que é Web Designer?
 
Design responsivo
Design responsivoDesign responsivo
Design responsivo
 
Acessibilidade na prática e a importância da semântica na web
Acessibilidade na prática e a importância da semântica na webAcessibilidade na prática e a importância da semântica na web
Acessibilidade na prática e a importância da semântica na web
 
Web Design Responsivo
Web Design ResponsivoWeb Design Responsivo
Web Design Responsivo
 
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 ...
 
Aplicando a WCAG em projetos de inteligência artificial
Aplicando a WCAG em projetos de inteligência artificialAplicando a WCAG em projetos de inteligência artificial
Aplicando a WCAG em projetos de inteligência artificial
 

Ähnlich wie TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o desenvolvedor por seu site ou app nao ser acessivel?

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
 

Ähnlich wie TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o desenvolvedor por seu site ou app nao ser acessivel? (20)

Introdução a Internet
Introdução a InternetIntrodução a Internet
Introdução a Internet
 
Introdução a experiência do usuário
Introdução a experiência do usuárioIntrodução a experiência do usuário
Introdução a experiência do usuário
 
Acessibilidade como compliance e a abordagem equivocada nas empresas
Acessibilidade como compliance e a abordagem equivocada nas empresasAcessibilidade como compliance e a abordagem equivocada nas empresas
Acessibilidade como compliance e a abordagem equivocada nas empresas
 
Apresentação de LINGUAGEM DE Programação para Internet
Apresentação de LINGUAGEM DE Programação para InternetApresentação de LINGUAGEM DE Programação para Internet
Apresentação de LINGUAGEM DE Programação para Internet
 
Web acessível
Web acessívelWeb acessível
Web acessível
 
Laboratório Web 2013-2014 - Tendências no Desenho e Produção de Interfaces pa...
Laboratório Web 2013-2014 - Tendências no Desenho e Produção de Interfaces pa...Laboratório Web 2013-2014 - Tendências no Desenho e Produção de Interfaces pa...
Laboratório Web 2013-2014 - Tendências no Desenho e Produção de Interfaces pa...
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao branding
 
WAIU - Workshop AI, Acessibilidade e Usabilidade
WAIU - Workshop AI, Acessibilidade e UsabilidadeWAIU - Workshop AI, Acessibilidade e Usabilidade
WAIU - Workshop AI, Acessibilidade e Usabilidade
 
Inov Aula2
Inov Aula2Inov Aula2
Inov Aula2
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface Digital
 
Curso Marketing Digital Ana Paula Coelho
Curso Marketing Digital Ana Paula CoelhoCurso Marketing Digital Ana Paula Coelho
Curso Marketing Digital Ana Paula Coelho
 
Responsive wordpress
Responsive wordpressResponsive wordpress
Responsive wordpress
 
Acessibilidade em CSS - ABC Dev
Acessibilidade em CSS - ABC DevAcessibilidade em CSS - ABC Dev
Acessibilidade em CSS - ABC Dev
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
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...
 
Aula 3 – A áera de IHC
Aula 3 – A áera de IHCAula 3 – A áera de IHC
Aula 3 – A áera de IHC
 
Usabilidade, User Experience e Design Emocional no E-commerce
Usabilidade, User Experience e Design Emocional no E-commerceUsabilidade, User Experience e Design Emocional no E-commerce
Usabilidade, User Experience e Design Emocional no E-commerce
 
Design e produção multimídia
Design e produção multimídiaDesign e produção multimídia
Design e produção multimídia
 
Usabilidade Conceitos Centrais
Usabilidade Conceitos CentraisUsabilidade Conceitos Centrais
Usabilidade Conceitos Centrais
 
Usabilidade Conceitos Centrais
Usabilidade  Conceitos CentraisUsabilidade  Conceitos Centrais
Usabilidade Conceitos Centrais
 

Mehr von tdc-globalcode

Mehr von tdc-globalcode (20)

TDC2019 Intel Software Day - Visao Computacional e IA a servico da humanidade
TDC2019 Intel Software Day - Visao Computacional e IA a servico da humanidadeTDC2019 Intel Software Day - Visao Computacional e IA a servico da humanidade
TDC2019 Intel Software Day - Visao Computacional e IA a servico da humanidade
 
TDC2019 Intel Software Day - Tecnicas de Programacao Paralela em Machine Lear...
TDC2019 Intel Software Day - Tecnicas de Programacao Paralela em Machine Lear...TDC2019 Intel Software Day - Tecnicas de Programacao Paralela em Machine Lear...
TDC2019 Intel Software Day - Tecnicas de Programacao Paralela em Machine Lear...
 
TDC2019 Intel Software Day - ACATE - Cases de Sucesso
TDC2019 Intel Software Day - ACATE - Cases de SucessoTDC2019 Intel Software Day - ACATE - Cases de Sucesso
TDC2019 Intel Software Day - ACATE - Cases de Sucesso
 
TDC2019 Intel Software Day - Otimizacao grafica com o Intel GPA
TDC2019 Intel Software Day - Otimizacao grafica com o Intel GPATDC2019 Intel Software Day - Otimizacao grafica com o Intel GPA
TDC2019 Intel Software Day - Otimizacao grafica com o Intel GPA
 
TDC2019 Intel Software Day - Deteccao de objetos em tempo real com OpenVino
TDC2019 Intel Software Day - Deteccao de objetos em tempo real com OpenVinoTDC2019 Intel Software Day - Deteccao de objetos em tempo real com OpenVino
TDC2019 Intel Software Day - Deteccao de objetos em tempo real com OpenVino
 
TDC2019 Intel Software Day - OpenCV: Inteligencia artificial e Visao Computac...
TDC2019 Intel Software Day - OpenCV: Inteligencia artificial e Visao Computac...TDC2019 Intel Software Day - OpenCV: Inteligencia artificial e Visao Computac...
TDC2019 Intel Software Day - OpenCV: Inteligencia artificial e Visao Computac...
 
TDC2019 Intel Software Day - Inferencia de IA em edge devices
TDC2019 Intel Software Day - Inferencia de IA em edge devicesTDC2019 Intel Software Day - Inferencia de IA em edge devices
TDC2019 Intel Software Day - Inferencia de IA em edge devices
 
Trilha BigData - Banco de Dados Orientado a Grafos na Seguranca Publica
Trilha BigData - Banco de Dados Orientado a Grafos na Seguranca PublicaTrilha BigData - Banco de Dados Orientado a Grafos na Seguranca Publica
Trilha BigData - Banco de Dados Orientado a Grafos na Seguranca Publica
 
Trilha .Net - Programacao funcional usando f#
Trilha .Net - Programacao funcional usando f#Trilha .Net - Programacao funcional usando f#
Trilha .Net - Programacao funcional usando f#
 
TDC2018SP | Trilha Go - Case Easylocus
TDC2018SP | Trilha Go - Case EasylocusTDC2018SP | Trilha Go - Case Easylocus
TDC2018SP | Trilha Go - Case Easylocus
 
TDC2018SP | Trilha Modern Web - Para onde caminha a Web?
TDC2018SP | Trilha Modern Web - Para onde caminha a Web?TDC2018SP | Trilha Modern Web - Para onde caminha a Web?
TDC2018SP | Trilha Modern Web - Para onde caminha a Web?
 
TDC2018SP | Trilha Go - Clean architecture em Golang
TDC2018SP | Trilha Go - Clean architecture em GolangTDC2018SP | Trilha Go - Clean architecture em Golang
TDC2018SP | Trilha Go - Clean architecture em Golang
 
TDC2018SP | Trilha Go - "Go" tambem e linguagem de QA
TDC2018SP | Trilha Go - "Go" tambem e linguagem de QATDC2018SP | Trilha Go - "Go" tambem e linguagem de QA
TDC2018SP | Trilha Go - "Go" tambem e linguagem de QA
 
TDC2018SP | Trilha Mobile - Digital Wallets - Seguranca, inovacao e tendencia
TDC2018SP | Trilha Mobile - Digital Wallets - Seguranca, inovacao e tendenciaTDC2018SP | Trilha Mobile - Digital Wallets - Seguranca, inovacao e tendencia
TDC2018SP | Trilha Mobile - Digital Wallets - Seguranca, inovacao e tendencia
 
TDC2018SP | Trilha .Net - Real Time apps com Azure SignalR Service
TDC2018SP | Trilha .Net - Real Time apps com Azure SignalR ServiceTDC2018SP | Trilha .Net - Real Time apps com Azure SignalR Service
TDC2018SP | Trilha .Net - Real Time apps com Azure SignalR Service
 
TDC2018SP | Trilha .Net - Passado, Presente e Futuro do .NET
TDC2018SP | Trilha .Net - Passado, Presente e Futuro do .NETTDC2018SP | Trilha .Net - Passado, Presente e Futuro do .NET
TDC2018SP | Trilha .Net - Passado, Presente e Futuro do .NET
 
TDC2018SP | Trilha .Net - Novidades do C# 7 e 8
TDC2018SP | Trilha .Net - Novidades do C# 7 e 8TDC2018SP | Trilha .Net - Novidades do C# 7 e 8
TDC2018SP | Trilha .Net - Novidades do C# 7 e 8
 
TDC2018SP | Trilha .Net - Obtendo metricas com TDD utilizando build automatiz...
TDC2018SP | Trilha .Net - Obtendo metricas com TDD utilizando build automatiz...TDC2018SP | Trilha .Net - Obtendo metricas com TDD utilizando build automatiz...
TDC2018SP | Trilha .Net - Obtendo metricas com TDD utilizando build automatiz...
 
TDC2018SP | Trilha .Net - .NET funcional com F#
TDC2018SP | Trilha .Net - .NET funcional com F#TDC2018SP | Trilha .Net - .NET funcional com F#
TDC2018SP | Trilha .Net - .NET funcional com F#
 
TDC2018SP | Trilha .Net - Crie SPAs com Razor e C# usando Blazor em .Net Core
TDC2018SP | Trilha .Net - Crie SPAs com Razor e C# usando Blazor  em .Net CoreTDC2018SP | Trilha .Net - Crie SPAs com Razor e C# usando Blazor  em .Net Core
TDC2018SP | Trilha .Net - Crie SPAs com Razor e C# usando Blazor em .Net Core
 

Kürzlich hochgeladen

O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
azulassessoria9
 
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdfatividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
Autonoma
 
Aprender as diferentes formas de classificar as habilidades motoras é de extr...
Aprender as diferentes formas de classificar as habilidades motoras é de extr...Aprender as diferentes formas de classificar as habilidades motoras é de extr...
Aprender as diferentes formas de classificar as habilidades motoras é de extr...
azulassessoria9
 
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
azulassessoria9
 
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
azulassessoria9
 
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
azulassessoria9
 

Kürzlich hochgeladen (20)

6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx
 
Quiz | Dia da Europa 2024 (comemoração)
Quiz | Dia da Europa 2024  (comemoração)Quiz | Dia da Europa 2024  (comemoração)
Quiz | Dia da Europa 2024 (comemoração)
 
Questões de Língua Portuguesa - gincana da LP
Questões de Língua Portuguesa - gincana da LPQuestões de Língua Portuguesa - gincana da LP
Questões de Língua Portuguesa - gincana da LP
 
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
 
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
 
O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.
 
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptxMonoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
 
Sopa de letras | Dia da Europa 2024 (nível 2)
Sopa de letras | Dia da Europa 2024 (nível 2)Sopa de letras | Dia da Europa 2024 (nível 2)
Sopa de letras | Dia da Europa 2024 (nível 2)
 
Aula 67 e 68 Robótica 8º ano Experimentando variações da matriz de Led
Aula 67 e 68 Robótica 8º ano Experimentando variações da matriz de LedAula 67 e 68 Robótica 8º ano Experimentando variações da matriz de Led
Aula 67 e 68 Robótica 8º ano Experimentando variações da matriz de Led
 
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM POLÍGON...
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM  POLÍGON...Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM  POLÍGON...
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM POLÍGON...
 
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdfatividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
 
Aprender as diferentes formas de classificar as habilidades motoras é de extr...
Aprender as diferentes formas de classificar as habilidades motoras é de extr...Aprender as diferentes formas de classificar as habilidades motoras é de extr...
Aprender as diferentes formas de classificar as habilidades motoras é de extr...
 
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
 
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
 
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
 
Historia de Portugal - Quarto Ano - 2024
Historia de Portugal - Quarto Ano - 2024Historia de Portugal - Quarto Ano - 2024
Historia de Portugal - Quarto Ano - 2024
 
O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...
O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...
O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...
 
MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdf
MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdfMESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdf
MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdf
 
Cartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptxCartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptx
 
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
 

TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o desenvolvedor por seu site ou app nao ser acessivel?

  • 1. Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?
  • 2. Marcelo Sales Quem são os responsáveis por aplicar a acessibilidade em projetos digitais? apresentação baseada no artigo https://medium.com/tableless/quem-s%C3%A3o-os-respons%C3%A1veis-por-aplicar-a-acessibilidade-em-projetos-digitais-87f7e55e03bf • designer, há mais de 15 anos atuando profissionalmente em projetos visuais • já construí marcas, material impresso, desenvolvi vinhetas, tentei 3D e brinquei com código de designer (HTML e CSS) • atualmente com foco em UX e Acessibilidade https://www.behance.net/msales Behance (não atualizado) Criador do projeto http://acessibilida.de
  • 5. Não é altruísmo! Acessibilidade é pra TODOS! Não é para deficientes! Não é para deficientes visuais! Acesso Universal
  • 8. WCAG Web Content Accessibility Guidelines ”Content”, não ”Pages”
  • 9. por que então muitas pessoas ainda associam acessibilidade a algo técnico?
  • 10. W3C > WAI > WCAG WCAG 1.0> Foco em técnicas/código WCAG 2.0> Foco em princípios fundamentais WCAG 2.1> Continua o mesmo foco, adicionando novos critérios
  • 12. Ilustra por Daniel Campos / D3 Estúdio Quem nunca?
  • 13. “os projetos mais frustrantes do qual participei são aqueles onde as pessoas não entendem por que o desenvolvimento front-end precisava ser envolvido cedo no processo de design” Brad Frost, no artigo “Development is design” “o trabalho feito pelos desenvolvedores tem impacto direto na experiência do usuário, para o bem ou para o mal” Fabrício Teixeira, no livro “Introdução e boas práticas em UX Design”
  • 14. Posso colocar toda a culpa somente no desenvolvedor?
  • 15. Posso colocar toda a culpa somente no designer?
  • 16. Posso colocar toda a culpa somente no UXer?
  • 17. Posso colocar toda a culpa somente no QA (tester)?
  • 18. Independente de quem seja, ninguém pode levar a “culpa” sozinho! assim como em casos de sucesso,
  • 19. qual é o papel de cada profissional (ou área) envolvidos?
  • 20. negócios demandas não devem ser vistas como uma simples necessidade de compliance
  • 21. negócios • ROI não se da apenas em torno de dinheiro • Retorno positivo perante a sociedade • Melhor experiência para TODOS os usuários
  • 23. marketing • 3º princípio de acessibilidade = COMPREENSÍVEL • Títulos de páginas • Explicação de produtos e serviços • Mensagens de erros
  • 24. design emoção e sentimento para todos os sentidos, não apenas a visão
  • 25. design • cores, tamanhos de textos, áreas clicáveis, alinhamentos • visão... audição e também tato! • 4º princípio de acessibilidade = ROBUSTO
  • 26. ux experiências impecáveis independentemente de habilidades e/ou deficiências
  • 27. ux • todos devem ter a mesma experiência (ou o mais próximo disso) • conhecer diversos tipos de tecnologias assistivas • conhecer recursos de assistência em sistemas operacionais (mobile e desktop) e browser (zoom, por exemplo) • devem abraçar o papel de evangelistas de acessibilidade! • saber hierarquizar corretamente conteúdos e como esses conteúdos se comportarão com responsividade
  • 28. tecnologia implementação de código semântico e dentro de padrões universais
  • 29. tecnologia • não existe código “para acessibilidade”, existe código semântico • o maior motivo de problemas de acessibilidade é por desconhecimento de padrões web • HTML é uma linguagem naturalmente acessível • ARIA e Accessibility Tree
  • 30. qualidade e testes por que alguém tem que ajudar a garantir a excelência
  • 31. qualidade e testes (QA) • a equipe que irá AJUDAR com a qualidade final • não pode ser a responsável pelo insucesso da implantação • é ideal que além de diretrizes e princípios, conheçam UX e/ou desenvolvimento
  • 33. usuário • também somos usuários! • nossa necessidade de web acessível pode durar um minuto, uma hora ou o resto de nossas vidas. • será que eu consigo utilizar o que eu mesmo estou criando/projetando?
  • 34. De quem é a responsabilidade por aplicar acessibilidade em sites ou aplicativos? a responsabilidade é de TODOS
  • 35. Obrigado! twitter | instagram | facebook @msales http://acessibilida.de ola@acessibilida.de link para PPT bit.ly/responsaveis-por-aplicar-acessibilidade