Uranus® Design System

Acessibilidade

As inegociáveis que todo componente e toda página Uranus precisa cumprir.

Todo componente em @uranus-workspace/design-system e @uranus-workspace/blocks chega com testes jest-axe e com o @storybook/addon-a11y configurado para error, não warn. Componentes novos só são mesclados se passarem nos testes de a11y.

Metas de base

  • WCAG 2.2 AA — contraste de texto, visibilidade de foco, tamanho de alvo, redimensionamento.
  • Teclado primeiro — todo elemento interativo é alcançável e operável pelo teclado. Nada exclusivo de mouse.
  • HTML semântico — prefira elementos nativos (<button>, <nav>, <dialog>) a reinvenção via ARIA.
  • Aparência do foco — outline de 2px com --color-ring, offset de 2px, aplicado via :focus-visible. Nunca remova outlines sem substituí-los.
  • Reduced motion — honre prefers-reduced-motion: reduce em toda animação.

On this page