html - クリック可能にする方法は?

Question

<tr>私はすべてがその下に開くテーブルを持っています<tr>。<tr>ユーザーがアクセスできるようにして、クリック可能であり、その下を開くことができるようにするにはどうすればよい<tr>ですか?

例：

<table>
    <thead>
        <tr>
            <th>bla1</th>
            <th>bla2</th>
        </tr>
    </thead>
    <tbody>
        <tr class="infoBlock" data-id="t1">
            <td></td>
            <td></td>
        </tr>
        <tr class="detailsBlock" data-id="t1">
            <td></td>
            <td></td>
        </tr>
        <tr class="infoBlock" data-id="t2">
            <td></td>
            <td></td>
        </tr>
        <tr class="detailsBlock" data-id="t2">
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>

ユーザー (スクリーン リーダーを使用する) は、クリックしたときにそれを知る必要があります。

<tr class="infoBlock" data-id="t1"> 

開きます

<tr class="detailsBlock" data-id="t1"> 

属性がおよびaria-expandedで使用できることはわかっています。 https://www.w3.org/WAI/GL/wiki/Using_the_WAI-ARIA_aria-expanded_state_to_mark_expandable_and_collapsible_regions<button><a>