{"id":959,"date":"2024-05-16T06:00:04","date_gmt":"2024-05-16T13:00:04","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/engineering-at-microsoft\/?p=959"},"modified":"2024-05-15T21:51:26","modified_gmt":"2024-05-16T04:51:26","slug":"developing-with-accessibility-in-mind-at-microsoft","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/engineering-at-microsoft\/developing-with-accessibility-in-mind-at-microsoft\/","title":{"rendered":"Developing with Accessibility in Mind at Microsoft"},"content":{"rendered":"<p>On May 16th, we celebrate Global Accessibility Awareness Day (GAAD), an annual event dedicated to increasing awareness about accessibility issues for people with disabilities, technology experts, customers, educators, and students. At Microsoft, our unwavering commitment is to empower every individual and organization on the planet to achieve more and this includes empowering developers to create products that are accessible and inclusive.<\/p>\n<p>Developers can build and test with accessibility at the forefront using Microsoft\u2019s open-source tool, <a href=\"https:\/\/accessibilityinsights.io\/docs\/en\/web\/getstarted\/assessment\/\">Accessibility Insights for Web<\/a>! In a recent update, we introduced testing support and guidance for <a href=\"https:\/\/www.w3.org\/TR\/WCAG22\/\">WCAG 2.2<\/a> within the <a href=\"https:\/\/accessibilityinsights.io\/docs\/en\/web\/getstarted\/assessment\/\">Assessment feature<\/a>. Additionally, our <a href=\"https:\/\/accessibilityinsights.io\/docs\/web\/getstarted\/quickassess\/\">Quick Assess<\/a> feature goes beyond automated checks, allowing you to identify even more issues in under 30 minutes using assisted tests.<\/p>\n<p>Discover three simple methods to seamlessly incorporate accessibility testing into your development life cycle. Let this inspire you to infuse accessible practices in your development process as we celebrate GAAD 2024!<\/p>\n<h2>Use FastPass to catch common, high-impact accessibility issues in less than 5 minutes!<\/h2>\n<p>Accessibility Insights for Web empowers developers to build accessible applications in various ways! Our automated checks, fueled by <a href=\"https:\/\/www.npmjs.com\/package\/axe-core\">axe-core<\/a>, receive continuous updates to enhance the accessibility testing experience during UI code writing, to quickly identify and address high-impact accessibility issues. The image below demonstrates automated check failures detected in under 2 minutes using FastPass on a webpage! Fixing these accessibility issues significantly contributes to delightful user experiences for all your customers, including people with disabilities.<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/engineering-at-microsoft\/wp-content\/uploads\/sites\/72\/2024\/05\/01-accessibility-insights-for-web-2.png\"><img decoding=\"async\" src=\"https:\/\/devblogs.microsoft.com\/engineering-at-microsoft\/wp-content\/uploads\/sites\/72\/2024\/05\/01-accessibility-insights-for-web-2-300x256.png\" alt=\"Failed rules in the Accessibility Insights for Web page\" width=\"400\" height=\"256\" class=\"aligncenter size-medium wp-image-994\" \/><\/a><\/p>\n<h2>Use Visual Studio\u2019s Integrated Accessibility Checker<\/h2>\n<p>Visual Studio&#8217;s Integrated Accessibility Checker, introduced in Visual Studio 2022 version 17.5, empowers developers to find and fix accessibility issues directly in the IDE. This exciting tool supports accessibility scanning by detecting several common accessibility issues in desktop applications and provides feedback on those errors directly in Visual Studio. The scan is powered by the Axe-Windows engine (the same engine that powers <a href=\"https:\/\/accessibilityinsights.io\/docs\/windows\/overview\/\">Accessibility Insights for Windows<\/a>). Go check out the Integrated Accessibility Checker in Visual Studio and read more about <a href=\"https:\/\/learn.microsoft.com\/en-us\/events\/visual-studio-live-2023\/developing-accessible-applications-with-visual-studio\">developing accessible apps with Visual Studio<\/a>.<\/p>\n<p><iframe title=\"Make accessible XAML apps in Visual Studio\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/fQShLpg5bec?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h2>Go beyond automation: Try Quick Assess!<\/h2>\n<p>Automated tools can flag many accessibility issues, like missing or invalid properties. However, to find all accessibility issues, some manual inspection is needed. <a href=\"https:\/\/accessibilityinsights.io\/docs\/web\/getstarted\/quickassess\/\">Quick Assess, part of Accessibility Insights for web<\/a>, goes beyond automation! It offers 10 tests that surface deeper accessibility issues and help you go beyond automation. Each test includes \u2018<em>Why It Matters<\/em>\u2019 information and links helpful resources and examples for fixing the issues. Check out the image below, which illustrates one of the tests for <em>Heading Levels<\/em> with instances displayed for testing with ease!<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/engineering-at-microsoft\/wp-content\/uploads\/sites\/72\/2024\/05\/02-accessibility-insights-for-web-1.png\"><img decoding=\"async\" src=\"https:\/\/devblogs.microsoft.com\/engineering-at-microsoft\/wp-content\/uploads\/sites\/72\/2024\/05\/02-accessibility-insights-for-web-1-300x183.png\" alt=\"Screenshot showing the Heading Level test in Quick Assess\" width=\"400\" height=\"183\" class=\"aligncenter size-medium wp-image-995\" \/><\/a><\/p>\n<h2>Get started on building accessible products today!<\/h2>\n<p>Unlock an incredible opportunity to innovate and elevate your products by building accessibility into your product life cycle. Every small step matters!<\/p>\n<p>You don\u2019t need to be an accessibility expert to incorporate these practices into your development processes \u2014Kickstart your accessibility journey by utilizing the tools mentioned above to identify and fix common accessibility issues! Use the Tab Stops keyboard test in FastPass for navigation and meticulously inspect interactive elements on web pages. Poor focus order can disorient users who rely on screen readers or magnifiers, as well as those with reading disorders.<\/p>\n<p>Remember, accessibility isn\u2019t just about ticking off items on a checklist \u2014it profoundly impacts the holistic user experiences. By embracing these steps, you have the power to create truly equitable digital interactions for all users.<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/engineering-at-microsoft\/wp-content\/uploads\/sites\/72\/2024\/05\/2024-05-16-gaad-cover.png\"><img decoding=\"async\" src=\"https:\/\/devblogs.microsoft.com\/engineering-at-microsoft\/wp-content\/uploads\/sites\/72\/2024\/05\/2024-05-16-gaad-cover-300x300.png\" alt=\"A developer using a prosthetic arm and a wheelchair to write code on his laptop.\" width=\"300\" height=\"300\" class=\"aligncenter size-medium wp-image-976\" srcset=\"https:\/\/devblogs.microsoft.com\/engineering-at-microsoft\/wp-content\/uploads\/sites\/72\/2024\/05\/2024-05-16-gaad-cover-300x300.png 300w, https:\/\/devblogs.microsoft.com\/engineering-at-microsoft\/wp-content\/uploads\/sites\/72\/2024\/05\/2024-05-16-gaad-cover-150x150.png 150w, https:\/\/devblogs.microsoft.com\/engineering-at-microsoft\/wp-content\/uploads\/sites\/72\/2024\/05\/2024-05-16-gaad-cover-24x24.png 24w, https:\/\/devblogs.microsoft.com\/engineering-at-microsoft\/wp-content\/uploads\/sites\/72\/2024\/05\/2024-05-16-gaad-cover-48x48.png 48w, https:\/\/devblogs.microsoft.com\/engineering-at-microsoft\/wp-content\/uploads\/sites\/72\/2024\/05\/2024-05-16-gaad-cover-96x96.png 96w, https:\/\/devblogs.microsoft.com\/engineering-at-microsoft\/wp-content\/uploads\/sites\/72\/2024\/05\/2024-05-16-gaad-cover.png 406w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h2>Next steps<\/h2>\n<p>As we embark on GAAD 2024, let\u2019s all continue building a more equitable and accessible future with accessibility in mind! To get started, explore these tools by downloading <a href=\"https:\/\/visualstudio.microsoft.com\/\">Visual Studio<\/a> and <a href=\"https:\/\/accessibilityinsights.io\/docs\/en\/web\/overview\/\">Accessibility Insights for Web<\/a>.<\/p>\n<p>Thank you for your commitment to our community! How do you incorporate accessibility into your development process? Share your strategies with us in the <a href=\"https:\/\/developercommunity.visualstudio.com\/t\/Feedback-for-the-Integrated-Accessibilit\/10301408\">Developer Community Portal<\/a>.<\/p>\n<p>Building with accessibility at the forefront ensures that all users, including those with disabilities, gain enhanced access to technology. For deeper insights and firsthand experiences, explore <a href=\"https:\/\/devblogs.microsoft.com\/visualstudio\/celebrating-ndeam-vs-code-visual-studio\/\">How Microsoft Empowers Developers with Disabilities<\/a>.<\/p>\n<h2>Quick resources<\/h2>\n<ul>\n<li><a href=\"https:\/\/visualstudio.microsoft.com\/\">Download Accessibility Insights &amp; Visual Studio<\/a><\/li>\n<li><a href=\"https:\/\/learn.microsoft.com\/en-us\/visualstudio\/ide\/reference\/accessibility-tips-and-tricks?view=vs-2022\">Accessibility tips and tricks for Visual Studio<\/a><\/li>\n<li><a href=\"https:\/\/devblogs.microsoft.com\/engineering-at-microsoft\/accessibility-insights-now-supports-wcag-2-2-aa\/\">Accessibility Insights now supports WCAG 2.2 AA &#8211; Engineering@Microsoft<\/a><\/li>\n<li><a href=\"https:\/\/devblogs.microsoft.com\/visualstudio\/celebrating-ndeam-vs-code-visual-studio\/\">How Microsoft Empowers Developers with Disabilities: Celebrating NDEAM<\/a><\/li>\n<li><a href=\"\">Improving HTML Accessibility with Visual Studio Extensions &#8211; Visual Studio Blog<\/a><\/li>\n<li><a href=\"https:\/\/learn.microsoft.com\/en-us\/visualstudio\/ide\/visual-studio-github-copilot-extension?view=vs-2022\">About the GitHub Copilot extension for Visual Studio &#8211; Visual Studio (Windows) | Microsoft Learn<\/a><\/li>\n<li><a href=\"https:\/\/learn.microsoft.com\/visualstudio\/ide\/how-to-report-a-problem-with-visual-studio\">Report a Problem<\/a><\/li>\n<li><a href=\"https:\/\/developercommunity.visualstudio.com\/home%22%20\/t%20%22_blank\">View the Developer Community<\/a><\/li>\n<li><a href=\"https:\/\/developercommunity.visualstudio.com\/report?space=8&amp;entry=suggestion%22%20\\t%20%22_blank\">Share your suggestions<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Celebrate the Global Accessibility Awareness Day GAAD by taking actionable and easy steps to build accessibility into your development life-cycle! Learn how  tools like Accessibility Insights &#038; Visual Studio can help find accessibility issues in development.<\/p>\n","protected":false},"author":137391,"featured_media":716,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[5,41,42,45],"class_list":["post-959","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-engineering-at-microsoft","tag-accessibility","tag-accessibility-insights","tag-developer","tag-gaad"],"acf":[],"blog_post_summary":"<p>Celebrate the Global Accessibility Awareness Day GAAD by taking actionable and easy steps to build accessibility into your development life-cycle! Learn how  tools like Accessibility Insights &#038; Visual Studio can help find accessibility issues in development.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/engineering-at-microsoft\/wp-json\/wp\/v2\/posts\/959","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/engineering-at-microsoft\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/engineering-at-microsoft\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/engineering-at-microsoft\/wp-json\/wp\/v2\/users\/137391"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/engineering-at-microsoft\/wp-json\/wp\/v2\/comments?post=959"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/engineering-at-microsoft\/wp-json\/wp\/v2\/posts\/959\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/engineering-at-microsoft\/wp-json\/wp\/v2\/media\/716"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/engineering-at-microsoft\/wp-json\/wp\/v2\/media?parent=959"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/engineering-at-microsoft\/wp-json\/wp\/v2\/categories?post=959"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/engineering-at-microsoft\/wp-json\/wp\/v2\/tags?post=959"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}