Use heading instead of div, span in calcite-tile and calcite-accordion-item

[cont-amibabkin]

Check existing issues

• I have checked for existing issues to avoid duplicates and reviewed the Accessibility page for guidance.

Summary

There are contents that function as a heading but do not use heading markup. We would like to be able to set the heading level (this is implemented in the calcite-dialog).

Actual Behavior

<div class="heading">Special viewing glasses</div>

Expected Behavior

<h4 class="heading">Special viewing glasses</h4>

Reproduction Sample

https://developers.arcgis.com/calcite-design-system/components/tile/#sample
https://developers.arcgis.com/calcite-design-system/components/accordion/#sample

Reproduction Steps

1. Open the DevTools console and inspect these elements.
2. Verify these this elements do not use heading markup.

Reproduction Version

3.0.3

Working W3C Example/Tutorial

https://www.w3.org/WAI/tutorials/page-structure/headings/

Relevant Info

No response

Regression?

No response

Priority impact

impact - p3 - not time sensitive

Calcite package

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

Esri team

ArcGIS Business/Community Analyst