The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
One thing I care about when building interactions like this is accessibility, especially making sure they still work well when you’re not using a mouse.
For this merchant onboarding component, that meant:
- Keyboard navigation with a logical tab order
- Focus management through expand and collapse
- ARIA states for disclosures and dropdown menus
- Clear focus states across light and dark
- Reduced motion when the user prefers it
A lot of this isn’t really obvious from looking at the UI, but it’s part of the build for me.
thank you!
Reduced motion support is the one people forget most, and it's invisible in the UI but still part of the build, that framing is spot on. Most non-technical clients would never think to ask for any of this. Do you have a go-to way of testing focus order beyond just tabbing through manually?
Yeah, mostly manual tabbing for focus order because I’ve found it’s the quickest way to catch when something actually feels wrong. I’ll usually pair that with axe/Lighthouse for the broader accessibility checks, but for focus specifically I like going through the whole...
Pairing manual tabbing with axe and Lighthouse is a smart combo since most people lean entirely on the automated tools and miss what manual tabbing actually catches for focus order. Do you run that pass once near the end of a build, or check it as each component ships?
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Payvio - Fintech Landing Page
A dark, high-contrast fintech landing page built around trust and speed.
Bold typography carries the core message, a security badge adds instant credibility, and a clean two-button CTA reduces friction. Every element earns its place - premium, fast, and clear.
Really clean execution. The visual hierarchy works beautifully.
Healthcare & Wellness Coaching Website Design. 👇
A modern, clean, and user-focused website design for a wellness coaching brand, featuring healthcare services, wellness programs, appointment booking, client testimonials, expert coaches, latest insights, and a strong orange-and-white visual identity.
Well done !
Which NovaPay identity fits a modern fintech brand better?
8 voted
44%
10 voted
56%
18 votes
Closed
Futuristic for me, the gold version reads more like a private bank or a jeweler than a payments app. Blue and silver still says money without borrowing luxury signals a fintech probably shouldn't lean on.
