WordCamp Floripa 2021

1. Seu site limita o acesso dos usuários?
Como boas práticas ajudam na usabilidade e
acessibilidade.

2. Focada incansavelmente em decisões de
design centradas no usuário. É UX
designer e engenheira de software. Adora
resolver problemas e melhorar a eficiência
e acessibilidade dos mais diversos
produtos e serviços.
Eliane Quadro
Idealizadora do programa Adapte-se ao
mundo online. Desenvolve sites em
WordPress, é especialista em marketing
e consultora de negócios turísticos.
Luciane Quadro

3. Conceituar usabilidade e acessibilidade
Análise heurística com análise de acessibilidade
Exemplos de correções em um site WordPress
objetivos
Na palestra de hoje, nosso objetivo é:

4. Case

5. "A usabilidade se aplica a todos os aspectos
de um sistema com o qual um ser humano
pode interagir."
NIELSEN, 1993
https://www.nngroup.com/people-jakob-nielsen-photos/

6. ISO 9241
EFICÁCIA: capacidade de executar a tarefa
de forma correta e completa
EFICIÊNCIA: são os recursos gastos para
conseguir ter eficácia na realização da tarefa.
Sejam eles tempo, dinheiro, produtividade ou
memória.
SATISFAÇÃO: se refere ao nível de conforto
que o usuário sente ao utilizar a interface
https://www.userfocus.co.uk/pdf/ISO9241_EN.pdf

7. O que é acessibilidade digital?
"Acessibilidade digital é uma série de recursos que possibilita a navegação, a
compreensão e a interação de qualquer pessoa na web, independentemente de suas
dificuldades, sem ajuda de ninguém."
Movimento Web para Todos
https://mwpt.com.br/

8. Pessoas com deficiência no brasil
https://www.mpsc.mp.br/o-ministerio-publico/programas2
http://www2.camara.leg.br/atividade-legislativa/comissoes/comissoes-permanentes/cpd/noticias/assessor-do-ibge-participa-de-debate-sobre-a-deficiencia-no-pais
1.331.445 residiam no estado
de Santa Catarina, o que
corresponde a
da população catarinense.
21,31%

9. O que diz a lei sobre a
acessibilidade na web
CAPÍTULO II
DO ACESSO À INFORMAÇÃO E À
COMUNICAÇÃO
Art. 63. É obrigatória a acessibilidade nos sítios
da internet mantidos por empresas com sede ou
representação comercial no País ou por órgãos de
governo, para uso da pessoa com deficiência,
garantindo-lhe acesso às informações disponíveis,
conforme as melhores práticas e diretrizes de
acessibilidade adotadas internacionalmente.
http://www.planalto.gov.br/ccivil_03/_Ato2015-2018/2015/Lei/L13146.htm

10. “A tecnologia possibilita interromper a
limitação, dá a capacidade, a
autonomia ao indivíduo”
Rita Bersch
Deficiência
=
Interações Humanas Incompatíveis

11. Aprenda com a diversidade
Os Princípios do design inclusivo
Reconhecer exclusão
Resolva para um, estenda para muitos
http://designinclusivo.com/
https://www.microsoft.com/design/inclusive/

12. avaliação heurística
https://www.uxresearchandstrategy.com/uploads/1/2/6/7/126713167/heuristically_speaking_uxrs_3182022.pdf
O que não é?
O que é?
Quando fazer?
O que é necessário?

13. Visibilidade do status do sistema;
Correspondência entre o sistema e o mundo real;
Liberdade e controle do usuário;
Consistência e padrões;
Prevenção de erros;
Reconhecer ao invés de lembrar;
Flexibilidade e Eficiência;
Estética e Design minimalista;
Auxiliar usuários a reconhecer, diagnosticar e recuperar erros;
Ajuda e Documentação.
heurísticas de Nielsen

16. antes ...

17. ... depois

18. antes ...

19. ... depois

20. A acessibilidade é um processo contínuo de
aperfeiçoamento e aprendizado.
Conversar sobre o assunto com os colegas
de trabalho e comunidade, estudar, passar a
enxergar as pessoas com deficiência.
Vamos exercitar a empatia.
Não basta selecionar um tema acessível
disponível no WordPress, para seu site estar
apto para a navegação e compreensão de
todas as pessoas com e sem deficiência.
Não tenha medo de começar.
CONCLUSÕES
@lifeswhispers
MESMO PEQUENOS BARCOS
FAZEM GRANDES ONDAS

21. Links para estudo e prática de análises heurísticas:
https://www.nngroup.com/articles/ten-usability-heuristics/
https://medium.com/aela/10-heur%C3%ADsticas-de-nielsen-dicas-para-melhorar-a-usabilidade-de-
sua-interface-35ef86a7fb41
Acessibilidade
https://mwpt.com.br/wordpress-nao-garante-acessibilidade-de-seu-site/
https://gaia.wiki.br/
https://guia-wcag.com/
https://webaim.org/
Análise automática, extensão chrome
https://chrome.google.com/webstore/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh

22. Vamos eliminar as barreiras de acesso
De pessoas AOS NOSSOS SITES!
UTILIZANDO boas práticas QUE ajudam na usabilidade e
acessibilidade.
elianequadro
lucianequadro