Acessibilidade para turbinar as estratégias de Black Friday
Foto
AMANDA
LYRA
Quem sou eu
Especialista em Acessibilidade Digital
Líder de Novos negócios e Relacionamento corporativo ASID Brasil
Artista musical
Palestrante de Diversidade e Inclusão
Consultora de Acessibilidade e D&I
Pessoa com Deficiência
Análise
De cenário.
Pessoas com Deficiências, acessibilidade, legislação
01
\
População Global�7.7 Bilhões�
Pessoas com Deficiência
População em envelhecimento
Amigos e Família
Todos os demais
+ 3 bilhões
+ 2.4 bilhões
+ 700 milhões
+ 1 Bilhão
11 BILHÕES
de reais por mês
de renda disponível, segundo o IBGE
Pessoas com Deficiências movimentam
DADOS PROCOM
74,18%
tem dificuldades
em comprar
e acessar serviços no comércio virtual
Desafios:
das pessoas
com deficiências e seus familiares compram
pela internet.
39,24%
SITE ACESSÍVEL
É lei desde 2016
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.
Mas apenas
0,89%
dos sites brasileiros
são acessíveis
Segundo pesquisa do Movimento Web Para Todos e Big Corp
Por que essas informações
são importantes para SEO?
“Organizar as informações disponíveis no mundo e torná-las acessíveis e úteis para todas as pessoas.”
�
Vamos começar refletindo sobre a missão do Google...
�
Think With Google
Think With Google
Think With Google
Think With Google
As coisas
começaram a mudar!
CONCEITO
ACESSIBILIDADE.
02
ACESSIBILIDADE
É A QUALIDADE DAQUILO
QUE TEM ACESSO FÁCIL!
Imagine
que o seu site está
no 20º andar de um prédio
sem acessibilidade
Seu conteúdo
Seus clientes
O que faria essa jornada ser fácil
e rápida?
você
usuários
Na web, a acessibilidade funciona como um
elevador digital
E o que isso tem a ver com SEO?
Quem visita as páginas de um site?
Humanos e Máquinas
Acessibilidade é bom pra quem?
+11
MILHÕES
+8
MILHÕES
+13
MILHÕES
2,5
MILHÕES
com deficiências
INTELECTUAIS
com deficiências
VISUAIS
e dificuldade de enxergar
com deficiências
AUDITIVAS
com DALTONISMO
+35
MILHÕES
com deficiências
FÍSICAS
Acessibilidade é bom pra quem?
+242
MILHÕES
+37.7
MILHÕES
+21.8
MILHÕES
Neurodiversos
Com mais 60 anos
Pessoas que usam celular
6 benefícios da acessibilidade
para a performance
PCD
60+
Neurodiversas
Algoritmos
Tecnologias Assistivas
PSD
Aprendendo na prática
03
Como saber se
o site está acessível?
Avaliação técnica
com base na WCAG
(Web Content Accessibility Guidelines)
Existem ferramentas que mapeiam todo o site pelo código HTML e apontam o que é preciso corrigir para cumprir as diretrizes da WCAG. Como o Acces Monitor, Ases, Wave e IBM Equal Access.
Quais são os
princícios da WCAG
Perceptível
Informações
e componentes de interface apresentadas de forma que o usuário possa percebê-las usando UM de seus sentidos.
Robusto
O conteúdo deve permitir uma interpretação confiável por uma vasta quantidade de usuários, incluindo aqueles que usam tecnologias assistivas.
Operável
Os componentes de interface e navegação devem ser operáveis e não podem exigir do usuário uma interação que ele não possa executar.
Compreensível
A informação e a operação dos componentes da interface do site devem ser compreensíveis e diretas.
ACESSIBILIDADE
TURBINANDO O SEO DA BLACK FRIDAY (até rimou!)
04
65% da etapa de avaliação
é composta pela VALIDAÇÃO HUMANA!
�É preciso realizar testes, experimentações, uso de leitor de tela, simuladores de deficiências e outras tecnologias assistivas, além de unir tudo isso com o conhecimento de causa.
NADA SOBRE NÓS, SEM NÓS
Experiência do usuário
Experiência do usuário
O QUE TODO PROFISSIONAL DE SEO DEVE SABER SOBRE SOBRE ACESSIBILIDADE?
NAVEGAÇÃO ACESSÍVEL POR TECLADO
E ELEMENTOS FOCALIZÁVEIS
SÃO ESSENCIAIS
Para testes rápidos, experimente navegar no seu site utilizando apenas o teclado, usando a tecla TAB para navegar entre elementos clicáveis.
Alguns elementos como os links <a> já são focalizados como padrão, porém existem elementos que não tem esse padrão, por isso a tag deve ser usada.
Se não desejar definir a ordem, basta usar seu elemento com foco tabindex="0"em todos esses elementos.
O tabindex="-1" também pode ser usado para definir a hierarquia dos elementos, exemplo:
DICA:
LANDMARKS, SKIP LINKS E BREADCRUMBS SÃO PRIMORDIAIS
As LANDMARKS (ou pontos de referência), delimitam as áreas da página, para que os SKIP LINKS (links de pular conteúdo) sejam implementados e permitam que o usuário pule de uma área para outra facilmente.
Já os BREADCRUMBS auxiliam os usuários a entenderem o próprio fluxo de navegação no site!
SKIP LINKS
Alt Text deve ser usado com sabedoria
Heading Tag
vai além do H1
Quem usa leitor de tela, também navega por meio de Heading Tags
elas ajudam a organizar as informações da página de uma forma lógica – para o usuário e para o Google.
Heading Tag vai além do H1
H1
H2
H2
H2
H2
H2
H2
Quem usa leitor de tela, também navega por meio de Heading Tags
elas ajudam a organizar as informações da página de uma forma lógica – para o usuário e para o Google.
WAI-ARIA E DADOS ESTRUTURADOS SÃO PRIMOS
As tags de WAI-ARIA são atributos adicionados a elementos HTML para melhorar a acessibilidade para pessoas com deficiência, permitindo que elas compreendam e interajam com o conteúdo de forma adequada.
Melhora na
Acessibilidade,
experiência
do usuário e
desempenho
Orgânico!
WAI-ARIA
=
DADOS
ESTRUTURADOS
+
LEGENDAS OTIMIZADAS, melhoram
a performance em vídeos
Outros fatores técnicos:
OTIMIZAÇÃO PARA
PÁGINAS DE PRODUTO
DESCRIÇÃO DE PRODUTOS
Que produto você imaginaria,
com base nas informações abaixo?
Alt Text:
INEXISTENTE
Descrição do site:
“BLAZER NAUTICO STRETCH
COMPOSIÇÃO
92% Poliamida 8% Elastano
CÓDIGO DO PRODUTO
Ref: 0064267040”
DESCRIÇÃO DE PRODUTOS
DESCRIÇÃO DE PRODUTOS
CONTRASTE DE TEXTO E IMAGEM
Pessoas com daltonismo ou deficiências visuais se guiam pelo nome das cores e muitas pessoas buscam por “esmalte vermelho” e não por “esmalte pura sedução” em sites de busca.
INFORMAÇÕES ADICIONAIS
SOBRE O PRODUTO NA DESCRIÇÃO:
Incenso Massala Nag Champa Darshan Mix 6cx 15gr+ Brinde
O que poderia melhorar a experiência de todos os usuários:
CONCLUSÃO
Comece usando
Um validador automático
Crie estratégias pensando
em acessibilidade
ACESSIBILIDADE NÃO É PARA PESSOAS COM DEFICIÊNCIAS,
É PARA TODOS!
Quantos elevadores digitais você está construindo para seu cliente?
Preparei um material com plugins e ferramentas para te ajudar nessa missão!
Entre em contato
e solicite o seu =)
Obrigada!
Foto
Amanda
Lyra