title: Ant design Table component accessibility react js
body: <p>I'm working with Ant design table component : <a href="https://ant.design/components/table/#components-table-demo-row-selection" rel="nofollow noreferrer">https://ant.design/components/table/#components-table-demo-row-selection</a>.
  I'm trying to implement the accessibility features in my table component, but the table component doesn't have the configuration for accessibility. Also the table caption tag is missing from the component which is required for screen readers.</p>
  <p>Also for adding the aria attributes to the checkboxes/radio for row selection, I have to use <code>getCheckboxProps</code> property of <code>rowSelection</code> prop.</p>
  <pre><code>&lt;Table
      rowSelection={{
        type: &quot;checkbox&quot;,
        getCheckboxProps: (record) =&gt; ({
            &quot;aria-label&quot;: &quot;row selection&quot;
          })
        }}
        columns={columns}
        dataSource={data}
  /&gt;
  </code></pre>
  <p>But this method does not add the aria attribute to the checkbox in header for selection all rows.</p>
  <p><a href="https://i.stack.imgur.com/taNGS.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/taNGS.jpg" alt="enter image description here" /></a></p>
  <p>codesandbox link for above example : <a href="https://codesandbox.io/s/selection-antd41610-forked-qpfow?file=/index.js" rel="nofollow noreferrer">https://codesandbox.io/s/selection-antd41610-forked-qpfow?file=/index.js</a></p>
  <p>any way to make this table component accessible friendly?</p>