Fix Svelte Warnings and Accessibility Issues #6
Labels
Comments
Merged
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
{{ message }}
Description:
We need to address several warnings and accessibility issues reported by
vite-plugin-svelte. Below is a detailed list of the issues categorized by type.Unused CSS Selectors
/src/App.svelte:140:1 Unused CSS selector "svg"/src/App.svelte:148:1 Unused CSS selector "circle"/src/App.svelte:152:1 Unused CSS selector ".controls"/src/App.svelte:160:1 Unused CSS selector ".controls input"/src/App.svelte:167:1 Unused CSS selector ".theme"/src/components/bucketlist/BucketList.svelte:186:0 Unused CSS selector ".header .tag-wrapper"/src/components/flashcards/FlashCards.svelte:281:0 Unused CSS selector ".header .tag-wrapper"/src/components/flashcards/FlashCards.svelte:295:0 Unused CSS selector ".tag-wrapper"/src/components/flashcards/FlashCards.svelte:300:0 Unused CSS selector ".status"/src/components/flashcards/FlashCards.svelte:302:0 Unused CSS selector ".tag-wrapper"/src/components/componenthub/NavBar.svelte:160:4 Unused CSS selector "#nav-toggle:checked ~ #nav-footer label[for="nav-footer-toggle"]"/src/components/componenthub/NavBar.svelte:379:4 Unused CSS selector "#nav-footer-avatar img"/src/components/componenthub/NavBar.svelte:393:4 Unused CSS selector "#nav-footer-subtitle"/src/components/componenthub/NavBar.svelte:402:4 Unused CSS selector "#nav-toggle:not(:checked) ~ #nav-footer-toggle:checked + #nav-footer label[for="nav-footer-toggle"]"/src/components/componenthub/NavBar.svelte:409:4 Unused CSS selector "label[for="nav-footer-toggle"]"/src/components/notes/NotesRoute.svelte:284:0 Unused CSS selector ".main-body .header .title-wrapper .logo"/src/components/notes/NotesRoute.svelte:302:0 Unused CSS selector ".status"/src/components/forgotPassword/Forgot.svelte:68:0 Unused CSS selector ".forgot-password-form .login-swicth"/src/components/forgotPassword/Forgot.svelte:72:0 Unused CSS selector ".forgot-password-form .login-swicth button"/src/components/forgotPassword/Forgot.svelte:80:0 Unused CSS selector ".forgot-password-form .login-swicth .active"/src/components/forgotPassword/Forgot.svelte:84:0 Unused CSS selector ".forgot-password-form .login-swicth .highlight"/src/components/forgotPassword/Forgot.svelte:88:0 Unused CSS selector ".forgot-password-form .login-swicth .dim"/src/components/forgotPassword/Forgot.svelte:98:0 Unused CSS selector ".reset-password-message"/src/components/forgotPassword/Forgot.svelte:106:0 Unused CSS selector ".reset-password-message p"/src/components/bucketlist/BucketModel.svelte:125:0 Unused CSS selector ".add-tag-wrapper"/src/components/bucketlist/BucketModel.svelte:131:0 Unused CSS selector ".add-tag-wrapper input"/src/components/bucketlist/BucketModel.svelte:135:0 Unused CSS selector ".add-tag-wrapper"/src/components/bucketlist/BucketModel.svelte:139:0 Unused CSS selector ".add-tag-wrapper div"/src/components/bucketlist/BucketModel.svelte:143:0 Unused CSS selector ".add-tag-wrapper input"/src/components/bucketlist/BucketModel.svelte:150:0 Unused CSS selector ".add-tag-wrapper button"/src/components/bucketlist/BucketModel.svelte:156:0 Unused CSS selector ".add-tag-wrapper input:focus"/src/components/bucketlist/BucketModel.svelte:175:0 Unused CSS selector ".shit-wrapper p"/src/components/bucketlist/BucketModel.svelte:182:0 Unused CSS selector ".shit-wrapper p button"/src/components/bucketlist/BucketModel.svelte:188:0 Unused CSS selector ".shit-wrapper p button:hover"/src/components/componenthub/UserProfile.svelte:57:0 Unused CSS selector ".modal .modal-content h2"/src/components/componenthub/UserProfile.svelte:63:0 Unused CSS selector ".info2"/src/components/componenthub/UserProfile.svelte:85:0 Unused CSS selector ".add-tag-wrapper"/src/components/componenthub/UserProfile.svelte:91:0 Unused CSS selector ".add-tag-wrapper input"/src/components/componenthub/UserProfile.svelte:95:0 Unused CSS selector ".add-tag-wrapper"/src/components/componenthub/UserProfile.svelte:99:0 Unused CSS selector ".add-tag-wrapper div"/src/components/componenthub/UserProfile.svelte:103:0 Unused CSS selector ".add-tag-wrapper input"/src/components/componenthub/UserProfile.svelte:110:0 Unused CSS selector ".add-tag-wrapper button"/src/components/componenthub/UserProfile.svelte:116:0 Unused CSS selector ".add-tag-wrapper input:focus"/src/components/componenthub/UserProfile.svelte:125:0 Unused CSS selector ".info2 textarea"/src/components/componenthub/UserProfile.svelte:130:0 Unused CSS selector ".shit-wrapper"/src/components/componenthub/UserProfile.svelte:135:0 Unused CSS selector ".shit-wrapper p"/src/components/componenthub/UserProfile.svelte:142:0 Unused CSS selector ".shit-wrapper p button"/src/components/componenthub/UserProfile.svelte:148:0 Unused CSS selector ".shit-wrapper p button:hover"/src/components/flashcards/Card.svelte:106:0 Unused CSS selector ".bucket .content-wrapper .content"/src/components/login/SignupForm.svelte:90:1 No scopable elements found in template. If you're using global styles in the style tag, you should move it into an external stylesheet file and import it in JS./src/components/forgotPassword/ForgotForm.svelte:5:11 ForgotForm has unused export property 'sendmail'. If it is for external reference only, please consider using \export const sendmail``/src/components/forgotPassword/ForgotForm.svelte:18:1 No scopable elements found in template. If you're using global styles in the style tag, you should move it into an external stylesheet file and import it in JS.Accessibility Issues
/src/components/bucketlist/BucketModel.svelte:25:70 A11y: Avoid using autofocus/src/components/bucketlist/BucketModel.svelte:54:70 A11y: Avoid using autofocus/src/components/flashcards/CardModel.svelte:58:68 A11y: Avoid using autofocus/src/components/flashcards/CardModel.svelte:104:68 A11y: Avoid using autofocus/src/components/notes/Modal.svelte:58:70 A11y: Avoid using autofocus/src/components/notes/Modal.svelte:102:70 A11y: Avoid using autofocus/src/components/componenthub/Dropdown2.svelte:13:3 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./src/components/componenthub/Dropdown2.svelte:13:3 A11y: Non-interactive element <li> should not be assigned mouse or keyboard event listeners./src/components/componenthub/Dropdown.svelte:13:3 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./src/components/componenthub/Dropdown.svelte:13:3 A11y: Non-interactive element <li> should not be assigned mouse or keyboard event listeners.Goals
Context
This issue pertains to the following files in the project:
src/App.sveltesrc/components/bucketlist/BucketList.sveltesrc/components/flashcards/FlashCards.sveltesrc/components/componenthub/NavBar.sveltesrc/components/notes/NotesRoute.sveltesrc/components/forgotPassword/Forgot.sveltesrc/components/bucketlist/BucketModel.sveltesrc/components/componenthubThe text was updated successfully, but these errors were encountered: