PLANET-6261 Accordion: "Add button" not reachable with tab

[planet-4]

The tab button correctly navigates you to all other elements of the block, but the "Add button" element is not reachable with tab. Instead it always jumps over it to the next element.

If you're not on the last item of an Accordion, the focus goes to the title of the next item directly if you hit tab with your cursor on the text field.

Screencast

accordion.mp4

Reporter: pvincent
Sections: Accessibility, Block: Accordion

Potentially affected repositories: planet4-plugin-gutenberg-blocks

[YumekaMengjiaLYU]

Hi there, is the issue still unresolved? I would love to contribute!

[comzeradd]

Hi @YumekaMengjiaLYU, it's still unresolved, so it's all yours :)

[comzeradd]

Hi @YumekaMengjiaLYU 👋 Are you working on this? Do you require any assistance from the team?

[YumekaMengjiaLYU]

Hi Nikos @comzeradd , this month has been quite hectic for me but I've started working on this! I will notify you when I need any assistance : )

[purplepaste5]

@comzeradd is this being worked on? I would enjoy contributing and this seems like a good first issue.

[StaudenmannM]

Hi @comzeradd,
is this issue still open and relevant ? I tried to reproduce it on my side (Firefox/Linux Ubuntu) but tab is not going through accordion elements at all..

[comzeradd]

Hey @StaudenmannM 👋🏻 This is probably not relevant anymore. It looks the <tab> is currently being used as a way to navigate to the sidebar and block options. But arrow keys seem to work.

[StaudenmannM]

@comzeradd Actually arrow keys work, except for the Add button as initially reported with Tab key :)
I can start to look at it if you think that make sense, otherwise just let me know which issue I should start to investigate.