fix: a11y-SR row count announcement in DataTable with expandable rows

[2nikhiltom]

Closes #16813

Screen reader incorrectly counts expandable content as rows. For a table with 1 header row and 6 data rows (total 7 rows), it announces additional rows by including the hidden expandable content.

Quick Question

Current fix uses aria-labels in storybook examples, but baking it into the component with a new prop like a rowCount would make it more semantic (uses proper aria-rowcount) and it will be part of component's accessibility

Changelog

New

added aria-expanded and aria-hidden to correctly announce 7 rows

Testing / Reviewing

open deploy preview and visit datatable with expandable row variants and verify correct no of rows and column are announced for the Table

[netlify]

✅ Deploy Preview for v11-carbon-web-components ready!

Name	Link
🔨 Latest commit	ff6b149
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-web-components/deploys/67a2fdedf0f36300086fb55c
😎 Deploy Preview	https://deploy-preview-18457--v11-carbon-web-components.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	ff6b149
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/67a2fded8a4d0a0008bd1539
😎 Deploy Preview	https://deploy-preview-18457--carbon-elements.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for v11-carbon-react ready!

Name	Link
🔨 Latest commit	ff6b149
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-react/deploys/67a2fded34c3a20008a21d6c
😎 Deploy Preview	https://deploy-preview-18457--v11-carbon-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 84.13%. Comparing base (fa1abc1) to head (ff6b149).
Report is 15 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main   #18457   +/-   ##
=======================================
  Coverage   84.13%   84.13%           
=======================================
  Files         408      408           
  Lines       14460    14460           
  Branches     4703     4653   -50     
=======================================
  Hits        12166    12166           
- Misses       2128     2129    +1     
+ Partials      166      165    -1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[kennylam]

Adding it to the stories only solves it for the examples, but not for adopters unless they apply the same fixes on their end. Also I think using aria-rowcount would still announce the hidden rows since its purpose is to announce total rows in a table regardless of what is visible?

Maybe the best solution is to add the ARIA attributes to the components directly like you mentioned?