teste09.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="pt-BR">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Teste09: Grid somente leitura usando activedescendant</title>
    <link rel="stylesheet" type="text/css" href="teste09.css">
    <script type="text/javascript" src="teste09.js"></script>
</head>

<body role="application">

<h1 id="gridDescription">Controle de foco via <code>aria-activedescendant</code></h1>

<table id="accessibleGrid" tabindex="0" class="spwGrid" role="grid" aria-describedby="gridDescription">
    <colgroup>
        <col width="100">
        <col width="*">
    </colgroup>
    <thead>
        <tr>
            <th id="header-codigo" role="columnheader">Código</th>
            <th id="header-descricao" role="columnheader">Descrição</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td id="cell-00-00" role="gridcell">1</td>
            <td id="cell-00-01" role="gridcell">Administração</td>
        </tr>
        <tr>
            <td id="cell-01-00" role="gridcell">2</td>
            <td id="cell-01-01" role="gridcell">Informática</td>
        </tr>
        <tr>
            <td id="cell-02-00" role="gridcell">3</td>
            <td id="cell-02-01" role="gridcell">Direito civil</td>
        </tr>
    </tbody>
</table>

<script type="text/javascript">
window.addEventListener("load", onLoad, false);
</script>

</body>

</html>