Svelteだとimgタグのaltが冗長だと警告が表示される

Svelteだとimgタグのaltが冗長だと警告

VS Codeでコーディングする際に、Svelteを使ってimgタグのalt属性を設定すると、「a11y-img-redundant-alt」の警告が表示されることがあります。

「a11y-img-redundant-alt」は、imgタグのalt属性の説明が冗長であるという警告で、例えば「Photo of a kitten」のような表現を使うと、この警告が表示されることがあります。

<!-- これだと警告が表示される -->
<img src={image} alt="Photo of a kitten">

この警告を回避するにはalt属性を空にするか、例えば「A small kitten playing with a ball of yarn」のように具体的な内容を指定する必要があります。"

<!-- これだと警告が表示されない -->
<img src={image} alt="A small kitten playing with a ball of yarn">

ちなみにこの警告は英語のときに表示され、日本語で「子猫の画像」と付けても表示されません。

Reactなどでは通常は表示されない警告なので、Svelteを使用する際は注意が必要です。