Skip to content

Fix: accessible import snippets tabs#344

Merged
imantsk merged 1 commit intocore-betafrom
a11y-import-snippets-tabs
Apr 14, 2026
Merged

Fix: accessible import snippets tabs#344
imantsk merged 1 commit intocore-betafrom
a11y-import-snippets-tabs

Conversation

@rami-elementor
Copy link
Copy Markdown
Contributor

Replace <a href="#"> with <button> to improve semantics. Links are used only for linking to other pages. In this case, clicking the element changes the tab. So, it's not a link.

Screenshot 2026-04-10 at 14 03 34

@imantsk imantsk merged commit f83d2d6 into core-beta Apr 14, 2026
8 checks passed
@imantsk imantsk deleted the a11y-import-snippets-tabs branch April 14, 2026 09:31
@sheabunge
Copy link
Copy Markdown
Member

@rami-elementor The use of placeholder links in this instance was intentional – rather than replacing with buttons, I'd prefer to introduce routing and have the tabs link to actual URLs.

@rami-elementor
Copy link
Copy Markdown
Contributor Author

@sheabunge For now I prefer to leave it like that.

When you decide to introduce routing and have the tabs links as actual URLs, just refactor the code.

@sheabunge
Copy link
Copy Markdown
Member

@rami-elementor my only issue with that is now they are less apparent to someone checking and refactoring – a link to # is something that can be searched for and replaced; a <button> element fades into the other markup.

I'll just go through and add TODO comments for now as a reminder to revisit.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants