<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>&lt;div&gt; with role columnheader; supported state or property "aria-sort" value of "other"</title>
</head>
<body>
    <div role="grid">
        <div role="row">
            <span id="test" role="columnheader" aria-sort="other">Placeholder content</span>
            <span role="columnheader">header 2</span>
            <span role="columnheader">header 3</span>
        </div>
        <div role="row">
            <span role="gridcell" id="obj1">obj1</span>
            <span role="gridcell">obj2</span>
            <span role="gridcell">obj3</span>
        </div>
        <div role="row">
            <span role="gridcell">obj1</span>
            <span role="gridcell">obj2</span>
            <span role="gridcell">obj3</span>
        </div>
        <div role="row">
            <span role="gridcell">obj1</span>
            <span role="gridcell">obj2</span>
            <span role="gridcell">obj3</span>
        </div>
      </div>
   </body>
</html>