Dima Belyaev
banner
blvdmitry.me
Dima Belyaev
@blvdmitry.me
Building reshaped.so / designsystemchecklist.com 🚀
Staff Engineer at Shopify
Having fun with another small feature after a queue of accessibility improvements: turning ActionBar into an actual action bar that can be positioned and toggled ✨
August 9, 2025 at 11:17 PM
I often see engineers getting surprised by this but tabs navigation should be arrow based, similar to radio buttons. So keyboard / screen reader users don't have to go through all the tab items before getting to the content 👀
August 9, 2025 at 2:40 PM
Got toasts with actions? Make sure they're included in the tab order and don't hide the toast while user focus is inside it ✨
August 6, 2025 at 6:33 PM
bsky found a solution for it though, doesn't really open it with keyboard
August 5, 2025 at 8:59 PM
I guess this becomes a month of accessibility tips while I'm finishing the review of all Reshaped components ✨

If you're implementing focus trap for your components, remember that nothing prevents them from being nested and you need to restore the focus all the way back 👀
August 5, 2025 at 7:57 PM
Another accessibility detail (more common to handle) – make sure to have a single focusable date in calendars but the default should be last focused date > selected date > today > first date of the month
August 4, 2025 at 9:05 PM
Easy to miss a11y detail: if you remove DOM elements while they're focused – move the focus to another relevant element in the same group ✨
August 3, 2025 at 5:16 PM
Prepared and sent the content outline for the dropdown talk, fingers crossed now for it to get selected 🤞
July 5, 2025 at 10:35 AM
Adding a way to extract custom resizable handles into standalone reusable components that can react to its status ✨
June 27, 2025 at 9:13 AM
Finally adding ToggleButton and ToggleButtonGroup 👀
June 25, 2025 at 10:02 AM