Uses

Tools, stack and setup I use daily as a Web Accessibility Engineer with a strong background in frontend development and design systems.

Stack

  • TypeScriptPrimary language for all frontend work.
  • React + Next.jsApp Router for this site and most projects.
  • SASS + BEMCSS methodology of choice — no Tailwind, no CSS-in-JS.
  • AngularUsed extensively at Itaú Unibanco on the design system team.
  • Web ComponentsFramework-agnostic components for cross-platform design systems.

Accessibility

  • axe DevToolsAutomated accessibility auditing in the browser.
  • LighthouseAutomated auditing for accessibility, performance and best practices.
  • NVDAScreen reader testing on Windows.
  • VoiceOverScreen reader testing on macOS and iOS.
  • TalkBackScreen reader testing on Android.
  • Jest + jest-axeUnit testing in the test suite.
  • Playwright + axe-coreAutomated accessibility testing in the test suite.

Design

  • FigmaDesign, prototyping and design system documentation.
  • Tokens StudioDesign token management inside Figma, synced with code.
  • Style DictionaryTransforms design tokens into CSS, SCSS, Swift and XML.

Tooling

  • VS CodeEditor of choice.
  • GitHub ActionsCI/CD pipeline for lint, tests, build and release.
  • Semantic ReleaseAutomated versioning and changelog from conventional commits.
  • Chrome DevTools MCPMCP server for Chrome DevTools — used directly in VS Code for debugging and accessibility inspection.