Update existing validators to include aria labels

pull/13130/head
James Glenn 2 years ago
parent cf5546b0ce
commit 032dd0a0c9

@ -1,4 +1,4 @@
<a class="svelte-xyz">
<a class="svelte-xyz" aria-label="Link">
<b class="svelte-xyz">
<c class="svelte-xyz">
<span class="svelte-xyz">

@ -1,5 +1,5 @@
<!-- svelte-ignore a11y_missing_attribute -->
<a>
<a aria-label="Link">
<b>
<c>
<span>

@ -1,3 +1,3 @@
<script module>
let foo = true;
</script>
</script>

@ -4,4 +4,4 @@
export let count = 0;
</script>
<button onclick={() => count++}>{count}</button>
<button onclick={() => count++} aria-label="Button">{count}</button>

@ -7,4 +7,4 @@
});
</script>
</svelte:head>
<button></button>
<button aria-label="Button"></button>

@ -2,7 +2,7 @@
const abc = 'abc';
</script>
<button aria-disabled="yes"></button>
<button aria-disabled="no"></button>
<button aria-disabled={1234}></button>
<button aria-disabled={`${abc}`}></button>
<button aria-disabled="yes" aria-label="Button"></button>
<button aria-disabled="no" aria-label="Button"></button>
<button aria-disabled={1234} aria-label="Button"></button>
<button aria-disabled={`${abc}`} aria-label="Button"></button>

@ -31,7 +31,7 @@
<div class="foo"></div>
<a href="http://x.y.z" on:click={noop}>foo</a>
<button on:click={noop}></button>
<button on:click={noop} aria-label="Button"></button>
<select on:click={noop}></select>
<input type="button" on:click={noop} />

@ -3,7 +3,7 @@
<div aria-disabled="true" role="button" on:keypress={() => {}}></div>
<div disabled role="button" on:keypress={() => {}}></div>
<div role="presentation" on:keypress={() => {}}></div>
<button on:click={() => {}}></button>
<button on:click={() => {}} aria-label="Button"></button>
<div role="menuitem" tabindex="0" on:click={() => {}} on:keypress={() => {}}></div>
<div role="button" tabindex="-1" on:click={() => {}} on:keypress={() => {}}></div>

@ -2,7 +2,7 @@
<div role="presentation" on:mouseup={() => {}}></div>
<div role="button" tabindex="-1" on:click={() => {}} on:keypress={() => {}}></div>
<div role="listitem" aria-hidden="true" on:click={() => {}} on:keypress={() => {}}></div>
<button on:click={() => {}}></button>
<button on:click={() => {}} aria-label="Button"></button>
<h1 contenteditable="true" on:keydown={() => {}}>Heading</h1>
<h1>Heading</h1>

@ -1,7 +1,7 @@
<!-- valid -->
<button></button>
<button tabindex='0'></button>
<button tabindex='{0}'></button>
<button aria-label="Button"></button>
<button tabindex='0' aria-label="Button"></button>
<button tabindex='{0}' aria-label="Button"></button>
<div></div>
<div tabindex='-1'></div>
<div role='button' tabindex='0'></div>

@ -2,7 +2,7 @@
<article role="article"></article>
<aside role="complementary"></aside>
<body role="document"></body>
<button role="button"></button>
<button role="button" aria-label="Button"></button>
<datalist role="listbox"></datalist>
<dd role="definition"></dd>
<dfn role="term"></dfn>

@ -3,7 +3,7 @@
</script>
<!-- valid -->
<button on:click={() => {}}></button>
<button on:click={() => {}} aria-label="Button"></button>
<!-- svelte-ignore a11y_interactive_supports_focus -->
<div on:keydown={() => {}} role="button"></div>
<input type="text" on:click={() => {}} />

@ -4,7 +4,7 @@
<article aria-autocomplete="inline"></article>
<aside aria-modal="true"></aside>
<body aria-invalid="true"></body>
<button aria-valuemax="0"></button>
<button aria-valuemax="0" aria-label="Button"></button>
<datalist aria-valuenow="0"></datalist>
<dd aria-rowindex="0"></dd>
<dfn aria-colcount="0"></dfn>

@ -2,7 +2,7 @@
let foo;
</script>
<button tabindex='-1'></button>
<button tabindex='0'></button>
<button tabindex='1'></button>
<button tabindex='{foo}'></button>
<button tabindex='-1' aria-label="Button"></button>
<button tabindex='0' aria-label="Button"></button>
<button tabindex='1' aria-label="Button"></button>
<button tabindex='{foo}' aria-label="Button"></button>

@ -2,8 +2,8 @@
let onclick;
</script>
<button {onclick}></button>
<button onclick={onclick}></button>
<button {onclick} aria-label="Button"></button>
<button onclick={onclick} aria-label="Button"></button>
<button {onkeydown}></button>
<button onkeydown={onkeydown}></button>
<button {onkeydown} aria-label="Button"></button>
<button onkeydown={onkeydown} aria-label="Button"></button>

@ -2,14 +2,14 @@
import C from './irrelevant';
</script>
<button on:click></button>
<button xml:click></button>
<button xmlns:click></button>
<button xlink:click></button>
<button on:click aria-label="Button"></button>
<button xml:click aria-label="Button"></button>
<button xmlns:click aria-label="Button"></button>
<button xlink:click aria-label="Button"></button>
<C on:click />
<C xml:click />
<C xmlns:click />
<C xlink:click />
<button foo:bar></button>
<button foo:bar aria-label="Button"></button>
<C foo:bar />

@ -3,5 +3,5 @@
</script>
<Bla>
<button slot="foo" class:bar on:click={clickFn} let:bar let:clickFn>{bar}</button>
<button slot="foo" class:bar on:click={clickFn} let:bar let:clickFn aria-label="Button">{bar}</button>
</Bla>

@ -2,4 +2,4 @@
export let height;
</script>
<button style:height></button>
<button style:height aria-label="Button"></button>

Loading…
Cancel
Save