| <!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 & 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> |