https://enterprise-accessibility.vercel.app/_next/static/chunks/pa…/testing-a-solution-30638ca74efe526e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[157],{9075:function(e,i,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/topics/accessible-naming-screen-readers/testing-a-solution",function(){return s(8288)}])},6525:function(e,i,s){"use strict";var t=s(5893);let n={docsRepositoryBase:"https://github.com/marcysutton/FEM-enterprise-accessibility",project:{link:"https://github.com/marcysutton/FEM-enterprise-accessibility"},logo:()=>(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("img",{alt:"",src:"/universal-access-icon.png",height:"25",width:"25",style:{marginRight:"1em"}}),(0,t.jsx)("h1",{children:"Enterprise Accessibility"})]}),head:function(e){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("meta",{charSet:"utf-8"}),(0,t.jsx)("meta",{name:"theme-color",content:"#000"}),(0,t.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,t.jsx)("link",{rel:"apple-touch-icon",sizes:"180x180",href:"/universal-access-icon.png"}),(0,t.jsx)("link",{rel:"icon",type:"image/png",sizes:"32x32",href:"/universal-access-icon.png"}),(0,t.jsx)("link",{rel:"icon",type:"image/png",sizes:"16x16",href:"/universal-access-icon.png"}),(0,t.jsx)("link",{rel:"mask-icon",href:"/universal-access-icon.png",color:"#000000"}),(0,t.jsx)("link",{rel:"shortcut icon",href:"/universal-access-icon.png"}),(0,t.jsx)("meta",{name:"msapplication-TileColor",content:"#000000"}),(0,t.jsx)("meta",{name:"description",content:"Website created for the FrontendMasters course on Enterprise Accessibility by Marcy Sutton Todd"}),(0,t.jsx)("meta",{name:"author",content:"Marcy Sutton Todd"}),(0,t.jsx)("meta",{property:"og:url",content:"https://enterprise-accessibility.vercel.app/topics"}),(0,t.jsx)("meta",{property:"og:type",content:"website"}),(0,t.jsx)("meta",{property:"og:locale",content:"en_US"}),(0,t.jsx)("meta",{property:"og:image:width",content:"1200"}),(0,t.jsx)("meta",{property:"og:image:height",content:"692"}),(0,t.jsx)("meta",{property:"og:title",content:"".concat(e.title," | Enterprise Accessibility")}),(0,t.jsx)("meta",{property:"og:description",content:"Website created for the FrontendMasters course on Enterprise Accessibility by Marcy Sutton Todd"}),(0,t.jsx)("meta",{property:"og:image",content:"https://enterprise-accessibility.vercel.app/ogimage1.png"}),(0,t.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,t.jsx)("meta",{name:"twitter:site",content:"@marcysutton"}),(0,t.jsx)("meta",{name:"twitter:creator",content:"@marcysutton"})]})},sidebar:{defaultMenuCollapseLevel:1,autoCollapse:!0},darkMode:!0,footer:{text:"".concat(new Date().getFullYear()," \xa9 Marcy Sutton Todd")},nextThemes:{defaultTheme:"dark"},useNextSeoProps:()=>({titleTemplate:"%s – Enterprise Accessibility"})};i.Z=n},8288:function(e,i,s){"use strict";s.r(i),s.d(i,{__toc:function(){return c}});var t=s(5893),n=s(2673),o=s(6031),a=s(6525);s(9966);var r=s(2643);let c=[{depth:2,value:"Remember that screen readers aren’t the only thing in accessibility",id:"remember-that-screen-readers-arent-the-only-thing-in-accessibility"}];function d(e){let i=Object.assign({h1:"h1",p:"p",em:"em",ol:"ol",li:"li",a:"a",ul:"ul",h2:"h2",blockquote:"blockquote"},(0,r.a)(),e.components);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.h1,{children:"Testing a Given ARIA Solution"}),"\n",(0,t.jsxs)(i.p,{children:["It’s too easy to get ARIA wrong, as most developers have an easier time using attributes than they do testing. We don’t want to rely on QA so heavily that they’re looking out for specific ARIA attributes (even if you have QA), because the feedback cycle would be ",(0,t.jsx)(i.em,{children:"so unnecessarily long"}),". For that reason and more, it’s important to test solutions yourself early and often."]}),"\n",(0,t.jsx)(i.p,{children:"Here are some tips on how to test a given ARIA solution (after you’ve exhausted every default HTML option available):"}),"\n",(0,t.jsxs)(i.ol,{children:["\n",(0,t.jsxs)(i.li,{children:["Compare your site’s analytics to the ",(0,t.jsx)(i.a,{href:"https://webaim.org/projects/screenreadersurvey9/",children:"WebAIM screen reader surveys"})," to know what screen reader and browser combinations people actually use. This can help you prioritize."]}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"You can also look to:"}),"\n",(0,t.jsxs)(i.ol,{start:"2",children:["\n",(0,t.jsxs)(i.li,{children:["People who use screen readers regularly. We’ll talk about this more in ",(0,t.jsx)(i.a,{href:"/topics/org-skill-building/centering-disability",children:"organizational skill building"}),"."]}),"\n",(0,t.jsxs)(i.li,{children:["Check ",(0,t.jsx)(i.a,{href:"https://a11ysupport.io",children:"A11ySupport.io"})," for specific attribute support."]}

1),"\n",(0,t.jsx)(i.li,{children:"The ARIA Authoring Practices might have some suggestions, although these are not production ready."}),"\n",(0,t.jsxs)(i.li,{children:["Snoop around issue trackers for the major repos: ",(0,t.jsx)(i.a,{href:"https://github.com/nvaccess/nvda",children:"NVDA"}),", ",(0,t.jsx)(i.a,{href:"https://github.com/w3c/aria",children:"WAI-ARIA"}),", ",(0,t.jsx)(i.a,{href:"https://github.com/w3c/wcag",children:"WCAG"}),", ",(0,t.jsx)(i.a,{href:"https://bugs.webkit.org/",children:"WebKit and Safari"}),", and more.)"]}),"\n"]}),"\n",(0,t.jsxs)(i.ul,{children:["\n",(0,t.jsxs)(i.li,{children:["Go through the archives of the ",(0,t.jsx)(i.a,{href:"https://webaim.org/discussion/archives",children:"WebAIM email discussion list"})," and ask a new question if needed."]}),"\n"]}),"\n",(0,t.jsx)(i.h2,{id:"remember-that-screen-readers-arent-the-only-thing-in-accessibility",children:"Remember that screen readers aren’t the only thing in accessibility"}),"\n",(0,t.jsx)(i.p,{children:"Developers often want to solve things with attributes and markup, many of which will impact screen reader users. Just remember that screen readers aren’t the only piece of accessibility. You also need to remember and test keyboard support, visual contrast, reflow and zoom, navigating by voice (which also leverages semantic HTML), and more."}),"\n",(0,t.jsx)(i.p,{children:"Skip links come to mind:"}),"\n",(0,t.jsxs)(i.blockquote,{children:["\n",(0,t.jsx)(i.p,{children:"”Why would skip links need to be visible if they’re only for screen reader users?”"}),"\n"]}),"\n",(0,t.jsx)(i.p,{children:"Well, skip links are for everyone who uses a keyboard. Many people need to see them, and they need to work in screen readers, too."}),"\n",(0,t.jsx)(i.p,{children:"There are many areas of accessibility that we have to address among other web development concerns. So when you’re prioritizing work items of various sizes, keep diverse user groups and the accessibility impact of issues in mind."})]})}let l={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:i}=Object.assign({},(0,r.a)(),e.components);return i?(0,t.jsx)(i,{...e,children:(0,t.jsx)(d,{...e})}):d(e)},pageOpts:{filePath:"pages/topics/accessible-naming-screen-readers/testing-a-solution.mdx",route:"/topics/accessible-naming-screen-readers/testing-a-solution",pageMap:[{kind:"Meta",data:{"*":{type:"page"},topics:{title:"All Topics"}}},{kind:"Folder",name:"topics",route:"/topics",children:[{kind:"Meta",data:{index:"Home",introduction:"Introduction",mvps:"Minimum Viable Products","accessible-uis":"Accessible UIs","accessible-naming-screen-readers":"Accessible Naming & Screen Reader Concerns","a11y-in-js-apps":"Accessibility in JS Apps","test-automation":"Test Automation for Accessibility","org-skill-building":"Organizational Skill-Building"}},{kind:"Folder",name:"a11y-in-js-apps",route:"/topics/a11y-in-js-apps",children:[{kind:"Meta",data:{"client-side-routing":"Client-Side Routing","managing-focus":"Managing Focus in Interactive Components","semantics-and-ARIA":"Semantics & ARIA",frameworks:"What to Look for in a Framework","hybrid-apps":"Hybrid App 101","exercise-4":"Exercise 4"}},{kind:"MdxPage",name:"client-side-routing",route:"/topics/a11y-in-js-apps/client-side-routing"},{kind:"MdxPage",name:"exercise-4",route:"/topics/a11y-in-js-apps/exercise-4"},{kind:"MdxPage",name:"frameworks",route:"/topics/a11y-in-js-apps/frameworks"},{kind:"MdxPage",name:"hybrid-apps",route:"/topics/a11y-in-js-apps/hybrid-apps"},{kind:"MdxPage",name:"managing-focus",route:"/topics/a11y-in-js-apps/managing-focus"},{kind:"MdxPage",name:"semantics-and-ARIA",route:"/topics/a11y-in-js-apps/semantics-and-ARIA"}]},{kind:"Folder",name:"accessible-naming-screen-readers",route:"/topics/accessible-naming-screen-readers",children:[{kind:"MdxPage",name:"ARIA-accessible-name-computation",route:"/topics/accessible-naming-screen-readers/ARIA-accessible-name-computation"},{kind:"Meta",data:{"ARIA-accessible-name-computation":"ARIA & Accessible Name Computation","the-accessibility-tree":"The Accessibility Tree","testing-a-solution":"Testing an ARIA Solution","visual-nonvisual-experience":"Visual and Non-Visual Experience","screen-reader-commands-interaction-modes":"Screen Reader Commands & Interaction Modes","exercise-3":"Exercise 3"}},{kind:"MdxPage",name:"exercise-3",route:"/topics/accessible-naming-screen-readers/exercise-3"},{kind:"MdxPage",name:"screen-reader-commands-interaction-modes",route:"/topics/accessible-naming-screen-readers/screen-reader-commands-interaction-modes"},{kind:"MdxPage",name:"testing-a-solution",route:"/topics/accessible-naming-screen-readers/testing-a-solution"},{kind:"MdxPage",name:"the-accessibility-tree",route:"/topics/accessible-naming-screen-readers/the-accessibility-tree"},{kind:"MdxPage",name:"visual-nonvisual-experience",route:"/topics/accessible-naming-screen-readers/visual-nonvisual-experience"}]},{kind:"Folder",name:"accessible-uis",route:"/topics/accessible-uis",children:[{kind:"Meta",data:{introduction:"The Foundations Apply","your-spidey-senses":"What Should Make Your Spidey Senses Go Off","dont-be-a-div-button-creator":"Don’t Be a DIV Button Creator","visibility-methods":"Visibility Methods","how-to-test-components":"How to Test UI Components","exercise-2":"Exercise 2"}},{kind:"MdxPage",name:"dont-be-a-div-button-creator",route:"/topics/accessible-uis/dont-be-a-div-button-creator"},{kind:"MdxPage",name:"exercise-2",route:"/topics/accessible-uis/exercise-2"},{kind:"MdxPage",name:"how-to-test-components",route:"/topics/accessible-uis/how-to-test-components"},{kind:"MdxPage",name:"introduction",route:"/topics/accessible-uis/introduction"},{kind:"MdxPage",name:"visibility-methods",route:"/topics/accessible-uis/visibility-methods"},{kind:"MdxPage",name:"your-spidey-senses",route:"/topics/accessible-uis/your-spidey-senses"}]},{kind:"MdxPage",name:"index",route:"/topics"},{kind:"Folder",name:"introduction",route:"/topics/introduction",children:[{kind:"Meta",data:{overview:"Overview","who-is-a11y-for":"Who is Accessibility For?","reasons-to-know":"Reasons to Know This Material","windows-users":"Windows User Setup",examples:"Examples of Access/Inaccess"}},{kind:"MdxPage",name:"examples",route:"/topics/introduction/examples"},{kind:"MdxPage",name:"overview",route:"/topics/introduction/overview"},{kind:"MdxPage",name:"reasons-to-know",route:"/topics/introduction/reasons-to-know"},{kind:"MdxPage",name:"who-is-a11y-for",route:"/topics/introduction/who-is-a11y-for"},{kind:"MdxPage",name:"windows-users",route:"/topics/introduction/windows-users"}]},{kind:"Folder",name:"mvps",route:"/topics/mvps",children:[{kind:"Meta",data:{"how-do-mvps":"How do MVPs apply to A

1ccessibility","shift-left":"Shift Left","a11y-personas":"Accessibility Personas","exercise-1":"Exercise 1"}},{kind:"MdxPage",name:"a11y-personas",route:"/topics/mvps/a11y-personas"},{kind:"MdxPage",name:"exercise-1",route:"/topics/mvps/exercise-1"},{kind:"MdxPage",name:"how-do-mvps",route:"/topics/mvps/how-do-mvps"},{kind:"MdxPage",name:"shift-left",route:"/topics/mvps/shift-left"}]},{kind:"Folder",name:"org-skill-building",route:"/topics/org-skill-building",children:[{kind:"Meta",data:{"tips-for-building-knowledge":"Tips for Building Institutional Knowledge","working-with-larger-codebases":"Working with Larger Codebases","inclusive-workplaces":"Inclusive Hiring & Workplaces","centering-disability":"Centering People with Disabilities","definition-of-done":"The Definition of Done","exercise-6":"Exercise 6"}},{kind:"MdxPage",name:"centering-disability",route:"/topics/org-skill-building/centering-disability"},{kind:"MdxPage",name:"definition-of-done",route:"/topics/org-skill-building/definition-of-done"},{kind:"MdxPage",name:"exercise-6",route:"/topics/org-skill-building/exercise-6"},{kind:"MdxPage",name:"inclusive-workplaces",route:"/topics/org-skill-building/inclusive-workplaces"},{kind:"MdxPage",name:"tips-for-building-knowledge",route:"/topics/org-skill-building/tips-for-building-knowledge"},{kind:"MdxPage",name:"working-with-larger-codebases",route:"/topics/org-skill-building/working-with-larger-codebases"}]},{kind:"Folder",name:"test-automation",route:"/topics/test-automation",children:[{kind:"Meta",data:{"how-guidelines-fit":"How Guidelines Fit into Automation","approaches-for-testing":"Approaches for Testing","accessibility-and-ci":"Continuous Integration (CI)","using-a-test-API":"Using an A11y Testing API","exercise-5":"Exercise 5"}},{kind:"MdxPage",name:"accessibility-and-ci",route:"/topics/test-automation/accessibility-and-ci"},{kind:"MdxPage",name:"approaches-for-testing",route:"/topics/test-automation/approaches-for-testing"},{kind:"MdxPage",name:"exercise-5",route:"/topics/test-automation/exercise-5"},{kind:"MdxPage",name:"how-guidelines-fit",route:"/topics/test-automation/how-guidelines-fit"},{kind:"MdxPage",name:"using-a-test-API",route:"/topics/test-automation/using-a-test-API"}]}]}],flexsearch:{codeblocks:!0},title:"Testing a Given ARIA Solution",headings:c},pageNextRoute:"/topics/accessible-naming-screen-readers/testing-a-solution",nextraLayout:o.ZP,themeConfig:a.Z};i.default=(0,n.j)(l)}},function(e){e.O(0,[854,774,888,179],function(){return e(e.s=9075)}),_N_E=e.O()}]);