[Toggle] change toggle content for headings and labels

[laurenmrice]

Acceptance criteria

• As part of an a11y review, we should change the terminology for how we label parts of the Toggle component in the storybook example.
  • The Toggles label above the toggle should be called Label not Toggle element label.

Code of Conduct

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

[github-actions]

Thank you for submitting a feature request. Your proposal is open and will soon be triaged by the Carbon team.

If your proposal is accepted and the Carbon team has bandwidth they will take on the issue, or else request you or other volunteers from the community to work on this issue.

[tay1orjones]

This is just a storybook change. The code is right, just the words in storybook are wrong.

[mbgower]

I think the best way to get clarity on this is to have an anatomy section for the toggle.
There is (as far as I know) no real heading, although I guess a set of toggles could have a heading. What is called a heading here is actually the toggle's label. The label and the toggle control are sometimes aligned in rows, I believe.
What is called a label above is actually a text-version of the toggle's state (on or off).

[mbgower]

I agree this can be changed by some documentation changes (on the website --and probably on Figma?) and updates to storybook.