Problems with the use of non-interactive element

[abeidabdou]

7:48:25 PM [vite-plugin-svelte] /media/alabeid/libra/Projects/planit/planit-frontend/node_modules/@lottiefiles/svelte-lottie-player/src/components/Controls.svelte:231:6 A11y: visible, non-interactive elements with an on:click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as <button type="button"> or <a> might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.
7:48:25 PM [vite-plugin-svelte] /media/alabeid/libra/Projects/planit/planit-frontend/node_modules/@lottiefiles/svelte-lottie-player/src/components/Controls.svelte:231:6 A11y: <div> with click handler must have an ARIA role
7:48:25 PM [vite-plugin-svelte] /media/alabeid/libra/Projects/planit/planit-frontend/node_modules/@lottiefiles/svelte-lottie-player/src/components/Controls.svelte:244:6 A11y: visible, non-interactive elements with an on:click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as <button type="button"> or <a> might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.
7:48:25 PM [vite-plugin-svelte] /media/alabeid/libra/Projects/planit/planit-frontend/node_modules/@lottiefiles/svelte-lottie-player/src/components/Controls.svelte:244:6 A11y: <div> with click handler must have an ARIA role
7:48:25 PM [vite-plugin-svelte] /media/alabeid/libra/Projects/planit/planit-frontend/node_modules/@lottiefiles/svelte-lottie-player/src/components/Controls.svelte:269:6 A11y: visible, non-interactive elements with an on:click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as <button type="button"> or <a> might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.
7:48:25 PM [vite-plugin-svelte] /media/alabeid/libra/Projects/planit/planit-frontend/node_modules/@lottiefiles/svelte-lottie-player/src/components/Controls.svelte:269:6 A11y: <div> with click handler must have an ARIA role
7:48:25 PM [vite-plugin-svelte] /media/alabeid/libra/Projects/planit/planit-frontend/node_modules/@lottiefiles/svelte-lottie-player/src/components/Controls.svelte:317:6 A11y: <div> with mouseout, mouseover handlers must have an ARIA role
7:48:25 PM [vite-plugin-svelte] /media/alabeid/libra/Projects/planit/planit-frontend/node_modules/@lottiefiles/svelte-lottie-player/src/components/Controls.svelte:317:6 A11y: on:mouseover must be accompanied by on:focus
7:48:25 PM [vite-plugin-svelte] /media/alabeid/libra/Projects/planit/planit-frontend/node_modules/@lottiefiles/svelte-lottie-player/src/components/Controls.svelte:317:6 A11y: on:mouseout must be accompanied by on:blur
7:48:25 PM [vite-plugin-svelte] /media/alabeid/libra/Projects/planit/planit-frontend/node_modules/@lottiefiles/svelte-lottie-player/src/components/Controls.svelte:351:6 A11y: visible, non-interactive elements with an on:click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as <button type="button"> or <a> might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.
7:48:25 PM [vite-plugin-svelte] /media/alabeid/libra/Projects/planit/planit-frontend/node_modules/@lottiefiles/svelte-lottie-player/src/components/Controls.svelte:351:6 A11y: <div> with click handler must have an ARIA role
7:48:25 PM [vite-plugin-svelte] /media/alabeid/libra/Projects/planit/planit-frontend/node_modules/@lottiefiles/svelte-lottie-player/src/components/Controls.svelte:399:8 A11y: on:mouseover must be accompanied by on:focus
7:48:25 PM [vite-plugin-svelte] /media/alabeid/libra/Projects/planit/planit-frontend/node_modules/@lottiefiles/svelte-lottie-player/src/components/Controls.svelte:399:8 A11y: on:mouseout must be accompanied by on:blur
7:48:25 PM [vite-plugin-svelte] /media/alabeid/libra/Projects/planit/planit-frontend/node_modules/@lottiefiles/svelte-lottie-player/src/components/Controls.svelte:410:6 A11y: visible, non-interactive elements with an on:click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as <button type="button"> or <a> might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.
7:48:25 PM [vite-plugin-svelte] /media/alabeid/libra/Projects/planit/planit-frontend/node_modules/@lottiefiles/svelte-lottie-player/src/components/Controls.svelte:410:6 A11y: <div> with click handler must have an ARIA role
7:48:25 PM [vite-plugin-svelte] /media/alabeid/libra/Projects/planit/planit-frontend/node_modules/@lottiefiles/svelte-lottie-player/src/components/Controls.svelte:420:6 A11y: visible, non-interactive elements with an on:click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as <button type="button"> or <a> might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.
7:48:25 PM [vite-plugin-svelte] /media/alabeid/libra/Projects/planit/planit-frontend/node_modules/@lottiefiles/svelte-lottie-player/src/components/Controls.svelte:420:6 A11y: <div> with click handler must have an ARIA role
7:48:25 PM [vite-plugin-svelte] /media/alabeid/libra/Projects/planit/planit-frontend/node_modules/@lottiefiles/svelte-lottie-player/src/components/Popover.svelte:82:0 A11y: <div> with mousedown, mouseover, mouseout, mouseup handlers must have an ARIA role
7:48:25 PM [vite-plugin-svelte] /media/alabeid/libra/Projects/planit/planit-frontend/node_modules/@lottiefiles/svelte-lottie-player/src/components/Popover.svelte:82:0 A11y: on:mouseover must be accompanied by on:focus
7:48:25 PM [vite-plugin-svelte] /media/alabeid/libra/Projects/planit/planit-frontend/node_modules/@lottiefiles/svelte-lottie-player/src/components/Popover.svelte:82:0 A11y: on:mouseout must be accompanied by on:blur