Multiple in-page carousels share the same id/label

[mjsarfatti]

Is there an existing issue for this?

• I have searched the existing issues

Code of Conduct

• I agree to follow this project's Code of Conduct

Code Sandbox link

No response

Bug report

This is an accessibility and testing issue. Since `aria-labelledby="nuka-carousel-heading"` and `<h3 id="nuka-carousel-heading" className="nuka-hidden">` are hardcoded, if a web page contains multiple carousels they all share the same ARIA name, it being the first the appears.