Скачать или смотреть Accessibility at Scale with Kateryna Porshnieva, Engineering at Buffer

In this episode of Señors @ Scale, Kateryna Porchienova, Senior Engineering Manager at Buffer, joins Dan to talk about her journey into programming, the craft of UI animation, and why accessibility should be a standard — not an afterthought.

Kateryna shares how her very first app, built in high school, ended up helping children with disabilities learn from home — sparking a lifelong commitment to inclusion in tech. She walks us through best practices for accessibility, from learning to use a screen reader to understanding semantic HTML and ARIA roles.

We also dive into the tooling side — from React Aria and Radix to Storybook and Lighthouse — and discuss how AI can both help and hurt accessibility efforts. Kateryna explains the most common mistakes developers make (like overusing ARIA labels), why animation and motion preferences matter for users’ health, and how to advocate for accessibility within engineering teams and company culture.

The episode closes with her favorite book recommendations on product development and communication, underscoring how great engineering is as much about people as it is about code.

🎯 Whether you’re a frontend developer, design system engineer, or tech lead, this episode is packed with real stories, practical takeaways, and thoughtful lessons from years of building inclusive products at scale.

Chapters
00:00 Introduction to Katarina Porchienova
02:40 The Importance of Animation in UI Design
05:23 Katarina's Journey into Programming
09:02 Exploring Accessibility in Development
11:43 Best Practices for Accessibility
14:18 Tools and Libraries for Accessibility Testing
17:09 The Role of AI in Accessibility
20:44 Common Mistakes in Accessibility Implementation
24:14 Advocating for Accessibility in Companies
30:37 Recommended Books and Closing Thoughts

---

Follow & Subscribe:
📸 Instagram:   / senorsatscale  
📸 Instagram:   / neciudev  
🎙 Podcast URL: https://neciudan.dev/senors-at-scale
📬 Newsletter: https://neciudan.dev/subscribe
💼 LinkedIn:   / neciudan  
💼 LinkedIn:   / se%c3%b1ors-scale  

---

Here are some additional resources to dive deeper into the topic and learn more:

If you are just starting with accessibility, this free course on Udacity is awesome:
🔗 [Web Accessibility Course / Udacity](https://www.udacity.com/course/web-ac...)
A11ycasts series on YouTube is great for bite-sized content on accessibility and screen-reader tutorials
🔗 [A11ycasts with Rob Dodson](   • Introducing A11ycasts! -- A11ycasts #01  )
[Adrian Roselli blog](https://adrianroselli.com/posts) is an awesome resource for deep dives on specific topics and details

[Web Content Accessibility Guidelines (WCAG) 2.1](https://www.w3.org/TR/WCAG/)
[ARIA Authoring Practices Guide (APG)](https://www.w3.org/WAI/ARIA/apg/) is super useful for developing different widgets
[HTML Accessibility API Mappings](https://www.w3.org/TR/html-aam/) to see how native HTML elements map to accessibility tree
[Aria Live Regions documentation](https://developer.mozilla.org/en-US/d...) to learn more about announcements and live regions
[A11Y support](https://a11ysupport.io/) shows support for various ARIA attributes across different screen readers


#accessibility #webdevelopment #frontend #uiux #animation #buffer #reactaria #softwareengineering #a11y #engineeringculture #señorsatscale

Don’t forget to like, comment, and subscribe for more engineering stories from the front lines.
How is your team building accessibility into your workflow? Share below 👇