Merge pull request #933 from cagov/fix-page-nav-in-jaws

Add tabindex to page-navigation
cagov · Sep 26, 2022 · d470608 · d470608
2 parents 5e01ab0 + 87417b5
commit d470608
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 3 deletions.
diff --git a/components/page-navigation/CHANGELOG.md b/components/page-navigation/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Page navigation changelog
 
+## 2.2.1
+* Fix anchor linking problem with 2.2.0 in JAWS.
+
+## 2.2.0
+* Remove polyfill for smooth scrolling in Safari.
+
 ## 2.1.3
 * Changes to how styles are inserted into the document.
 

diff --git a/components/page-navigation/dist/index.js b/components/page-navigation/dist/index.js
@@ -96,6 +96,7 @@ class CAGovPageNavigation extends window.HTMLElement {
       headers.forEach((tag) => {
         const tagId = tag.getAttribute('id');
         const tagName = tag.getAttribute('name');
+        const tabIndex = tag.getAttribute('tabindex') || '-1';
 
         const title = tag.innerHTML;
 
@@ -135,6 +136,7 @@ class CAGovPageNavigation extends window.HTMLElement {
 
         tag.setAttribute('id', anchor);
         tag.setAttribute('name', anchor);
+        tag.setAttribute('tabindex', tabIndex);
       });
       return `<ul>${output}</ul>`;
     }

diff --git a/components/page-navigation/package.json b/components/page-navigation/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@cagov/ds-page-navigation",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "",
   "main": "dist/index.js",
   "type": "module",

diff --git a/components/page-navigation/src/index.js b/components/page-navigation/src/index.js
@@ -99,6 +99,7 @@ class CAGovPageNavigation extends window.HTMLElement {
       headers.forEach((tag) => {
         const tagId = tag.getAttribute('id');
         const tagName = tag.getAttribute('name');
+        const tabIndex = tag.getAttribute('tabindex') || '-1';
 
         const title = tag.innerHTML;
 
@@ -138,6 +139,7 @@ class CAGovPageNavigation extends window.HTMLElement {
 
         tag.setAttribute('id', anchor);
         tag.setAttribute('name', anchor);
+        tag.setAttribute('tabindex', tabIndex);
       });
       return `<ul>${output}</ul>`;
     }

diff --git a/package-lock.json b/package-lock.json