Issue Summary

On the "Create page | editor" page, the input fields (that appears after activating the "page layout" > "Two column section", "Two column section with left side-bar", and so on, buttons) do not have programmatically defined accessible names.

Steps to Reproduce

1. Navigate onto the above mentioned page.
2. Navigate onto the "Page layout" link and activate it.
3. Navigate onto the "Two column section", "Two column section with left side-bar", and so on, buttons and activate any of them.
4. Navigate onto the mentioned instances and inspect their code.
5. Observe that the form fields do not have accessible names.

Screenrecording

Screen Recording 2023-08-24 at 1.20.30 PM.mov

Actual Results

The input fields (that appears after activating the "page layout" > "Two column section", "Two column section with left side-bar", and so on, buttons) do not have programmatically defined accessible names. 

As a result, users of assistive technologies will not be able to understand the purpose or the functionality associated with these input fields.

Expected Results

Interactive elements must have programmatically defined accessible names so that their functionality is communicated to assistive technology users. In this scenario, use aria-label attribute to provide accessible names to the input fields so that these sections could be programmatically identified. Make sure that the accessible names signpost the purpose or functionality associated with these input fields. Code Snippet

<textarea aria-label="Left side - bar">...</textarea>

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available

Environment

MacBook Pro (16-inch, 2021)
macOS Monterey Version 12.4
Chrome - Version 103.0.5060.134 (Official Build) (arm64)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.5 (17613.2.7.1.8)
JAWS- Version 2023
NVDA- Version 2023.3
Voiceover - Version Latest