summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/accname/manual/name_file-label-inline-hidden-elements-manual.html
blob: c982b42c16e3c3b61771b2c7af9ab0ee7e71794f (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!doctype html>
<html>
  <head>
    <title>Name file-label-inline-hidden-elements</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",
                  "name",
                  "is",
                  "2 4 6 8 10"
               ]
            ],
            "AXAPI" : [
               [
                  "property",
                  "AXDescription",
                  "is",
                  "2 4 6 8 10"
               ]
            ],
            "IAccessible2" : [
               [
                  "property",
                  "accName",
                  "is",
                  "2 4 6 8 10"
               ]
            ],
            "UIA" : [
               [
                  "property",
                  "Name",
                  "is",
                  "2 4 6 8 10"
               ]
            ]
         },
         "title" : "step 1",
         "type" : "test"
      }
   ],
   "title" : "Name file-label-inline-hidden-elements"
}

    ) ;
    </script>
  </head>
  <body>
  <p>This test examines the ARIA properties for Name file-label-inline-hidden-elements.</p>
    <style>
    .hidden { display: none; }
  </style>
  <input type="file" id="test" />
  <label for="test">
    <span class="hidden">1</span><span>2</span>
    <span style="visibility: hidden;">3</span><span>4</span>
    <span hidden>5</span><span>6</span>
    <span aria-hidden="true">7</span><span>8</span>
    <span aria-hidden="false" class="hidden">9</span><span>10</span>
  </label>

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