{"id":9790,"date":"2026-08-10T10:11:23","date_gmt":"2026-08-10T10:11:23","guid":{"rendered":"https:\/\/nokobox.com\/index.php\/item\/frontendmasters-web-app-accessibility-feat-react-2023-12\/"},"modified":"2026-08-10T10:11:23","modified_gmt":"2026-08-10T10:11:23","slug":"frontendmasters-web-app-accessibility-feat-react-2023-12","status":"publish","type":"digital_item","link":"https:\/\/nokobox.com\/index.php\/item\/frontendmasters-web-app-accessibility-feat-react-2023-12\/","title":{"rendered":"FrontendMasters \u2013 Web App Accessibility (feat. React) 2023-12"},"content":{"rendered":"<div class=\"w-post-elm post_content\">\n<h2 style=\"text-align: left;\"><span style=\"vertical-align: inherit;\">Description<\/span><\/h2>\n<div id=\"chat-history\" class=\"chat-history-scroll-container\" style=\"text-align: left;\">\n<div id=\"68b734b91db086f8\" class=\"conversation-container ng-tns-c2150043242-2 message-actions-hover-boundary response-optimization ng-star-inserted\">\n<div class=\"response-container ng-tns-c1933435332-83 response-optimization is-mobile ng-star-inserted response-container-has-multiple-responses\">\n<div class=\"presented-response-container ng-tns-c1933435332-83\">\n<div class=\"response-container-content ng-tns-c1933435332-83\">\n<div class=\"response-content ng-tns-c1933435332-83\">\n<div id=\"model-response-message-contentr_68b734b91db086f8\" class=\"markdown markdown-main-panel tutor-markdown-rendering response-optimization stronger\">\n<p data-sourcepos=\"13:1-13:392\"><span style=\"vertical-align: inherit;\">Web App Accessibility (feat. React) course. This course teaches you how to address common accessibility issues in React apps using testing tools, semantic HTML, and ARIA features. In this course, you\u2019ll learn about accessibility challenges in web apps and practical solutions for making interactive elements accessible to all users, including people with disabilities. Topics include working with screen readers, keyboard navigation, focus management, appropriate color contrast, and motion reduction for sensitive users. This course emphasizes building apps that are WCAG compliant so that your apps are usable by a wide range of users. The skills in this course are essential for front-end developers looking to build modern, inclusive web apps.<\/span><\/p>\n<h3 data-sourcepos=\"15:1-15:25\"><span style=\"vertical-align: inherit;\">What you will learn:<\/span><\/h3>\n<ul data-sourcepos=\"17:1-29:0\">\n<li data-sourcepos=\"17:1-17:53\"><span style=\"vertical-align: inherit;\">Solving the most common accessibility problems in React apps<\/span><\/li>\n<li data-sourcepos=\"18:1-18:37\"><span style=\"vertical-align: inherit;\">Using accessibility testing tools<\/span><\/li>\n<li data-sourcepos=\"19:1-19:47\"><span style=\"vertical-align: inherit;\">Implementing semantic HTML to improve accessibility<\/span><\/li>\n<li data-sourcepos=\"20:1-20:61\"><span style=\"vertical-align: inherit;\">Using ARIA features to build accessible interactive elements<\/span><\/li>\n<li data-sourcepos=\"21:1-21:34\"><span style=\"vertical-align: inherit;\">Practical experience working with Screen Readers<\/span><\/li>\n<li data-sourcepos=\"22:1-22:38\"><span style=\"vertical-align: inherit;\">Implementing proper keyboard navigation<\/span><\/li>\n<li data-sourcepos=\"23:1-23:30\"><span style=\"vertical-align: inherit;\">Focus management in interactive elements<\/span><\/li>\n<li data-sourcepos=\"24:1-24:47\"><span style=\"vertical-align: inherit;\">Improving visual accessibility through Color Contrast<\/span><\/li>\n<li data-sourcepos=\"25:1-25:31\"><span style=\"vertical-align: inherit;\">Motion reduction for sensitive users<\/span><\/li>\n<li data-sourcepos=\"26:1-26:52\"><span style=\"vertical-align: inherit;\">Testing web applications with accessibility principles in mind<\/span><\/li>\n<li data-sourcepos=\"27:1-27:48\"><span style=\"vertical-align: inherit;\">Building web applications compliant with WCAG standards<\/span><\/li>\n<li data-sourcepos=\"28:1-29:0\"><span style=\"vertical-align: inherit;\">Building inclusive web apps for the widest possible audience<\/span><\/li>\n<\/ul>\n<h3 data-sourcepos=\"30:1-30:32\"><span style=\"vertical-align: inherit;\">Who is this course suitable for?<\/span><\/h3>\n<ul data-sourcepos=\"32:1-35:0\">\n<li data-sourcepos=\"32:1-32:103\"><span style=\"vertical-align: inherit;\">Frontend developers working with React who want to improve the accessibility of their applications.<\/span><\/li>\n<li data-sourcepos=\"33:1-33:78\"><span style=\"vertical-align: inherit;\">Developers who want to learn about web accessibility principles and standards.<\/span><\/li>\n<li data-sourcepos=\"34:1-35:0\"><span style=\"vertical-align: inherit;\">Anyone interested in building inclusive, usable web applications for everyone.<\/span><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h3 style=\"text-align: left;\"><span style=\"vertical-align: inherit;\">Course details<\/span><\/h3>\n<ul style=\"text-align: left;\">\n<li><span style=\"vertical-align: inherit;\">Publisher: <\/span><a href=\"https:\/\/href.li\/?https:\/\/frontendmasters.com\/courses\/react-accessibility\/\" target=\"_blank\" rel=\"noopener\"><span style=\"vertical-align: inherit;\">FrontendMasters<\/span><\/a><\/li>\n<li><span style=\"vertical-align: inherit;\">Instructor: <\/span><a href=\"https:\/\/downloadlynet.ir\/tag\/marcy-sutton-todd\/\"><span style=\"vertical-align: inherit;\">Marcy Sutton Todd<\/span><\/a><\/li>\n<li><span style=\"vertical-align: inherit;\">Training level: Beginner to advanced<\/span><\/li>\n<li><span style=\"vertical-align: inherit;\">Training duration: 5 hours and 41 minutes<\/span><\/li>\n<li><span style=\"vertical-align: inherit;\">Number of lessons: 5<\/span><\/li>\n<\/ul>\n<h3 style=\"text-align: left;\"><span style=\"vertical-align: inherit;\">Course headings<\/span><\/h3>\n<ul style=\"text-align: left;\">\n<li style=\"text-align: left;\"><span style=\"vertical-align: inherit;\">Introduction<\/span><\/li>\n<li style=\"text-align: left;\"><span style=\"vertical-align: inherit;\">Accessibility Basics<\/span><\/li>\n<li style=\"text-align: left;\"><span style=\"vertical-align: inherit;\">Testing<\/span><\/li>\n<li style=\"text-align: left;\"><span style=\"vertical-align: inherit;\">HTML<\/span><\/li>\n<li style=\"text-align: left;\"><span style=\"vertical-align: inherit;\">ARIA<\/span><\/li>\n<li style=\"text-align: left;\"><span style=\"vertical-align: inherit;\">Focus Management<\/span><\/li>\n<li style=\"text-align: left;\"><span style=\"vertical-align: inherit;\">Wrapping Up<\/span><\/li>\n<\/ul>\n<h3 style=\"text-align: left;\"><span style=\"vertical-align: inherit;\">Web App Accessibility (feat. React) course images<\/span><\/h3>\n<p style=\"text-align: left;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-978118 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2025\/04\/Web-App-Accessibility-feat.-React.png\" alt=\"Web App Accessibility (feat. React)\" width=\"1030\" height=\"266\"><\/p>\n<h3 style=\"text-align: left;\"><span style=\"vertical-align: inherit;\">Sample course video<\/span><\/h3>\n<div style=\"width: 640px;\" class=\"wp-video\"><span class=\"mejs-offscreen\">Video Player<\/span><\/p>\n<div id=\"mep_0\" class=\"mejs-container mejs-container-keyboard-inactive wp-video-shortcode mejs-video\" tabindex=\"0\" role=\"application\" aria-label=\"Video Player\" style=\"width: 640px; height: 360px; min-width: 217px;\">\n<div class=\"mejs-inner\">\n<div class=\"mejs-mediaelement\"><mediaelementwrapper id=\"video-161777-1\"><video class=\"wp-video-shortcode\" id=\"video-161777-1_html5\" width=\"640\" height=\"360\" preload=\"metadata\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Web_App_Accessibility_feat_React_Downloadly.ir.mp4?_=1\" style=\"width: 640px; height: 360px;\"><source type=\"video\/mp4\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Web_App_Accessibility_feat_React_Downloadly.ir.mp4?_=1\"><a href=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Web_App_Accessibility_feat_React_Downloadly.ir.mp4?nocache=1786135960340\">https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Web_App_Accessibility_feat_React_Downloadly.ir.mp4<\/a><\/video><\/mediaelementwrapper><\/div>\n<div class=\"mejs-layers\">\n<div class=\"mejs-poster mejs-layer\" style=\"display: none; width: 100%; height: 100%;\"><\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-loading\"><span class=\"mejs-overlay-loading-bg-img\"><\/span><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-error\"><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer mejs-overlay-play\" style=\"width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-button\" role=\"button\" tabindex=\"0\" aria-label=\"Play\" aria-pressed=\"false\"><\/div>\n<\/div>\n<\/div>\n<div class=\"mejs-controls\">\n<div class=\"mejs-button mejs-playpause-button mejs-play\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Play\" aria-label=\"Play\" tabindex=\"0\"><\/button><\/div>\n<div class=\"mejs-time mejs-currenttime-container\" role=\"timer\" aria-live=\"off\"><span class=\"mejs-currenttime\">00:00<\/span><\/div>\n<div class=\"mejs-time-rail\"><span class=\"mejs-time-total mejs-time-slider\" role=\"slider\" tabindex=\"0\" aria-label=\"Time Slider\" aria-valuemin=\"0\" aria-valuemax=\"0\" aria-valuenow=\"0\" aria-valuetext=\"00:00\"><span class=\"mejs-time-buffering\" style=\"display: none;\"><\/span><span class=\"mejs-time-loaded\"><\/span><span class=\"mejs-time-current\"><\/span><span class=\"mejs-time-hovered no-hover\"><\/span><span class=\"mejs-time-handle\"><span class=\"mejs-time-handle-content\"><\/span><\/span><span class=\"mejs-time-float\"><span class=\"mejs-time-float-current\">00:00<\/span><span class=\"mejs-time-float-corner\"><\/span><\/span><\/span><\/div>\n<div class=\"mejs-time mejs-duration-container\"><span class=\"mejs-duration\">00:00<\/span><\/div>\n<div class=\"mejs-button mejs-volume-button mejs-mute\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Mute\" aria-label=\"Mute\" tabindex=\"0\"><\/button><a href=\"javascript:void(0);\" class=\"mejs-volume-slider\" aria-label=\"Volume Slider\" aria-valuemin=\"0\" aria-valuemax=\"100\" role=\"slider\" aria-orientation=\"vertical\"><span class=\"mejs-offscreen\">Use Up\/Down Arrow keys to increase or decrease volume.<\/span><\/p>\n<div class=\"mejs-volume-total\">\n<div class=\"mejs-volume-current\" style=\"bottom: 0px; height: 100%;\"><\/div>\n<div class=\"mejs-volume-handle\" style=\"bottom: 100%; margin-bottom: -3px;\"><\/div>\n<\/div>\n<p><\/a><\/div>\n<div class=\"mejs-button mejs-fullscreen-button\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Fullscreen\" aria-label=\"Fullscreen\" tabindex=\"0\"><\/button><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"text-align: left;\">\n<h3><span style=\"vertical-align: inherit;\">Installation Guide<\/span><\/h3>\n<p><span style=\"vertical-align: inherit;\">After Extract, view with your favorite player.<\/span><\/p>\n<p><span style=\"vertical-align: inherit;\">Subtitles: None<\/span><\/p>\n<p><span style=\"vertical-align: inherit;\">Quality: 1080p<\/span><\/p>\n<\/div>\n<h3 style=\"text-align: left;\"><span style=\"vertical-align: inherit;\">Download link<\/span><\/h3>\n<h4><strong>Downloadly<\/strong><\/h4>\n<p style=\"text-align: left;\"><a href=\"https:\/\/dl3.downloadly.ir\/Files\/Elearning\/FrontendMasters_Web_App_Accessibility_feat_React_2023-12_Downloadly.ir.rar?nocache=1786135956\"><span style=\"vertical-align: inherit;\">Download Course \u2013 946 MB<\/span><\/a><\/p>\n<h4><strong>Rapidgator<\/strong><\/h4>\n<p><a href=\"https:\/\/rapidgator.net\/file\/102f385aa41d1e66e165760693a8f8ec\/FrontendMasters_Web_App_Accessibility_feat_React_2023-12_Downloadly.ir.rar.html\" target=\"_blank\" rel=\"noopener\"><span style=\"vertical-align: inherit;\">Download Course \u2013 946 MB<\/span><\/a><\/p>\n<h5>Password file(s): <a>www.downloadly.ir<\/a><\/h5>\n<h3 style=\"text-align: left;\"><span style=\"vertical-align: inherit;\">File size<\/span><\/h3>\n<p style=\"text-align: left;\"><span style=\"vertical-align: inherit;\">946 MB<\/span><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Description Web App Accessibility (feat. React) course. This course teaches you how to address common accessibility issues in React apps using testing tools, se<\/p>\n","protected":false},"author":1,"template":"","dgi_category":[10458],"dgi_tag":[83892,83893,83894,83895,83896,79004],"class_list":["post-9790","digital_item","type-digital_item","status-publish","has-post-thumbnail","hentry","dgi_category-video-tutorials","dgi_tag-course-web-app-accessibility-feat-react","dgi_tag-download-course-web-app-accessibility-feat-react","dgi_tag-download-web-app-accessibility-feat-react","dgi_tag-free-download-web-app-accessibility-feat-react","dgi_tag-free-web-app-accessibility-feat-react","dgi_tag-marcy-sutton-todd"],"_links":{"self":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/9790","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item"}],"about":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/types\/digital_item"}],"author":[{"embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/9790\/revisions"}],"wp:attachment":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/media?parent=9790"}],"wp:term":[{"taxonomy":"dgi_category","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_category?post=9790"},{"taxonomy":"dgi_tag","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_tag?post=9790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}