` avec des gestionnaires d'évènement interactif comme `click` doivent avoir
un rôle ARIA.
```svelte
''}>
```
### a11y_positive_tabindex
```
Avoid tabindex values above zero
```
Évitez les valeurs positives pour la propriété `tabindex`. Ceci va déplacer les éléments hors de
l'ordre de tabulation attendu, créant ainsi de la confusion pour les personnes utilisant un clavier.
```svelte
```
### a11y_role_has_required_aria_props
```
Elements with the ARIA role "%role%" must have the following attributes defined: %props%
```
Les éléments ayant un rôle ARIA doivent avoir tous les attributs requis par ce rôle.
```svelte
```
### a11y_role_supports_aria_props
```
The attribute '%attribute%' is not supported by the role '%role%'
```
Les éléments avec un rôle explicite ou implicite ne peuvent avoir que des propriétés `aria-*`
supportées par ce rôle.
```svelte
```
### a11y_role_supports_aria_props_implicit
```
The attribute '%attribute%' is not supported by the role '%role%'. This role is implicit on the element `<%name%>`
```
Les éléments avec un rôle explicite ou implicite ne peuvent avoir que des propriétés `aria-*`
supportées par ce rôle.
```svelte
```
### a11y_unknown_aria_attribute
```
Unknown aria attribute 'aria-%attribute%'
```
```
Unknown aria attribute 'aria-%attribute%'. Did you mean '%suggestion%'?
```
S'assure qu'uniquement les attributs ARIA connus sont utilisés. Ceci se base sur la spécification
[WAI-ARIA States and Properties](https://www.w3.org/WAI/PF/aria-1.1/states_and_properties).
```svelte
```
### a11y_unknown_role
```
Unknown role '%role%'
```
```
Unknown role '%role%'. Did you mean '%suggestion%'?
```
Les éléments avec des rôles ARIA doivent avoi un rôle valide et non abstrait. Vous pouvez trouver
une référence des définitions de rôles sur le site de
[WAI-ARIA](https://www.w3.org/TR/wai-aria/#role_definitions).
```svelte
```
### attribute_avoid_is
```
The "is" attribute is not supported cross-browser and should be avoided
```
### attribute_global_event_reference
```
You are referencing `globalThis.%name%`. Did you forget to declare a variable with that name?
```
### attribute_illegal_colon
```
Attributes should not contain ':' characters to prevent ambiguity with Svelte directives
```
### attribute_invalid_property_name
```
'%wrong%' is not a valid HTML attribute. Did you mean '%right%'?
```
### attribute_quoted
```
Quoted attributes on components and custom elements will be stringified in a future version of Svelte. If this isn't what you want, remove the quotes
```
### bidirectional_control_characters
```
A bidirectional control character was detected in your code. These characters can be used to alter the visual direction of your code and could have unintended consequences
```
Les caractères de contrôle bidirectionnels peuvent modifier la direction dans laquelle le texte
s'affiche. Par exemple, via les contrôles de caractères, vous pouvez faire en sorte que `defabc`
s'affiche comme `abcdef`. En conséquence, si vous deviez copier-coller sans le savoir du code
contenant des caractères de contrôle, ils pourraient altérer le comportement de votre code de
manière inappropriée. Voir [trojansource.codes](https://trojansource.codes/) pour plus
d'information.
### bind_invalid_each_rest
```
The rest operator (...) will create a new object and binding '%name%' with the original object will not work
```
### block_empty
```
Empty block
```
### component_name_lowercase
```
`<%name%>` will be treated as an HTML element unless it begins with a capital letter
```
### css_unused_selector
```
Unused CSS selector "%name%"
```
Svelte traverse à la fois le template et la balise `
```
### element_invalid_self_closing_tag
```
Self-closing HTML tags for non-void elements are ambiguous — use `<%name% ...>%name%>` rather than `<%name% ... />`
```
En HTML, [le concept de balise auto-fermante n'existe
pas](https://jakearchibald.com/2023/against-self-closing-tags-in-html/). Même si ceci _ressemble_
à une balise sans contenu avec du texte à côté...
```html
du texte !
```
... un parser respectant la spec HTML (un navigateur par exemple) va en réalité le traduire comme
ceci, avec le texte _à l'intérieur_ de l'icône :
```html
du texte !
```
Certains langages de templatings (Svelte inclus) vont "corriger" le HTML en transformant `
`
en `
`. D'autres respectent la spec. Dans les deux cas, il en résulte une ambiguité et
de la confusion lorsque vous copiez-collez du code entre différents contextes. En conséquence,
Svelte vous avertit de l'ambiguité pour que vous la résolviez directement en rajoutant la balise
fermante.
Pour automatiser ceci, lancer la commande de migration dédiée :
```bash
npx sv migrate self-closing-tags
```
Dans une version future de Svelte, les balises auto-fermantes vont probablement déclencher une
erreur plutôt qu'un warning.
### event_directive_deprecated
```
Using `on:%name%` to listen to the %name% event is deprecated. Use the event attribute `on%name%` instead
```
Voir [le guide de migration](v5-migration-guide#Event-changes) pour plus d'infos.
### export_let_unused
```
Component has unused export property '%name%'. If it is for external reference only, please consider using `export const %name%`
```
### legacy_code
```
`%code%` is no longer valid — please use `%suggestion%` instead
```
### legacy_component_creation
```
Svelte 5 components are no longer classes. Instantiate them using `mount` or `hydrate` (imported from 'svelte') instead.
```
Voir [le guide de migration](v5-migration-guide#Components-are-no-longer-classes) pour plus d'infos.
### node_invalid_placement_ssr
```
%message%. When rendering this component on the server, the resulting HTML will be modified by the browser (by moving, removing, or inserting elements), likely resulting in a `hydration_mismatch` warning
```
Le HTML restreint les positions autorisées de certains éléments. S'il rencontre des éléments mal
positionnés, le navigateur va "réparer" le HTML d'une manière qui invalide les suppositions que
Svelte fait à propos de la structure de vos composants. Par exemple :
- `
hello
world
` va être changé en `
hello
world
` (la balise
`
` ferme automatiquement `
` car les `
` ne peuvent pas contenir d'éléments de type bloc)
- `option a
` va devenir `option a ` (le `
` est
supprimé)
- `
` est transformé en
`
` (une balise `
` est ajouté
automatiquement)
Ce code fonctionnera lorsque le composant sera rendu sur le client (ce qui explique pourquoi ceci
est un warning et non une erreur), mais si vous utilisez du rendu côté serveur, ceci va empêcher
l'hydration de se faire correctement.
### non_reactive_update
```
`%name%` is updated, but is not declared with `$state(...)`. Changing its value will not correctly trigger updates
```
Ce warning est levé lorsque le compilateur détecte les choses suivantes :
- une variable a été déclarée sans `$state` ou `$state.raw`
- une variable a été réassignée
- la variable est lue dans un contexte réactif
Dans ces cas-là, changer la valeur ne va pas correctement déclencher de mise à jour. Exemple :
```svelte
Cette valeur se met à jour : {reactive}
Cette valeur ne se met pas à jour : {stale}
{
stale = 'mis à jour';
reactive = 'mis à jour';
}}>mettre à jour
```
Pour corriger cela, entourez votre déclaration de variable avec `$state`.
### options_deprecated_accessors
```
The `accessors` option has been deprecated. It will have no effect in runes mode
```
### options_deprecated_immutable
```
The `immutable` option has been deprecated. It will have no effect in runes mode
```
### options_missing_custom_element
```
The `customElement` option is used when generating a custom element. Did you forget the `customElement: true` compile option?
```
### options_removed_enable_sourcemap
```
The `enableSourcemap` option has been removed. Source maps are always generated now, and tooling can choose to ignore them
```
### options_removed_hydratable
```
The `hydratable` option has been removed. Svelte components are always hydratable now
```
### options_removed_loop_guard_timeout
```
The `loopGuardTimeout` option has been removed
```
### options_renamed_ssr_dom
```
`generate: "dom"` and `generate: "ssr"` options have been renamed to "client" and "server" respectively
```
### perf_avoid_inline_class
```
Avoid 'new class' — instead, declare the class at the top level scope
```
### perf_avoid_nested_class
```
Avoid declaring classes below the top level scope
```
### reactive_declaration_invalid_placement
```
Reactive declarations only exist at the top level of the instance script
```
### reactive_declaration_module_script_dependency
```
Reassignments of module-level declarations will not cause reactive statements to update
```
### script_context_deprecated
```
`context="module"` is deprecated, use the `module` attribute instead
```
```svelte
```
### script_unknown_attribute
```
Unrecognized attribute — should be one of `generics`, `lang` or `module`. If this exists for a preprocessor, ensure that the preprocessor removes it
```
### slot_element_deprecated
```
Using `` to render parent content is deprecated. Use `{@render ...}` tags instead
```
Voir [le guide de migration](v5-migration-guide#Snippets-instead-of-slots) pour plus d'infos.
### state_referenced_locally
```
This reference only captures the initial value of `%name%`. Did you mean to reference it inside a %type% instead?
```
Ce warning est levé lorsque le compilateur détecte les choses suivantes :
- une variable réactive a été déclarée
- ... puis réassignée plus tard...
- ... et utilisée dans le même scope
Ceci "casse le lien" de la déclaration de l'état original. Par exemple, si vous fournissez l'état à
une fonction, celle-ci va perdre l'accès à l'état une fois que celui-ci sera réassigné :
```svelte
count++}>
incrémenter
```
```svelte
Le compteur vaut {count}
```
Pour corriger cela, référencer la variable de sorte qu'elle soit évaluée au moment de la
compilation. Pour l'exemple ci-dessus, vous pouvez faire cela en plaçant `count` dans une fonction :
```svelte
count++}>
incrémenter
```
```svelte
Le compteur vaut {+++count()+++}
```
Pour plus d'infos, voir [Passer de l'état à des fonctions]($state#Passing-state-into-functions).
### store_rune_conflict
```
It looks like you're using the `$%name%` rune, but there is a local binding called `%name%`. Referencing a local variable with a `$` prefix will create a store subscription. Please rename `%name%` to avoid the ambiguity
```
### svelte_component_deprecated
```
`` is deprecated in runes mode — components are dynamic by default
```
Dans des versions antérieures de Svelte, le constructeur de composant était figé au moment du rendu
du composant. En d'autres termes, si vous souhaitiez que `` soit re-rendu si `X` était mis à
jour, vous deviez soit utiliser ``, soit mettre le composant dans un bloc
`{#key X}...{/key}`.
Avec Svelte 5 ce n'est plus le cas — si `X` change, `` est re-rendu.
Dans certains cas la syntaxe `` peut être également utilisée ; une variable dont le
nom est en minuscules et possédant des propriétés est considérée comme un composant par Svelte 5.
Dans le cas de logiques de résolution de composant complexes, une variable intermédiaire dont la
première lettre est en majuscules peut être nécessaire. Par ex. dans les situations où `@const` est
utilisé :
```svelte
{#each items as item}
--- ---
+++{@const Component = item.condition ? Y : Z}+++
+++ +++
{/each}
```
Une valeur dérivée peut être utilisée dans d'autres contextes :
```svelte
--- ---
+++ +++
```
### svelte_element_invalid_this
```
`this` should be an `{expression}`. Using a string attribute value will cause an error in future versions of Svelte
```
### svelte_self_deprecated
```
`` is deprecated — use self-imports (e.g. `import %name% from './%basename%'`) instead
```
Voir [la note dans la doc](legacy-svelte-self) pour plus d'infos.
### unknown_code
```
`%code%` is not a recognised code
```
```
`%code%` is not a recognised code (did you mean `%suggestion%`?)
```