お世話になります。
視覚障害の方が利用できるように数値フィールドの＋、－ボタンにalt属性を入れて代替テキストを入れたいのですが、うまくいきません。
以下のようなコードを入れました。
window.addEventListener(‘DOMContentLoaded’, () => {
// imgタグをNodeListで取得
const plsImgs = document.querySelectorAll(‘.el-input-number__increase’);
// altの文字列
const imgAlt = ‘プラスボタン’;
// コンソール出力
console.log(plsImgs)
// ループでaltを付与
for (i = 0; i < plsImgs.length; i++) {
//条件分岐でaltがない場合に文字列を追記
if(!plsImgs[i].hasAttribute(‘alt’)){
plsImgs[i].setAttribute(‘プラスボタン’, imgAlt);
}
}
});
window.addEventListener(‘DOMContentLoaded’, () => {
// imgタグをNodeListで取得
const plsImgs = document.querySelectorAll(‘.el-input-number__decrease’);
// altの文字列
const imgAlt = ‘マイナスボタン’;
// コンソール出力
console.log(plsImgs)
// ループでaltを付与
for (i = 0; i < plsImgs.length; i++) {
//条件分岐でaltがない場合に文字列を追記
if(!plsImgs[i].hasAttribute(‘alt’)){
plsImgs[i].setAttribute(‘マイナスボタン’, imgAlt);
}
}
});
JavaScript初学者なので、教えていただけると幸いです。
お忙しいところ恐縮ですが、よろしくお願いいたします。