question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Make `svelte-announcer` text configurable

See original GitHub issue

Is your feature request related to a problem? Please describe. I’m building for the first time my new app with svelte-kit and I found in my bundled app text like “Navigated to …page name…” in a div with id: svelte-announcer.

There is no info in docs about this.

Describe the solution you’d like Understanding what we are talking about. And just in case you don’t agree how to disable this mechanism.

Additional context If it is about accessibility it should be possible to disable it because most of my works for example are for company devices used by specific personnel who only want maximum speed (often the hardware is very poor!). They (almost) never need “help” for visual or hearing impairments. And if and when it is needed we will provide.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:12 (10 by maintainers)

github_iconTop GitHub Comments

10reactions
rmunncommented, Apr 6, 2021

I think it’s good that it’s in there by default, rather than being off by default unless you import the component, because a lot of people will forget to import it. But the language and/or the text should definitely be configurable, to be able to adapt to the language spoken by the site’s expected audience. And if a site’s author can configure the text, then it’s possible to set the text to "", which is equivalent to turning it off. So we might as well give authors the able to turn the div off entirely if they really want it to not be there. (For example, maybe they have a different method of announcing page navigation to screen readers that they think is better, and having the svelte-announcer div would harm accessibility by having two announcements instead of just one.)

10reactions
dummdidummcommented, Apr 5, 2021

Rereading those, I think we should have an issue that tracks making this configurable. Right now the text is hardcoded, which is not ideal, especially if your site is not in english

Read more comments on GitHub >

github_iconTop Results From Across the Web

Configuration • Docs • SvelteKit
Your project's configuration lives in a svelte.config.js file at the root of your project. As well as SvelteKit, this config object is used...
Read more >
Connect your content to SvelteKit - Sanity.io
Fully customizable, open-source React.js Headless CMS. Distribute a single source of truth to any channel, device or product. Friendly APIs and powerful ...
Read more >
MacBook Pros currently take months to ship mdash here s the ...
The 16-inch 2021 Pro is an excellent laptop that can be configured with the ... beautiful palette that makes it one of the...
Read more >
Eufy Video Doorbell Dual review Tom s Guide
So, it makes sense to keep a close eye on what goes on out there. ... intercom unit than the svelte doorbells from...
Read more >
Getting Started with Svelte - Snowpack
On this page · Getting started · Create your first Svelte component · Customize your project layout · Adding an animated Svelte Logo...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found