content/test/data/accessibility/aria/aria-sort-aria-grid.html

   1 <!--
   2 @MAC-ALLOW:AXSortDirection*
   3 @WIN-ALLOW:sort:*
   4 -->
   5 <html>
   6 <body>
   7 <!-- ARIA grid with a row header. -->
   8
   9 <!-- No sorting (implicit). -->
  10 <div role="grid">
  11   <div role="row">
  12     <span role="columnheader">Alphabet</span>
  13   </div>
  14   <div role="row">
  15     <span role="gridcell">A</span>
  16   </div>
  17   <div role="row">
  18     <span role="gridcell">B</span>
  19   </div>
  20 </div>
  21
  22 <!-- No sorting (explicit). -->
  23 <div role="grid">
  24   <div role="row">
  25     <span role="columnheader" aria-sort="none">Alphabet</span>
  26   </div>
  27   <div role="row">
  28     <span role="gridcell">A</span>
  29   </div>
  30   <div role="row">
  31     <span role="gridcell">B</span>
  32   </div>
  33 </div>
  34
  35 <!-- Ascending. -->
  36 <div role="grid">
  37   <div role="row">
  38     <span role="columnheader" aria-sort="ascending">Alphabet</span>
  39   </div>
  40   <div role="row">
  41     <span role="gridcell">A</span>
  42   </div>
  43   <div role="row">
  44     <span role="gridcell">B</span>
  45   </div>
  46 </div>
  47
  48 <!-- Descending. -->
  49 <div role="grid">
  50   <div role="row">
  51     <span role="columnheader" aria-sort="descending">Alphabet</span>
  52   </div>
  53   <div role="row">
  54     <span role="gridcell">B</span>
  55   </div>
  56   <div role="row">
  57     <span role="gridcell">A</span>
  58   </div>
  59 </div>
  60
  61 <!-- Unspecified. -->
  62 <div role="grid">
  63   <div role="row">
  64     <span role="columnheader" aria-sort="other">Alphabet</span>
  65   </div>
  66   <div role="row">
  67     <span role="gridcell">A</span>
  68   </div>
  69   <div role="row">
  70     <span role="gridcell">A</span>
  71   </div>
  72 </div>
  73
  74
  75 <!-- ARIA grid with a column header. -->
  76
  77 <!-- No sorting (implicit). -->
  78 <div role="grid">
  79   <div role="row">
  80     <span role="rowheader">Alphabet</span>
  81     <span role="gridcell">A</span>
  82     <span role="gridcell">B</span>
  83   </div>
  84 </div>
  85
  86 <!-- No sorting (explicit). -->
  87 <div role="grid">
  88   <div role="row">
  89     <span role="rowheader" aria-sort="none">Alphabet</span>
  90     <span role="gridcell">A</span>
  91     <span role="gridcell">B</span>
  92   </div>
  93 </div>
  94
  95 <!-- Ascending. -->
  96 <div role="grid">
  97   <div role="row">
  98     <span role="rowheader" aria-sort="ascending">Alphabet</span>
  99     <span role="gridcell">A</span>
 100     <span role="gridcell">B</span>
 101   </div>
 102 </div>
 103
 104 <!-- Descending. -->
 105 <div role="grid">
 106   <div role="row">
 107     <span role="rowheader" aria-sort="descending">Alphabet</span>
 108     <span role="gridcell">B</span>
 109     <span role="gridcell">A</span>
 110   </div>
 111 </div>
 112
 113 <!-- Unspecified. -->
 114 <div role="grid">
 115   <div role="row">
 116     <span role="rowheader" aria-sort="other">Alphabet</span>
 117     <span role="gridcell">A</span>
 118     <span role="gridcell">A</span>
 119   </div>
 120 </div>
 121 </body>
 122 </html>