[ リンクコンポーネント ] 空の a タグはアクセシビリティやSEO面でよろしくないので対応

[kurudrive]

#2163 (comment)

[mtdkei]

@kurudrive

ちょっと色々変更することになりそうなので以下のようにプルリクをわけようと思います。
#2205 のプルリクで順次確認する流れにしました

1. リンクコンポーネントにEdit link設定を追加
   aria-label、visually-hidden、また、アクセシビリティやSEO面でrel属性の設定もできるようにする予定です。(aria-labelを残すのは3の以下理由によるもの。)
2. 空のaタグが確認できたブロックに1のリンクコンポーネントの内容を反映
3. 空のaタグではないブロックでもaria-labelを使っているので1のリンクコンポーネントの内容を反映(もしかしたらないかもれない)

対象ブロック

もしかしたら他にもあるかもしれませんが把握しているものは以下です。

VK Blocks Pro

• Outer
  • リンクツールバーにaタグのアクセシビリティやSEOに対応できるよう設定追加(ここではOuterのみ) #2362
  • [ Outer ] リンクのaria-label属性削除 & targetとrel=が空の場合は出力しない方式に変更 #2381
• スライダー
• グリッドカラム
  ┗ 森本対応済
• アイコン
• グリッドカラムカード

コアブロック

• グループ
• カバー
• カラム

[mtdkei]

@MasayaMORIMOTO @akito-38
もし可能でしたら、こちらのissueで #2362 のFiles Changedと同じように他のブロックでも対応いただけますでしょうか？「対象ブロック」の中で未チェックのブロックをやっていただけたら大変嬉しいです。

[MasayaMORIMOTO]

@mtdkei
承知しました。
同様のファイル変更内容で「対象ブロック」のものを修正していきます。

[sysbird]

仕様の補足です

• Accesibility link description がある場合は、aria-label 属性はいらない
• target="" 空の場合は出力しない
• rel="" 空の場合は出力しない