Svelte has been described as an “accessibility-first-framework”, yet its compiler warnings cover only a fragment of the issues at hand. In this talk, I’d like to explore how accessible Svelte really is and more importantly, have a look at what you can do to bridge the gap. Ideas include checking both automatically and manually for issues the compiler might overlook, like color contrast, keyboard accessibility and semantics.

Winners of Svelte Hack 2024 (runes-edition)!

01:24 Changelog - SvelteKit 1.27.2 02:12 Quick facts & Announcements - Normalizing events 06:02 Community Showcase - Svelte Pilot by Fenix 16:27 Discussions - Choosing a database 27:52 Q&A - How to write a preprocessor

A Svelte 5 changelog overview covering snippets, bug fixes, and migration guidance. Live coding of runes-based dynamic filtering plus exploration of effect, onMount, and reactivity features.

Svelte includes built-in animations that makes it easy to slide, scale, and fly elements in and out of the DOM. However, you need to be careful to not trigger motion sickness in your users. I will go over which Svelte transitions could cause accessibility issues and how to respect user motion preferences when using them.

Routify 3 preview and walkthrough — app creation via CLI, plugin usage (Index By Name), Pico CSS integration, page ordering, and route metadata concepts. Build-time metadata generation, API data fetching (e.g., GitHub), Markdown-to-HTML conversion, dynamic routes and imports for SSR, navigation and multi-router features, and router state persistence.

If you are building a Single-Page App (SPA), you will likely need a router for your app. With the lack of an official router for Svelte 3, there's quite a few options, so which one should you pick? In this talk, we'll look at the two different kinds of routers (based on the History API or based on the page's hash), how they differ, and when you should pick which. We'll also go through a demo of implementing routing for a Svelte 3 SPA using svelte-spa-router.

Domenik Reitzner had a dialog with his brave audience about the dialog element and how to integrate it with Svelte. He showed us the benefits of using the platform and what a11y(accessibility) benefits come out of the box, by using this HTML element.

Authentication Server-Side Rendered Single-Page Apps can be difficult. Antony looks to break down the simplest possible way of providing full SSR compatible authentication with JWT

Routify offers a great developer experience to build the routes for your Svelte app.

Join GHOST for our Second Svelte Sirens event as she shows you the magic of Routify in Svelte Kit. Take a look at the links below to find out more about Routify, Svelte Kit, Svelte Sirens, and GHOST!

Curious about Runes? Want to get your questions answered? Here what the team has been up to?

Learn how to integrate FaunaDB into a SvelteKit application, featuring Shadid Haque from Fauna, hosted by Brittney Postma.

Brittney and Madz be checking out how to kickstart your Design System with Backlight.dev and how to use Svelte with it.

It's no secret that design systems are a popular topic. Eric Liu created Carbon Components Svelte along with Sveld (a docgen library for Svelte components). Brittney sits down to ask about pain points, tooling, and lessons learned from building one of the first component libraries for Svelte 3 and one that is open sourced by a big tech company.