A11y: improve a11y capability, adding ARIA roles

[BobH-Official]

Clear and concise description of the problem

svelte vite plugin returns such warnings:

[vite-plugin-svelte] /node_modules/.pnpm/[email protected]/node_modules/konsta/svelte/components/icons/DeleteIcon.svelte:21:2 A11y: <svg> with click handler must have an ARIA role ... etc.

Suggested solution

According to MDN: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/button_role

It should be easy to add A11y support, by adding a new attribute role="button" to the element.

<div role="button">Title of my button</div>

Alternative

No response

Additional context

Another issue about A11y: #92

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Would you like to open a PR for this feature?

• I'm willing to open a PR