[bug] Compile time a11y warnings on svelte-range-slider-pips

[trevlar]

Describe the bug

When building with Vite, there are A11y warnings.

transforming (546) ../node_modules/svelte-range-slider-pips/dist/svelte/index.jsInternalCompileWarning {
  name: 'CompileWarning',
  code: 'a11y_no_static_element_interactions',
  message: '`<span>` with a pointerdown or pointerup handler must have an ARIA role\n' +
    'https://svelte.dev/e/a11y_no_static_element_interactions',
  filename: 'node_modules/svelte-range-slider-pips/dist/svelte/components/RangePips.svelte',
  position: [ 2124, 2892 ],
  start: { line: 78, column: 4, character: 2124 },
  end: { line: 100, column: 11, character: 2892 },
  frame: '76: >\n' +
    '77:   {#if (all && first !== false) || first}\n' +
    '78:     <span\n' +
    '             ^\n' +
    '79:       class="rsPip rsPip--first"\n' +
    '80:       class:rsSelected={isSelected(min, values, precision)}'
}

Link To Reproduce

This is a compile-time error and not a runtime error.

The following repo reproduces the warning.

https://github.com/trevlar/repo-a11y-build-warnings-svelte-range-slider-pips

Versions

• svelte: v5.42.2
• svelte-range-slider-pips: v4.1.0

Steps to reproduce the behavior:

1. Create a Vite + Svelte 5 project
2. Install svelte-range-slider-pips v4.1.0
3. Import and use the RangeSlider component with pips enabled
4. Run vite build (or vite dev)
5. See A11y warnings in console output

Expected behavior

No errors when building.

Screenshots

Device/Environment

I am using FoundryVTT with Svelte as a UI layer.

• OS: macOS
• Node: node-v24.13.0
• Vite: vite/7.1.12
• Build tool: Vite with @sveltejs/vite-plugin-svelte

Additional context

This appears to be related to Svelte 5's stricter A11y linting. The <span> elements in RangePips.svelte have on:pointerdown/on:pointerup handlers but lack ARIA roles. A fix would involve adding appropriate roles (e.g., role="button") to the interactive span elements at lines 78, 107, and 135.

[trevlar]

Here's a fix for the issue > #198

[simeydotme]

Thanks, I'll take a look!

[simeydotme]

... A fix would involve adding appropriate roles (e.g., role="button") to the interactive span elements at lines 78, 107, and 135.

Yeh, I think I knew about this for a while, I will probably just add a svelte-ignore comment.

There's no way adding ARIA roles to pips/markers would make this MORE accessible -- as you know -- since the slider itself is already exposing it's current/min/max and using the keyboard to shift values would be less steps than tabbing through the pips.

The pips should functionally be invisible to A11Y, but Svelte is not smart enough to know.

Therefore, I think aria-hidden is more appropriate for the pips.

If you want to update your pr, it should probably be;

<!-- svelte-ignore a11y_no_static_element_interactions -->
<span
    ...
    aria-hidden=true
    ...
>

otherwise I'll get around to it at some point