<!doctype html>
<html>
  <head>
    <title>graphics-symbol on HTML element</title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <link rel="stylesheet" href="/wai-aria/scripts/manual.css">
    <script src="/resources/testharness.js"></script>
    <script src="/resources/testharnessreport.js"></script>
    <script src="/wai-aria/scripts/ATTAcomm.js"></script>
    <script>
    setup({explicit_timeout: true, explicit_done: true });

    var theTest = new ATTAcomm(
    {
   "steps" : [
      {
         "element" : "test",
         "test" : {
            "ATK" : [
               [
                  "property",
                  "role",
                  "is",
                  "ROLE_IMAGE"
               ],
               [
                  "property",
                  "objectAttributes",
                  "contains",
                  "xml-roles:graphics-symbol"
               ]
            ],
            "AXAPI" : [
               [
                  "property",
                  "AXRole",
                  "is",
                  "AXImage"
               ],
               [
                  "property",
                  "AXSubrole",
                  "is",
                  "<nil>"
               ],
               [
                  "property",
                  "AXRoleDescription",
                  "is",
                  "image"
               ]
            ],
            "IAccessible2" : [
               [
                  "property",
                  "role",
                  "is",
                  "ROLE_SYSTEM_GRAPHIC"
               ],
               [
                  "property",
                  "objectAttributes",
                  "contains",
                  "xml-roles:graphics-symbol"
               ]
            ],
            "UIA" : [
               [
                  "property",
                  "ControlType",
                  "is",
                  "Image"
               ]
            ]
         },
         "title" : "step 1",
         "type" : "test"
      }
   ],
   "title" : "graphics-symbol on HTML element"
}

    ) ;
    </script>
  </head>
  <body>
  <p>This test examines the ARIA properties for graphics-symbol on HTML element.</p>
    <div>Spinach Salad with Strawberry &amp; Almonds
    <span id="test" aria-label="vegetarian" role="graphics-symbol">🌿</span>
    <span aria-label="contains nuts" role="graphics-symbol">🌰</span>
  </div>

  <div id="manualMode"></div>
  <div id="log"></div>
  <div id="ATTAmessages"></div>
  </body>
</html>