{"id":1237,"date":"2024-03-14T09:49:48","date_gmt":"2024-03-14T15:49:48","guid":{"rendered":"https:\/\/frontendmasters.com\/blog\/?p=1237"},"modified":"2024-03-14T09:53:25","modified_gmt":"2024-03-14T15:53:25","slug":"make-your-react-web-apps-more-accessible","status":"publish","type":"post","link":"https:\/\/frontendmasters.com\/blog\/make-your-react-web-apps-more-accessible\/","title":{"rendered":"Make your React web apps more accessible (two new courses)"},"content":{"rendered":"\n

Why should you spend the time making your web apps accessible? Not only are there\u00a0legal<\/a>\u00a0and\u00a0business<\/a>\u00a0reasons, but the biggest reason is it’s a\u00a0civil right<\/a>\u00a0\u2013 we want *everyone* to be able to access our websites and web apps!<\/p>\n\n\n\n

\n

“An inaccessible website can exclude people just as much as steps at an entrance to a physical location.”<\/p>\n~ADA.gov<\/cite><\/blockquote>\n\n\n\n

Yet, according to WebAIM, developers still aren’t doing enough:<\/p>\n\n\n\n

\"According<\/a><\/figure>\n\n\n\n

And this is just for websites. If you’re building something a React web app, there are additional things to consider, like interactive elements. If you’re looking for a job or a promotion, accessibility knowledge can really set you apart.That’s why we’re excited accessibility expert Marcy Sutton Todd created two new courses:\u00a0Web App Accessibility (featuring React)<\/a>\u00a0for developers and\u00a0Enterprise Web App Accessibility<\/a>\u00a0for technical leaders, to help build a more inclusive web!\u00a0<\/p>\n\n\n\n

Web App Accessiblity (feat. React)<\/a><\/h2>\n\n\n\n

Solve the most common accessibility issues in React apps using testing tools, semantic HTML, and ARIA attributes to make interactive elements accessible. You\u2019ll get hands-on experience with screen readers, keyboard navigation, focus management, and visual accessibility techniques, including color contrast and motion reduction. Learn to test and build with accessibility in mind, making your web apps more compliant with standards like WCAG and, most importantly, inclusive to the broadest audience possible!<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Some highlights from the course:<\/p>\n\n\n\n