https://www.webdev.servicenow.com/community/user-experience-sig/accessibility-leading-practices-and-tools/ta-p/1417 <P>Accessibility is an important part of all digital experiences — and at ServiceNow, we believe that everyone should have the opportunity to use our Platform and Products. What this means, is that we design with all backgrounds, abilities, disabilities, and various needs in mind to ensure that we can offer the most inclusive experience possible.</P> <P>&nbsp;</P> <P>Thank you for coming to the <EM>Accessibility Leading Practices</EM> presentation and <EM>Designing for Accessibility </EM>pod at Knowledge 2023. Here is a list of resources and tools we know that you will enjoy, learn from, and use to improve the accessibility of your ServiceNow instances and implementations.</P> <P>&nbsp;</P> <P>&nbsp;</P> <HR /> <P>&nbsp;</P> <H1 id="toc-hId-1386442633"><STRONG><SPAN class="lia-unicode-emoji" title=":exclamation_mark:"><span class="lia-unicode-emoji" title=":exclamation_mark:">❗</span></SPAN>Important quick links</STRONG></H1> <H3 id="toc-hId-280052748"><STRONG>Accessibility Leading Practices presentation</STRONG></H3> <P>This <A href="https://www.servicenow.com/community/user-experience-special-interest/knowledge23-accessibility-leading-practices-and-tools/ba-p/2548551?attachment-id=250282" target="_self">presentation</A> (PDF is also located at the bottom of this article) covers how ServiceNow makes products accessible as a collective team, along with 6 leading practices and tools to help you be successful today.</P> <P><STRONG>&nbsp;</STRONG></P> <H3 id="toc-hId--1527401715"><STRONG>Sign up to participate in ServiceNow accessibility research studies!</STRONG></H3> <P>We want to ensure we are providing the best possible experience for all customers and ensure our products are accessible for everyone. To achieve this, we need your help to understand your ServiceNow experiences and needs. Research studies can range from 2 to 90 minutes, with compensation (if eligible). <A href="https://servicenowproductlab.com/" target="_blank" rel="noopener nofollow noreferrer">Learn more here</A> or <A href="https://listeningpost.servicenow.com/jfe/form/SV_b2vlaDpqya6pKYu" target="_blank" rel="noopener noreferrer">sign up now</A>.</P> <P>&nbsp;</P> <HR /> <P>&nbsp;</P> <H1 id="toc-hId-259046540"><STRONG>Design &amp; Research Tools</STRONG></H1> <H3 id="toc-hId--847343345"><STRONG>Order your Accessibility cards</STRONG></H3> <P>For the first time, ServiceNow is releasing our accessibility cards! These cards are to be used side-by-side with your organization’s personas (target users) and highlights major differences and solutions people with disabilities may encounter when interacting with digital experiences, along with listed solutions. This was created and driven by primary and secondary research, and can be used by anyone in your organization. <A href="https://www.servicenowuxresearchshop.com/" target="_blank" rel="noopener nofollow noreferrer">Order here now to get your free cards shipped to your home</A> <STRONG>(please enter your work email and use access code: a11y).</STRONG></P> <P>&nbsp;</P> <H3 id="toc-hId-1640169488"><STRONG>Design annotation templates</STRONG></H3> <P data-unlink="true">Our Figma accessibility design annotation template&nbsp;&nbsp;(located in the ServiceNow&nbsp;<A href="https://www.figma.com/@servicenow" target="_blank" rel="noopener nofollow noreferrer">Figma community profile</A>) includes annotation options for labeling many common needs for accessibility. This includes color contrast, keyboard usage, alternative text, and even forced colors or Windows High Contrast Mode. This template can be used by designers, engineers, and quality teams to ensure everyone is on the same page for accessibility.</P> <P>&nbsp;</P> <H3 id="toc-hId--167284975"><STRONG>Color contrast automated checking tools</STRONG></H3> <P>Ensuring appropriate contrast for your text and informational graphics is a fundamental requirement for accessible design. There are many online tools and plug-ins for testing and finding accessible color combinations. Here are some of our favorites:</P> <UL> <LI><A href="https://www.aremycolorsaccessible.com/" target="_blank" rel="noopener nofollow noreferrer">aremycolorsaccessible.com</A></LI> <LI><A href="http://colorsafe.co/" target="_blank" rel="noopener nofollow noreferrer">colorsafe.co</A></LI> <LI><A href="https://webaim.org/resources/contrastchecker/" target="_blank" rel="noopener nofollow noreferrer">WebAIM Contrast Checker</A></LI> <LI><A href="https://www.figma.com/community/plugin/748533339900865323/Contrast" target="_blank" rel="noopener nofollow noreferrer">Contrast plugin for Figma</A></LI> </UL> <H3 id="toc-hId--1974739438"><STRONG>&nbsp;</STRONG></H3> <H1 id="toc-hId--188291183"><STRONG>Development Tools</STRONG></H1> <H3 id="toc-hId--1294681068"><STRONG>Accessibility automated evaluative tools</STRONG></H3> <P>Test automation tools can help identify potential accessibility issues in your content and to give you quick insight as to what changes you might need to make. These tools typically can find some of your accessibility defects (but not all). Here are some of our favorites:</P> <UL> <LI><A href="https://chrome.google.com/webstore/detail/axe-devtools-web-accessib/lhdoppojpmngadmnindnejefpokejbdd?utm_source=deque.com&amp;utm_medium=referral&amp;utm_campaign=axe_hero" target="_blank" rel="noopener nofollow noreferrer">Axe DevTools Chrome extension</A></LI> <LI><A href="https://wave.webaim.org/" target="_blank" rel="noopener nofollow noreferrer">WAVE browser extension</A></LI> <LI><A href="https://accessibilityinsights.io/" target="_blank" rel="noopener nofollow noreferrer">Accessibility Insights</A></LI> <LI><A href="https://userway.org/widget/?utm_source=google&amp;utm_medium=cpc&amp;utm_campaign=us%20ca%20%7c%20search%20%7c%20terrific%20%7c%20widget%20(no%20lead)&amp;utm_content=competitors%20widget&amp;utm_ad=652748246344&amp;utm_term=evinced&amp;matchtype=p&amp;device=c&amp;geoloc=9031043&amp;placement=&amp;network=g&amp;campaign_id=19897770849&amp;adset_id=150477358991&amp;ad_id=652748246344&amp;cq_src=google_ads&amp;cq_cmp=19897770849&amp;cq_con=150477358991&amp;cq_term=evinced&amp;cq_med=&amp;cq_plac=&amp;cq_net=g&amp;cq_pos=&amp;cq_plt=gp&amp;keyword_id=kwd-302470837821&amp;gad=1&amp;gclid=cjwkcajw3ueibhbmeiwa4bhspasx2p6jdv88_6m8pmiw6tihyh1q2bcffcnwhuwh6oft2sl2lso_3xocaemqavd_bwe" target="_blank" rel="noopener nofollow noreferrer">Evinced</A></LI> <LI><A href="https://www.ssa.gov/accessibility/andi/help/install.html" target="_blank" rel="noopener nofollow noreferrer">ANDI</A></LI> </UL> <P>&nbsp;</P> <H3 id="toc-hId-497668286"><STRONG>Base components via Next Experience Components</STRONG></H3> <P>The ServiceNow <A href="https://developer.servicenow.com/dev.do#!/reference/next-experience/components" target="_blank" rel="noopener noreferrer">Next Experience Component Reference</A> is an amazing resource to learn about our components, their UI Builder configurations, Accessibility API properties, and usage guidelines. You can also configure our components live in the Component Playground. For highly customized components outside of this, you can use <A href="https://www.w3.org/WAI/ARIA/apg/patterns/" target="_blank" rel="noopener nofollow noreferrer">W3C’s ARIA authoring practices guide</A> to help assist you.</P> <P>&nbsp;</P> <P>&nbsp;</P> <H1 id="toc-hId--1567951615"><STRONG>Learning Resources</STRONG></H1> <H3 id="toc-hId-1177726656"><STRONG>Community articles </STRONG></H3> <P>Read more about some best practices and guidance for targeted ServiceNow products</P> <UL> <LI><A href="https://www.servicenow.com/community/service-portal-articles/service-portal-design-guidelines/ta-p/2476669" target="_blank" rel="noopener">Service Portal: design guidelines</A></LI> <LI><A href="https://www.servicenow.com/community/now-platform-articles/servicenow-portals-accessibility-best-practices/ta-p/2557106" target="_self">Service Portal: best practices</A></LI> <LI><A href="https://www.servicenow.com/community/now-platform-articles/guide-for-writing-accessible-knowledge-base-kb-articles/ta-p/2471138" target="_blank" rel="noopener">Knowledge: guide for writing accessible articles</A></LI> </UL> <H2 id="toc-hId--758810526"><STRONG>&nbsp;</STRONG></H2> <H3 id="toc-hId-1857785026"><STRONG>Product Accessibility Conformance Reports&nbsp;</STRONG></H3> <P>Learn about how ServiceNow products are meeting accessibility standards, such as the Web Content Accessibility Guidelines (WCAG). These reports are available for the currently supported ServiceNow releases. View the <A href="https://docs.servicenow.com/bundle/accessibility/page/administer/accessibility-508-compliance/concept/available-accessibility-conformance-reports.html" target="_blank" rel="noopener noreferrer">accessibility conformance reports here</A>.</P> <P>&nbsp;</P> <H3 id="toc-hId-50330563"><STRONG>ServiceNow’s Accessibility statement</STRONG></H3> <P>Learn more about ServiceNow and its <A href="https://www.servicenow.com/accessibility-statement.html" target="_blank" rel="noopener">accessibility commitment</A>.</P> <P>&nbsp;</P> <P>&nbsp;</P> <H1 id="toc-hId--2015289338"><STRONG>More opportunities</STRONG></H1> <H3 id="toc-hId-730388933"><STRONG>Join the Accessibility Product Advisory Council (PAC)</STRONG></H3> <P>This PAC is an annual program for a group of customer representatives selected to participate in a product-specific advisory board based on extensive accessibility knowledge. This is a unique opportunity to advice and influence accessibility of ServiceNow products through quarterly collaborative events. To join, please contact Tony Morales (<A href="mailto:tony.morales@servicenow.com" target="_self" rel="nofollow noopener noreferrer">tony.morales@servicenow.com</A>)</P> <P>&nbsp;</P> <H2 id="toc-hId--1206148249">&nbsp;</H2> <H3 id="toc-hId-1410447303"><STRONG>Have accessibility questions?&nbsp;</STRONG>Contact <A href="mailto:accessibility_support@servicenow.com" target="_blank" rel="noopener nofollow noreferrer">accessibility_support@servicenow.com</A></H3> Thu, 27 Jul 2023 20:16:23 GMT gisellakontaria 2023-07-27T20:16:23Z https://www.webdev.servicenow.com/community/user-experience-sig/accessibility-leading-practices-and-tools/ta-p/1417 <P>Accessibility is an important part of all digital experiences — and at ServiceNow, we believe that everyone should have the opportunity to use our Platform and Products. What this means, is that we design with all backgrounds, abilities, disabilities, and various needs in mind to ensure that we can offer the most inclusive experience possible.</P> Thu, 27 Jul 2023 20:16:23 GMT https://www.webdev.servicenow.com/community/user-experience-sig/accessibility-leading-practices-and-tools/ta-p/1417 gisellakontaria 2023-07-27T20:16:23Z