Make Newsletter Block ADA compliant

Hi, I have to make a newsletter block in my website ADA compliant. This problem was solved in a different discussion with code to be placed in the footer section, but it doesn't seem to be fixing the errors on AccessScan. I was wondering if there is an issue with the code itself.

<script>

  // Aria-labels for newsletter
  (function(){
  setTimeout(() => {
    
    document.querySelector('[name="fname"]').setAttribute('aria-label', 'First Name');
    document.querySelector('[name="fname"]').setAttribute('aria-required', 'true');
    
    document.querySelector('[name="lname"]').setAttribute('aria-label', 'Last Name');
    document.querySelector('[name="lname"]').setAttribute('aria-required', 'true');
    

    document.querySelector('[name="email"]').setAttribute('aria-label', 'Email Address');
    document.querySelector('[name="email"]').setAttribute('aria-required', 'true');

  }, 500);
})()
</script>