Acessibilidade e Design System: será que deu match?

Quando tudo começou

  • Acessibilidade (A11Y)
  • Design System (DS)
  • Writing
  • Research

Um pouquinho de contexto

  • Eficiência para seu time
  • Consistência para seus usuários
  • Escala para sua empresa

Definições de conceitos importantes pela Microsoft:

  • Acessibilidade: qualidades que tornam uma experiência aberta a todos.
  • Design inclusivo: metodologia de design que permite e se baseia em toda a gama de diversidade humana.

Arrumando a casa

1. Nossas cores

2. Nossos textos

Ferramentas de acessibilidade. Aliadas ou vilãs?

1. Reinventar a roda? Ou apenas repensar?

2. E qual foi o resultado disso tudo?

  • Mode (Modo): Light (Claro) + Dark (Escuro)
  • Brand Colors (Cores da Marca): Primary (Primária) + Secondary (Secundária)
  • Neutral Colors (Cores Neutras): Low (baixa) intensidade + High (alta) intensidade
  • Feedback Colors (Cores de Feedback): Success (Sucesso) + Info (Informação) + Waring (Atenção) + Danger (Perigo)
  1. Primary pure (Primária pura)
    1.1 — Primary dark (Primária escura)
    1.2 — Primary medium (Primária média)
    1.3 — Primary light (Primária clara)

Mas isso é responsabilidade só das pessoas de design?

  1. Contextualização do tema / Nossas motivações
  2. Desenvolvimento técnico e embasado no que outras empresas já fazem
  3. Aplicação dos novos Foundations em algumas das interfaces do produto
  4. Como podemos difundir o uso e tornar isso um ponto de atenção dentro dos times/squads

E chegamos ao final? Acabou?

Time de pessoas responsáveis pelo projeto

--

--

Bootcamps imersivos, práticos e de curta duração com facilitadores das principais startups do mundo.

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store