Fix the blocks aria-label

[afercia]

Previously, the blocks container used to be focusable with a tabindex="0" and it was labeled with an aria-label attribute to give each block a name. See 1a17201 and related #1618

This was the related markup:

This was a nice feature. When navigating through the blocks using assistive technologies, and landing on a block, each block announced its type, for example:
Block: Paragraph
Block: Image
etc.

After recent changes, this aria-label is now on a non-focusable div, see

gutenberg/editor/components/block-list/block.js

Line 603 in 8f07c80

<IgnoreNestedEvents

This is not correct and should be fixed. The aria-label should be set on a container that actually receives focus. It also needs an explicit role attribute, e.g. role="group" if there are no other roles that suit better.

Regardless, it's not clear to me where the focus currently lands and if there are other pending changes planned for the blocks interaction.

Worth also considering the pending experiment about "navigation mode / edit mode":
#3195
#2031

The final goal should always be:

• allow keyboard and assistive technologies users to easily navigate through blocks
• correctly label each block

[IreneStr]

I've opened a PR to fix the aria-label: #7305
The role-part of this issue is still open and will need some investigation about what the most suitable role.

[jorgefilipecosta]

Hi @afercia, the PR #7305 should have fixed the issue. If you feel any other improvement related to this issue is required to feel free to reopen the issue.
Thank you @afercia and @IreneStr for fixing this problem.

[afercia]

Hi @jorgefilipecosta thanks and thanks @IreneStr 👍