Ensure toAriaBoolean is used in rendering

[jcfranco]

Description

Stems from #8962 (comment).

Not sure if this is related to the issue, but this, and similar lines, should be using toAriaBoolean (see example). In its current form, it's setting a boolean on the attribute instead of "true" or "false".

Proposed Advantages

ARIA-related boolean attributes need to be explicitly set to "true"/"false" to be interpreted correctly.

Which Component

• calcite-table-header
• calcite-table-cell
• calcite-text-area

Relevant Info

No response

Calcite package

• @esri/calcite-components
• @esri/calcite-components-angular
• @esri/calcite-components-react
• @esri/calcite-design-tokens
• @esri/eslint-plugin-calcite-components

[driskull]

This is one downside of a tiny JSX library. I wonder if we could add an eslint rule for this or open an enhancement for Stencil?

If stencil did at something it would have to probably add all aria like ariaHidden={true}

[jcfranco]

I like the idea of adding a custom ESLint rule for this. cc @Elijbet

[jcfranco]

#10310 might affect how this is authored and other custom rules.