Usagov 1949 report issue incorrect tab order

web/themes/custom/usagov/scripts/iframeTabindex.js

@@ -0,0 +1,24 @@
+/**
+ * Improve the accessibility of pages that use recaptcha.
+ * Adding a tabindex attribute to an iframe in the recaptcha for the correct tabbing order
+ * Used on pages: report a website issue in English and Spanish
+ */
+
+
+// checks to see if the page has loaded
+function winLoad(callback) {
+    "use strict";
+  if (document.readyState === 'complete') {
+    callback();
+  }
+    else {
+    window.addEventListener("load", callback);
+  }
+}
+
+// adds the attrubute to the iframe once the page is loaded
+winLoad(function() {
+    "use strict";
+    const iframe = document.querySelector("iframe");
+    iframe.setAttribute("tabindex", "1");
+});

web/themes/custom/usagov/templates/field--node--field-custom-twig-content-reporte-problemas-en-este-sitio-web.html.twig

@@ -121,4 +121,5 @@
 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
 <script src="https://www.google.com/recaptcha/api.js?hl=es" defer></script>
+{{ attach_library('usagov/iframeTabindex') }}
 {{ attach_library('usagov/reportAProblem') }}

web/themes/custom/usagov/templates/field--node--field-custom-twig-content-site-issue-report-form.html.twig

@@ -121,4 +121,6 @@
 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
 <script src="https://www.google.com/recaptcha/api.js"></script>
+{{ attach_library('usagov/iframeTabindex') }}
 {{ attach_library('usagov/reportAProblem') }}
+

web/themes/custom/usagov/usagov.libraries.yml

@@ -76,3 +76,7 @@ lazyLoadBgImage:
 modal:
   js:
     scripts/modal.js: {}
+
+iframeTabindex:
+  js:
+    scripts/iframeTabindex.js: {}