background: transparent url(data:image/gif;base64,R0lGODlhEAARAJECAOHh4UpKSgAAAAAAACH5BAEAAAIALAAAAAAQABEAAAIllB8Zx63b4otSUWcvyuz5D4biSD7AiZroWSXa5r7CJNOvra1RAQA7) left center no-repeat;
}
.backgroundmarkersbefore li::before {
display: inline-block;
content: " ";
width: 17px;
height: 17px;
background: transparent url(data:image/gif;base64,R0lGODlhEAARAJECAOHh4UpKSgAAAAAAACH5BAEAAAIALAAAAAAQABEAAAIllB8Zx63b4otSUWcvyuz5D4biSD7AiZroWSXa5r7CJNOvra1RAQA7) left center no-repeat;
<h1>list because these list markers consist of CSS-generated content on ::before pseudo element. Note: WebKit is not exposing these as AXListMarker; need another bug for that.</h1>
<uldata-role="list"class="ex nomarkers imagemarkersbefore"data-note=" w/ image content on ::before">
<li>foo</li>
<li>bar</li>
<li>baz</li>
</ul>
<uldata-role="list"class="ex nomarkers inline imagemarkersbefore"data-note=" w/ image content on inline ::before">
<li>foo</li>
<li>bar</li>
<li>baz</li>
</ul>
<uldata-role="list"class="ex nomarkers bulletmarkersbefore"data-note=" w/ bullet content on ::before">
<li>foo</li>
<li>bar</li>
<li>baz</li>
</ul>
<uldata-role="list"class="ex nomarkers inline bulletmarkersbefore"data-note=" w/ bullet content on inline ::before">
<li>foo</li>
<li>bar</li>
<li>baz</li>
</ul>
<oldata-role="list"class="ex nomarkers countermarkersbefore"data-note=" w/ counter content on ::before">
<li>foo</li>
<li>bar</li>
<li>baz</li>
</ol>
<oldata-role="list"class="ex nomarkers inline countermarkersbefore"data-note=" w/ counter content on inline ::before">
<p>Since many web pages suffer from "list-itis" and some users have noted that they don't want to hear about so many lists, any UL or OL that does not match one of the above heuristics should not be exposed as a list. Chances are that they are just presentational lists using the elements for the sake of a styling hook.</p>
<h1>EXPLICIT FAILURE CASES: These next examples are <strong>NOT</strong> lists because these "list markers" are faked as background images. One is even a background image on a ::before pseudo-element, but that does not count as a listmarker. List markers should only be inferred by the <code>content</code> property or the <code>list-style</code> properties.</h1>
<h1>EXPLICIT FAILURE CASES: These next examples are <strong>NOT</strong> there is no explicit role or any style or list markers to indicate this is actually intended as a list.</h1>
if (window.testRunner && window.accessibilityController) {
description("This tests that heurisitics for determining meaningful lists versus presentational lists result in the same computed role, regardless of platform.")
var examples = document.querySelectorAll(".ex");
var el, contentAttrRoleString, axElement, computedAriaRole, output, expectedRole, expectation, result, note;