top of page
banner-a11y-neon.png

PROPORCIONAR ACESSO

A meta era assegurar que as entregas seguissem os padrões de acessibilidade, promovendo uma experiência igualitária.

OUTCOME

Garantir acessibilidade digital em todos os projetos do Banco Neon, seguindo uma OKR de Acessibilidade, foi um desafio que envolveu realizar o handoff com foco na inclusão. 

A INCLUSÃO ACONTECE QUANDO SE APRENDE COM AS DIFERENÇAS E NÃO COM AS IGUALDADES.
- PAULO FREIRE -

KEY STAGES

A. Entendimento: 
Benchmark / Alinhamento / Roadmap.

B. Diagnóstico:
Pesquisa Qualitativa / Análise do APP / Documentação.

C. Acionáveis: 
Template Figma / Vídeo aula / Documentação / Planilha de acompanhamento.

D. Comunicação: 
Cursos / Talks / Exibição de resultados.

SUPPORT DOCS

A. One Page: 
Google Docs com a organização mental de todo projeto e suas etapas.

B. Project Plan: 
Google Sheets com roadmap, e também com todos os dados do mapeamento pós implementação.

C. Template Handoff Figma: 
Assets para serem utilizados no momento de handoff de acessibilidade (PD > DEV).

D. Cursos e vídeos: 
Looker Studio com demostração de visualização de gráficos dos resultados.

ORDEM DE LEITURA

Nada mais é do que enumerarmos qual a ordem de interação a partir de uma navegação por teclado e/ou leitor de tela.
A numeração indica a ordem a ser seguida.
Elementos são delimitados pelas áreas tracejadas.

banner4-handa11y-neon.png

IMAGENS DE CORATIVAS

Não menos importante, vale reforçar quais imagens não devem ser lidas e/ou consideradas naquela Interface.

Elemento com ícone com olho riscado, serve de apoio visual para identificação.

RÓTULOS

Para auxiliar a construção do handoff, assim como o entendimento do mesmo, foi proposta uma estrutura de componente no Figma.


COMPONENTE CONTEMPLA

Read order
Role
Accessible Label
Hint (optional)
Observation (optional)
Limiter
Hide from screen reader

banner2-handa11y-neon.png

DOCUMENTAÇÃO

Não apenas para registro, mas como compartilhamento e ensino, seguimos com diversos formatos e suportes de informação. Sempre de forma clara, sucinta e didática.

FIGMA

Como recurso mais utilizado pelas pessoas do time de Design, além do manual de ultilização do handoff, ferramentas e otimizações para suas entregas.

ZEROHEIGHT

Seguindo o padrão de documentação do Design Systems, as boas práticas de HandOff e seus componentes foram disponibilizados para o público externo.

CONFLUENCE

Para as demais áreas da empresa a proposta foi ter uma documentação acessível para que todas as pessoas tivessem acesso, entendimento e aprendizado sobre acessibilidade e o processo de handoff.

DADOS

Parar traçar ações mais assertivas e inclusivas, foi feito um mapeamento com os times de mobile (33% de respondentes) e produto (20% de respondentes) para nivelamento de conhecimento e interesse no tema de acessibilidade.

meli-dash-looker.png

FUTURO: ITERAÇÃO

Este um projeto com um início muito interessante, mas sem dúvidas sem um final perdido. O processo de aprendizado e constante evolução com as pessoas usuárias não pode deixar de ser o foco principal.

FUTURO: KPI / OKR

Ter um KPI de uma área focado em acessibilidade, é sem dúvida uma grande conquista e primeiro passo, já que demonstra a importância e a atenção de diferentes esferas da empresa, com olhar voltado para o tema.

FUTURO: CURSOS

Com o mapeamento inicial, tanto de habilidades, quanto de entregas e participação, podemos desenvolver mais discussões e aumentar o conhecimento em diferentes níveis.

PROJECT CONTRIBUTORS

Aline Ribeiro: Product Designer​​

Lucas Matheus: Product Designer​​

Everton Aquiles: Product Designer / Design System

bottom of page