SlideShare uma empresa Scribd logo
1 de 35
Baixar para ler offline
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

Mais conteúdo relacionado

Mais procurados

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 universalFernando Figueroa
 
Ux nas organizações
Ux nas organizaçõesUx nas organizações
Ux nas organizaçõesEdu Agni
 
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 - FISL14Juliana Fernandes
 
"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...EDIT. - Disruptive Digital Education
 
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
 
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 InterfaceEdu Agni
 
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 UXEdu Agni
 
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)Edu Agni
 
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-01Renato Melo
 
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 webMarcelo Sales
 
Web Design Responsivo
Web Design ResponsivoWeb Design Responsivo
Web Design ResponsivoVictor Melo
 
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
 
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 artificialMarcelo Sales
 

Mais procurados (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
 
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)
 
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
 
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
 

Semelhante a Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?

Introdução a Internet
Introdução a InternetIntrodução a Internet
Introdução a InternetMarcio Duarte
 
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árioBruno Biagioni Neto
 
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 empresasinovaDay .
 
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 Internetfmota2
 
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...Ricardo Pereira Rodrigues
 
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 brandingJoão Alves
 
WAIU - Workshop AI, Acessibilidade e Usabilidade
WAIU - Workshop AI, Acessibilidade e UsabilidadeWAIU - Workshop AI, Acessibilidade e Usabilidade
WAIU - Workshop AI, Acessibilidade e UsabilidadeHorácio Soares
 
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 DigitalMarconi Pacheco
 
Acessibilidade em CSS - ABC Dev
Acessibilidade em CSS - ABC DevAcessibilidade em CSS - ABC Dev
Acessibilidade em CSS - ABC DevLucas J Silva
 
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
 
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-commerceEdu Agni
 
Design e produção multimídia
Design e produção multimídiaDesign e produção multimídia
Design e produção multimídiaDarwin Mota
 
Usabilidade Conceitos Centrais
Usabilidade Conceitos CentraisUsabilidade Conceitos Centrais
Usabilidade Conceitos CentraisJose Claudio Terra
 
Usabilidade Conceitos Centrais
Usabilidade  Conceitos CentraisUsabilidade  Conceitos Centrais
Usabilidade Conceitos CentraisCarlos Franco
 

Semelhante a Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível? (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
 

Último

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
 
Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Érica Pizzino
 
Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfCharlesFranklin13
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfAnnaCarolina242437
 
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
 
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
 
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
 
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
 

Último (8)

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
 
Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.
 
Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdf
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdf
 
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
 
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
 
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...
 
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
 

Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?

  • 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