Non-interactive element <%element%> cannot have interactive role '%role%'
## a11y_accesskey
Avoid using accesskey
## a11y_autofocus
Avoid using autofocus
## a11y_misplaced_scope
The scope attribute should only be used with <th> elements
## a11y_positive_tabindex
Avoid tabindex values above zero
## a11y_click_events_have_key_events
Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as <buttontype="button"> or <a> might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.
## a11y_no_noninteractive_tabindex
noninteractive element cannot have nonnegative tabIndex value
## a11y_role_supports_aria_props
The attribute '%attribute%' is not supported by the role '%role%'
## a11y_role_supports_aria_props_implicit
The attribute '%attribute%' is not supported by the role '%role%'. This role is implicit on the element <%name%>
## a11y_no_noninteractive_element_interactions
Non-interactive element <%element%> should not be assigned mouse or keyboard event listeners.
## a11y_no_static_element_interactions
<%element%> with a %handler% handler must have an ARIA role
## a11y_invalid_attribute
'%href_value%' is not a valid %href_attribute% attribute
## a11y_missing_attribute
<%name%> element should have %article% %sequence% attribute
## a11y_autocomplete_valid
The value '%value%' is not supported by the attribute 'autocomplete' on element <inputtype="%type%">
## a11y_img_redundant_alt
Screenreaders already announce <img> elements as an image.
## a11y_label_has_associated_control
A form label must be associated with a control.
## a11y_media_has_caption
<video> elements must have a <trackkind="captions">
## a11y_distracting_elements
Avoid <%name%> elements
## a11y_figcaption_parent
`<figcaption>` must be an immediate child of `<figure>`
## a11y_figcaption_index
`<figcaption>` must be first or last child of `<figure>`
## a11y_mouse_events_have_key_events
'%event%' event must be accompanied by '%accompanied_by%' event
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
## non_state_reference
`%name%` is updated, but is not declared with `$state(...)`. Changing its value will not correctly trigger updates
## derived_iife
Use `$derived.by(() => {...})` instead of `$derived((() => {...})())`
## invalid_props_declaration
Component properties are declared using `$props()` in runes mode. Did you forget to call the function?
## invalid_bindable_declaration
Bindable component properties are declared using `$bindable()` in runes mode. Did you forget to call the function?
'A11y: visible, non-interactive elements with a 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. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.',
'a11y-no-noninteractive-tabindex':()=>
'A11y: noninteractive element cannot have nonnegative tabIndex value',
w(node,"a11y_incorrect_aria_attribute_type_idlist",`The value of '${attribute}' must be a space-separated list of strings that represent DOM element IDs`);
w(node,"a11y_click_events_have_key_events","Visible, non-interactive elements with a 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. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.");
w(node,"a11y_role_supports_aria_props_implicit",`The attribute '${attribute}' is not supported by the role '${role}'. This role is implicit on the element <${name}>`);
w(node,"a11y_no_noninteractive_element_interactions",`Non-interactive element <${element}> should not be assigned mouse or keyboard event listeners.`);
w(node,"module_script_reactive_declaration","All dependencies of the reactive declaration are declared in a module script and will not be reactive");
}
/**
*@param{null|NodeLike}node
*@param{string}name
*/
exportfunctionunused_export_let(node,name){
w(node,"unused_export_let",`Component has unused export property '${name}'. If it is for external reference only, please consider using \`export const ${name}\``);
}
/**
*@param{null|NodeLike}node
*/
exportfunctiondeprecated_slot_element(node){
w(node,"deprecated_slot_element","Using <slot> to render parent content is deprecated. Use {@render ...} tags instead.");
w(node,"invalid_self_closing_tag",`Self-closing HTML tags for non-void elements are ambiguous — use <${name} ...></${name}> rather than <${name} ... />`);
w(node,"missing_custom_element_compile_option","The 'customElement' option is used when generating a custom element. Did you forget the 'customElement: true' compile option?");
}
/**
*@param{null|NodeLike}node
*/
exportfunctionavoid_inline_class(node){
w(node,"avoid_inline_class","Avoid 'new class' — instead, declare the class at the top level scope");
}
/**
*@param{null|NodeLike}node
*/
exportfunctionavoid_nested_class(node){
w(node,"avoid_nested_class","Avoid declaring classes below the top level scope");
}
/**
*@param{null|NodeLike}node
*@param{string}name
*/
exportfunctionstore_with_rune_name(node,name){
w(node,"store_with_rune_name",`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`);
}
/**
*@param{null|NodeLike}node
*@param{string}name
*/
exportfunctionnon_state_reference(node,name){
w(node,"non_state_reference",`\`${name}\` is updated, but is not declared with \`\$state(...)\`. Changing its value will not correctly trigger updates`);
}
/**
*@param{null|NodeLike}node
*/
exportfunctionderived_iife(node){
w(node,"derived_iife","Use `$derived.by(() => {...})` instead of `$derived((() => {...})())`");
}
/**
*@param{null|NodeLike}node
*/
exportfunctioninvalid_props_declaration(node){
w(node,"invalid_props_declaration","Component properties are declared using `$props()` in runes mode. Did you forget to call the function?");
}
/**
*@param{null|NodeLike}node
*/
exportfunctioninvalid_bindable_declaration(node){
w(node,"invalid_bindable_declaration","Bindable component properties are declared using `$bindable()` in runes mode. Did you forget to call the function?");
}
/**
*@param{null|NodeLike}node
*/
exportfunctionstatic_state_reference(node){
w(node,"static_state_reference","State referenced in its own scope will never update. Did you mean to reference it inside a closure?");
w(node,"invalid_rest_eachblock_binding",`The rest operator (...) will create a new object and binding '${name}' with the original object will not work`);
"message":"A11y: visible, non-interactive elements with a 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. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
"message":"Visible, non-interactive elements with a 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. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
"start":{
"start":{
"line":13,
"line":13,
"column":0
"column":0
@ -12,8 +12,8 @@
}
}
},
},
{
{
"code":"a11y-click-events-have-key-events",
"code":"a11y_click_events_have_key_events",
"message":"A11y: visible, non-interactive elements with a 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. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
"message":"Visible, non-interactive elements with a 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. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
"start":{
"start":{
"line":15,
"line":15,
"column":0
"column":0
@ -24,8 +24,8 @@
}
}
},
},
{
{
"code":"a11y-click-events-have-key-events",
"code":"a11y_click_events_have_key_events",
"message":"A11y: visible, non-interactive elements with a 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. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
"message":"Visible, non-interactive elements with a 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. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
"start":{
"start":{
"line":18,
"line":18,
"column":0
"column":0
@ -36,8 +36,8 @@
}
}
},
},
{
{
"code":"a11y-click-events-have-key-events",
"code":"a11y_click_events_have_key_events",
"message":"A11y: visible, non-interactive elements with a 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. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
"message":"Visible, non-interactive elements with a 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. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
"start":{
"start":{
"line":20,
"line":20,
"column":0
"column":0
@ -48,8 +48,8 @@
}
}
},
},
{
{
"code":"a11y-click-events-have-key-events",
"code":"a11y_click_events_have_key_events",
"message":"A11y: visible, non-interactive elements with a 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. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
"message":"Visible, non-interactive elements with a 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. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
"start":{
"start":{
"line":22,
"line":22,
"column":0
"column":0
@ -60,8 +60,8 @@
}
}
},
},
{
{
"code":"a11y-click-events-have-key-events",
"code":"a11y_click_events_have_key_events",
"message":"A11y: visible, non-interactive elements with a 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. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
"message":"Visible, non-interactive elements with a 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. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
"start":{
"start":{
"line":24,
"line":24,
"column":0
"column":0
@ -72,8 +72,8 @@
}
}
},
},
{
{
"code":"a11y-click-events-have-key-events",
"code":"a11y_click_events_have_key_events",
"message":"A11y: visible, non-interactive elements with a 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. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
"message":"Visible, non-interactive elements with a 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. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
"start":{
"start":{
"line":26,
"line":26,
"column":0
"column":0
@ -84,8 +84,8 @@
}
}
},
},
{
{
"code":"a11y-click-events-have-key-events",
"code":"a11y_click_events_have_key_events",
"message":"A11y: visible, non-interactive elements with a 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. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
"message":"Visible, non-interactive elements with a 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. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",