Back to overview

Building Accessible Web Apps with Shruti Kapoor

In this episode, Shruti Kapoor, frontend engineer, educator, and accessibility advocate, joins Kent to discuss the nuances of building accessible web applications from the ground up. She shares insights from her work at Slack’s design systems team and previews her Epic WebConf talk, where she will demonstrate how to build an accessible real estate app, test it with screen readers, and fix common accessibility pitfalls. They also discuss the importance of fostering inclusive digital experiences and why in-person conferences like Epic WebConf are invaluable for professional growth and networking.

Shruti Kapoor, a frontend engineer at Slack and an Epic Web instructor, joins Kent to dive into the intricacies of accessibility in web development. With over a decade of experience, Shruti has dedicated herself to educating developers on building accessible and inclusive applications.

Her Epic WebConf talk, "Building Accessible Web Apps," will focus on real-world accessibility challenges, showcasing a live demo where she transforms a web app to improve usability for all users. She emphasizes how accessibility is more than just ARIA labels—it requires a thoughtful UX approach, including proper focus management, screen reader behavior, and inclusive interaction patterns.

Kent and Shruti also discuss her experience traveling globally for conferences, how different regions approach web development, and why she prioritizes in-person events like Epic WebConf. They wrap up by exploring imposter syndrome, mentorship, and how developers can take their first steps into public speaking.

Watch this episode.

Meet Shruti at Epic Web Conf.

Guests

Shruti Kapoor
Shruti Kapoor

Transcript

Kent C. Dodds (00:01.06)
Hi everyone, I'm Kent C. Dodds and I'm joined by my friend Shruti Kapoor. How are you Shruti?

Shruti Kapoor (00:06.666)
I'm doing great Kent, how are you?

Kent C. Dodds (00:09.024)
I'm awesome. I'm so excited that you're coming. You have been to one of my conferences before, RemixConf, where you were an emcee and you were lovely and wonderful there and it was so fun and we all got to dance and it was great. And now I'm so excited to have you at Epic WebConf as a speaker. I'm very excited to have you.

Shruti Kapoor (00:15.447)
Yes.

Shruti Kapoor (00:30.018)
Yeah, I'm so excited to come. When you announced that you're going to be hosting a conference, was like, heck yeah. I know RemixConf was awesome. So this is going to be epic.

Kent C. Dodds (00:39.952)
Yes, yes. it's good. And honestly, it's people like you that make it epic. And so I'm very glad that you're coming. I'm very excited to have you there. So before we get too far into things, I think people would love to get to know you a little bit. So can you give us a little idea of who you are and what things you're into?

Shruti Kapoor (00:47.441)
Shruti Kapoor (01:01.292)
Yeah. So hello, everyone. I am Shruti Kapoor. I have been working as a frontend engineer for over a decade now. I am a content creator. I'm an educator. I also am an Epic Web instructor, I teach, I'm teaching accessibility there. So the talk that I'm going to be doing at Epic Web is kind of an extension of the articles that I've written on Epic Web, which is when I will show you how to build an accessible web app from the get-go.

Kent C. Dodds (01:15.215)
Woohoo!

Shruti Kapoor (01:31.118)
So you're not baking it in towards the end, but you're thinking about it as you're building it and kind of building an accessible design thinking instead of slapping it towards the end. So that's what I'm going to be talking about. Other than speaking at conferences and making people dance at conferences, I also create educational content on YouTube, which you can find on my channel at Shruti Kapoor 08.

Kent C. Dodds (01:55.052)
Awesome, yeah, you've been very active in creating things. I see that you're running Twitter spaces a lot and everything too, or X spaces I think we're supposed to call them now. And yeah, you have some professional experience with accessibility over there at Slack. Do you want to tell us about that a little bit?

Shruti Kapoor (02:04.174)
you

Shruti Kapoor (02:15.286)
Yeah, so at Slack, I am working as an accessibility engineer on the design systems team of Slack, which basically means that all of the components you see at Slack have been already tested to ensure that they are accessible. And while working in this team, I learned a lot of things that I felt are very nuanced and not something that you would learn from a tutorial. There's a lot that goes into building an accessible web app, and it often doesn't get talked about enough. It's more than just building ARIA labels and ARIA rules.

There's a lot of UX that goes into it as well. Like when you place focus on an element, where should the focus land? When you first load a page, where should the focus land? How are your labels getting announced? So there's a lot of nuanced information in accessibility and the world of accessibility development is so complex. I thought I knew front end and then I started doing accessibility development. was like, okay, I feel like I don't know HTML. I don't know React. I don't know JavaScript. I don't know what I know. So I had this moment of like learning, you know that.

Kent C. Dodds (03:12.036)
Shruti Kapoor (03:14.414)
moment when you feel like you know everything and you know here, but then you feel like you know nothing, but you actually know something. I was at that moment. was like, okay, I feel like we should talk about this a lot more outside of just Slack because accessible applications are very hard to do right. Oftentimes we do kind of a sloppy way of building accessible applications. put tabindex and everything in call it today.

Kent C. Dodds (03:20.643)
Yeah, yeah, yeah.

Shruti Kapoor (03:38.114)
but there's a lot more thought that goes into building a really good application that can be accessible for everybody and inclusive for everybody. So yeah, I'm super passionate about the work that I do at Slack. And I think it gives me a lot of joy in building stuff for people who are otherwise marginalized. And when we build an accessible app, when we build an inclusive app, we're not just benefiting a marginalized community. We're actually creating an inclusive app for everyone where everyone can benefit.

Kent C. Dodds (04:06.032)
I really appreciate that. I'm really looking forward to seeing your talk. It's titled Building Accessible Web Apps, so it's kind of a general thing. What are you really planning on focusing on for the talk?

Shruti Kapoor (04:20.162)
Yeah, so I have actually been live streaming a real estate app. And what I'm going to show people is that, you know, when we build an application, this is not something that we think of. So I'm going to put myself on the spot and I'm going to show, look how sucky this is, but we're going to make this better. I built this app, I rendered the react components, but I didn't think about accessibility. So let's fix it. So I'm going to show people how to test with keyboard and I'm going to show people how to test with screen reader. And then I'm going to show them how to fix it. So I'm going to do all of that within

25 minutes of a talk. So wish me luck.

Kent C. Dodds (04:51.79)
Yeah, good luck. That is a lot to do. But I think we get accessibility talks pretty often, but we don't often see, like, okay, I know where to use ARIA labels and where not to, and I know where like all these roles and whatever, but we don't see, okay, how does that impact the tools that people use when they're using your website? And so I think that'll be really helpful for you to demonstrate how these tools are used and how to use these tools to test things.

Shruti Kapoor (05:14.798)
Right.

Kent C. Dodds (05:20.92)
So I'm very much looking forward to that. And of course, looking forward to seeing you at the conference. So you're traveling from the Northeast, right? In the US, you're in Seattle, is that right? Yeah. So you travel all over the world. You go all the way back to India, and you go to Europe, and all over the United States.

Shruti Kapoor (05:21.154)
Mm-hmm.

Shruti Kapoor (05:33.24)
Yes, yes.

Kent C. Dodds (05:44.398)
So what is it that motivates you to leave the home? Because you're very successful in your YouTube stuff and your X Spaces and everything and online articles that you write and everything. Why put forth the extra effort to go and see people in person?

Shruti Kapoor (06:02.188)
Yeah, I feel like every time I travel to a new location that's outside of the US, I first meet a lot of people from a different culture that are not just US based, but also just getting to know people who are building applications that are different from the ones that people in US are building. I think people in the US are building a lot of AI focused applications. But when you move around the world, like when we went to India, there were a lot of people who were doing small startup stuff and a lot of people who had come from these smaller companies and what kind of tools they were building. So you get to know like different

industries around the world. So that's really helpful. I think it's also a very humbling moment when you feel like you are very successful in your own country and then you move to another country and people are like, who are you again? And then you're like, okay, looks like I have some work to do. Looks like I have some more knowledge to impart. So I think I really like that. But also I think it gives you a chance to go meet other people that you may not meet in your network if you are just like within your own city or within your own country. So I think that is also really wonderful, like part of networking, but also getting to know people.

outside of your comfort zone. So I really like that.

Kent C. Dodds (07:04.484)
Yeah, and is there anything that is motivating you to come to Epic WebConf specifically? Because you probably have to say no to some other opportunities or you see another CFP and you're like, ah, I just have to decide if I'm gonna do that one because there are just so many. So what is it about Epic WebConf that's drawing you to Utah?

Shruti Kapoor (07:21.539)
Yeah.

Shruti Kapoor (07:25.58)
I think the biggest thing that I really liked about RemixConf that I know you and Ryan portrayed was the sense of belonging and the sense of kind of this inclusive culture where everybody was respected. People were really kind. I remember the little things that the organizers had put like there was lip balm for everybody and there was mint for everybody. It was like these small things that made you feel really appreciated as a speaker, but also as an emcee.

but also as an attendee. And then towards the end, you guys were like, we have these extra hoodies. Why don't you just come and grab? I think it's just like these little things, like you may call them swag items, but it's about taking care of people and making them feel included, making them feel appreciated, which I really admire. Also Salt Lake City is a beautiful city. So I hop on the plane every chance I have to get there. It's so beautiful. I Utah in general is so beautiful.

But I think it's the fact that I felt so appreciated and valued in RemixConf that I knew that EpicConf is going to be same.

Kent C. Dodds (08:27.192)
Yeah, I definitely hope so. Let me know if it's not. Because that is definitely a goal for us. So, Shruti, while we're there, we have extended breaks. That's one of the important things. pretty much the reason of the conference is to bring people together. And so we give you plenty of time to meet people and get to know them. Like, lunch is two hours long, for example. So we have lots of time for people to meet you and get to know you.

What are some topics that somebody could come to you and talk with you about that would get you really excited and interested in talking with them?

Shruti Kapoor (09:00.642)
Yeah, if you're building an accessible app or if you're having a challenge building an accessible app at your work, I would love to know what you're working on, what kind of challenges you're facing. If you've ever used the accessibility features at Slack or are curious about how Slack handles accessibility and how we take care of accessibility in such a big org that has millions of users, that would be really exciting for me to talk about because I love talking about my work.

but also how we do accessibility testing at work, because it's more than just the tools you use. It's also talking to real users and what kind of questions you ask and what kind of feedback you get and how you incorporate that, because you can't take everything, but you have to take something. So how do you prioritize the feedback that you get? I think that is something that I would be really passionate about talking. Outside of just accessibility, I'm also a React content creator, so educator. So one thing that I would love to talk about if you're interested in is React. So talk about...

Kent C. Dodds (09:32.016)
Hmm.

Shruti Kapoor (09:54.51)
What React features are you using? Have you used React 19? What excites you about React 19? What bothers you about React? If you're a new engineer who's trying to learn React and you're like, oh my God, there is so much, what is that bothers you? Also, there's other things that a lot of people don't usually come and share, which is imposter syndrome in tech. You come to a conference this big and you feel like, oh my God, one day I wish I could get up on the stage, but right now I feel like I'm not good enough. And I want to tell you, you are good enough.

You just need a mentor to help you get there and apply to your first conference, Create a CFP. So if you're interested in speaking at a conference, even Epic Web, come and talk to me.

Kent C. Dodds (10:34.882)
I love it. Wow, so many things to talk with Trudy about people. You've got to come and meet her. She's lovely. Awesome time to chat with her. And I'm very excited to have you in Salt Lake City again in March for Epic Web Comp. Thank you so much and we'll see you there. Thanks. Bye everybody.

Shruti Kapoor (10:50.082)
Thank you. I'm so excited to come.

Bye!

Sweet episode right?

You will love this one too.

See all episodes

Featured episode

Beyond Code Assist: Driving Impact as a Next-Gen Developer with Mark Techson

Season 6 Episode 14 — 10:01
Mark Techson