A11yText DOM structure fix (breaking W3C validation)

[anthonyvialleton]

Step to reproduce :

• Open this simple example : https://bzuy9.csb.app (taken from https://codesandbox.io/s/bzuy9?module=/example.js)
• Display the menu list
• W3C validate that

W3C errors output :

Error: Element p not allowed as child of element span in this context. (Suppressing further errors from this subtree.)

From line 286, column 54071; to line 286, column 54099

a11yText"><p id="aria-selection-event">&nbsp;

Contexts in which element p may be used:
Where flow content is expected.
Content model for element span:
Phrasing content.
Error: Element p not allowed as child of element span in this context. (Suppressing further errors from this subtree.)

From line 286, column 54134; to line 286, column 54154

ected.</p><p id="aria-context">&nbsp;

W3C is breaking because of A11yText of type span wrapping p elements.

[changeset-bot]

💥 No Changeset

Latest commit: 1f965ab

Merging this PR will not cause any packages to be released. If these changes should not cause updates to packages in this repo, this is fine 🙂

If these changes should be published to npm, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 1f965ab:

Sandbox	Source
react-codesandboxer-example	Configuration
react-codesandboxer-example	PR

[iorrah]

Hey @JedWatson can we look into this PR?

[bladey]

@JedWatson looks good to me - for your review.

[JedWatson]

Thanks for the fix @iorrah - will be released shortly