<div dir="ltr">Hi Khoa,<div>I'll put it this way: if they think they can make up ARIA roles, states, and properties, they don't know much about ARIA. :)</div><div><br></div><div>ARIA only works (at least as I understand it) through the browser exposing information in very specific ways to the OS' accessibility API. If developers make up a role/state/property, the browser won't know how to expose it, and the screen reader won't know how to interpret it. Role="fish", for example, will not make JAWS or <span class="prokeys-snippet-text">NVDA consider </span>something to be a fish, because there's no such thing as a "fish" mapping in Windows' User Interface Automation API.<br><br>Here's some info on <a href="https://www.w3.org/TR/core-aam-1.1/#roleMappingGeneralRules">how ARIA roles are supposed to get mapped</a>. Again, this isn't necessarily how it all translates out in the real world, but should cover the scope of what you're running into.<br><br>I'd also share this <a href="https://www.w3.org/TR/core-aam-1.1/#mapping_role_table">Role Mapping Table</a> with them, and ask them to explain how (with what ATs and browser combinations) they're coming to the conclusion that fake ARIA works, and what criteria they're using to determine "works" vs "doesn't work." <div><br></div><div>Also, I'm wondering if they're looking at one really specific edge case -- role="text", which was <a href="https://www.w3.org/WAI/ARIA/track/issues/435"><i>proposed</i> for the spec</a>, but not added, and has unofficial support in Safari/VoiceOver on iOS and (I think?) in Chrome -- and assuming that what they can do in a really, really specific scenario applies everywhere.</div><div><br></div><div>You can also open up the accessibility inspector in Chrome or FF to get an idea of how elements are getting mapped in the accessibility tree, and then take screenshots of how their code gets translated out to screen readers. This won't <i>necessarily</i> correlate 1:1 with the OS' internal mappings, but should be enough to show them that their fake roles aren't actually changing anything.</div><div><br></div><div>Alex</div><div><br></div></div></div><br><div class="gmail_quote"><div dir="ltr" class="gmail_attr">On Thu, Apr 18, 2019 at 5:43 PM Khoa Pham <<a href="mailto:kpham@swccd.edu">kpham@swccd.edu</a>> wrote:<br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">
<div lang="EN-US">
<div class="gmail-m_-6278753300580085914WordSection1">
<p class="MsoNormal">Hi All,<u></u><u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="MsoNormal">I recently had a discussion with a vendor on the non-accessible areas of their product. One of the things that was discussed was their use ARIA roles and states. I use AXE as one my tools to test for accessibility and would often run into
these errors:<u></u><u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="gmail-m_-6278753300580085914MsoListParagraph" style="margin-left:38.25pt">
<u></u><span style="font-family:Symbol"><span>·<span style="font:7pt "Times New Roman"">
</span></span></span><u></u>ARIA attributes must conform to valid names<u></u><u></u></p>
<p class="gmail-m_-6278753300580085914MsoListParagraph" style="margin-left:38.25pt">
<u></u><span style="font-family:Symbol"><span>·<span style="font:7pt "Times New Roman"">
</span></span></span><u></u>ARIA attributes must conform to valid values<u></u><u></u></p>
<p class="gmail-m_-6278753300580085914MsoListParagraph" style="margin-left:38.25pt">
<u></u><span style="font-family:Symbol"><span>·<span style="font:7pt "Times New Roman"">
</span></span></span><u></u>ARIA roles used must conform to valid values<u></u><u></u></p>
<p class="gmail-m_-6278753300580085914MsoListParagraph" style="margin-left:38.25pt"><u></u> <u></u></p>
<p class="MsoNormal">I would check to make sure these errors are not false positives with the two sources below before notifying the vendor. Although they will look into these findings, I had mentioned that I have found similar errors in other products that
seems to show made up ARIA roles, states, and values. Their response was it is acceptable to make up ARIA. This doesn’t sound right and I’ve tried to search for anything to confirm this statement, but have come up empty handed. Can anyone please provide me
with an answer?<u></u><u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="gmail-m_-6278753300580085914MsoListParagraph"><u></u><span style="font-family:Symbol"><span>·<span style="font:7pt "Times New Roman"">
</span></span></span><u></u><a href="https://www.w3.org/TR/wai-aria-1.1/" target="_blank">https://www.w3.org/TR/wai-aria-1.1/</a><u></u><u></u></p>
<p class="gmail-m_-6278753300580085914MsoListParagraph"><u></u><span style="font-family:Symbol"><span>·<span style="font:7pt "Times New Roman"">
</span></span></span><u></u><a href="https://www.w3.org/TR/wai-aria-practices-1.1/" target="_blank">https://www.w3.org/TR/wai-aria-practices-1.1/</a><u></u><u></u></p>
<p class="gmail-m_-6278753300580085914MsoListParagraph"><u></u><span style="font-family:Symbol"><span>·<span style="font:7pt "Times New Roman"">
</span></span></span><u></u><a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques" target="_blank">https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques</a><u></u><u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="MsoNormal">Thank you,<u></u><u></u></p>
<p class="MsoNormal">Khoa<u></u><u></u></p>
</div>
</div>
_______________________________________________<br>
athen-list mailing list<br>
<a href="mailto:athen-list@mailman12.u.washington.edu" target="_blank">athen-list@mailman12.u.washington.edu</a><br>
<a href="http://mailman12.u.washington.edu/mailman/listinfo/athen-list" rel="noreferrer" target="_blank">http://mailman12.u.washington.edu/mailman/listinfo/athen-list</a><br>
</blockquote></div>