Add new fix for hiding arrows from screen reades

Author: trymebytes

src/driver.css

@@ -245,3 +245,7 @@
 .driver-popover-arrow-none {
   display: none;
 }
+
+button.driver-popover-next-btn {
+  margin-left: 4px;
+}

src/popover.ts

@@ -74,13 +74,23 @@ export function renderPopover(element: Element, step: DriveStep) {
     disableButtons,
     showProgress,
 
-    nextBtnText = getConfig("nextBtnText") || "Next →",
-    prevBtnText = getConfig("prevBtnText") || "← Previous",
+    nextBtnText = getConfig("nextBtnText") || "Next",
+    prevBtnText = getConfig("prevBtnText") || "Previous",
     progressText = getConfig("progressText") || "{current} of {total}",
   } = step.popover || {};
 
+  const rightArrow = document.createElement("span");
+  rightArrow.setAttribute("aria-hidden", "true");
+  rightArrow.innerHTML = " →";
+
+  const leftArrow = document.createElement("span");
+  leftArrow.setAttribute("aria-hidden", "true");
+  leftArrow.innerHTML = "← ";
+
   popover.nextButton.innerHTML = nextBtnText;
+  popover.nextButton.appendChild(rightArrow);
   popover.previousButton.innerHTML = prevBtnText;
+  popover.previousButton.insertBefore(leftArrow, popover.previousButton.firstChild);
   popover.progress.innerHTML = progressText;
 
   if (title) {