// Bad Domain parameter resolver (() => { const url = new URL(window.location.href) if (url.searchParams.has('domain')) { // domain is dirty, clean up url.searchParams.delete('domain'); window.location.href = url.toString(); } })(); /* Replaces the subheader and subfooter element tag names with semantic landmarks

...

*/ (() => { const replaceLandmarkTagById = (id) => { const replaceTagName = (node, oldTagName, newTagName) => { if (node.tagName?.toLowerCase() === oldTagName.toLowerCase()) { const oldElement = node; const newElement = document.createElement(newTagName); //newElement.setAttribute("role", "region"); newElement.setAttribute("aria-label", id); // Copy attributes from the old element to the new one for (const attr of oldElement.attributes) { newElement.setAttribute(attr.name, attr.value); } // Move the content (children) from the old element to the new one while (oldElement.firstChild) { newElement.appendChild(oldElement.firstChild); } // Replace the old element with the new one in the DOM oldElement.replaceWith(newElement); } }; const observeById = (mutationsList, observer) => { for (const mutation of mutationsList) { if (mutation.type === "childList" && mutation.addedNodes.length > 0) { for (const node of mutation.addedNodes) { // Check if the added node is an element and has the target ID if (node.id?.toLowerCase() === id) { replaceTagName(node, "div", "section"); observer.disconnect(); } } } } }; // ---- main const ele = document.getElementById(id); if (ele) { replaceTagName(ele, "div", "section"); } new MutationObserver(observeById).observe(document.body, { childList: true, subtree: true, }); }; replaceLandmarkTagById("subheader"); replaceLandmarkTagById("subfooter"); })(); /* puts the skip to content links inside a as the first child of the main body */ (() => { const mainBody = document.getElementById("renderPage"); const nestSkipLinksInNav = () => { const elements = document.querySelectorAll("#renderPage > a"); if (elements.length === 0) return; const nav = document.createElement("nav"); nav.setAttribute("title", "Skip to Content"); mainBody.insertBefore(nav, mainBody.firstChild); for (const ele of elements) { mainBody.removeChild(ele); nav.appendChild(ele); } }; const observer = new MutationObserver(nestSkipLinksInNav); observer.observe(mainBody, { childList: true }); nestSkipLinksInNav(); })(); /* Fullfills the alt tag on loading placeholder images on the PDP pages */ (() => { const fullfillPlaceholderImageAlt = () => { const elements = document.querySelectorAll( 'img[src="empty"]:not([alt]),img[data-src="empty"]:not([alt])' ); for (const ele of elements) { ele.setAttribute("alt", "Loading Placeholder Image"); } }; const observer = new MutationObserver(fullfillPlaceholderImageAlt); observer.observe(document.body, { childList: true }); fullfillPlaceholderImageAlt(); })(); /* Replaces invalid role tag on containers with background images Adjusts invalid aria roles for the header to be more descriptive Adjusts invalid aria roles for the option tags */ (() => { const replaceRole = (selector, role) => { const elements = document.querySelectorAll(selector); for (const ele of elements) { ele.setAttribute("role", role); } }; const replaceImageInteractives = () => { // There are more than just these, but these are the ones that apply currently const interactiveRoles = ["button", "listitem"]; const has = interactiveRoles.map((role) => `[role="${role}"]`); const selector = `[role="img"]:has(${has})`; replaceRole(selector, "presentation"); } const replaceRoles = () => { // don't give images interactive roles replaceImageInteractives(); // give the header element a more descriptive aria-role replaceRole(".ms-header", "navigation"); } const observer = new MutationObserver(replaceRoles); observer.observe(document.body, { childList: true }); replaceRoles(); })(); /* Removes invalid aria attributes from categorySortByDropdown options Removes redundant roles when the role matches default for a / nav / ul / li / input[type="number"] / button */ (() => { const removeAttribute = (selector, attribute) => { const elements = document.querySelectorAll(selector); for (const ele of elements) { ele.removeAttribute(attribute); } } const removeAttributes = () => { // aria-selected is not valid for

Hydroflask Tumbler

Product specifications

About Us

Need Help?

Customer Service

About Us

Support

My Profile

Legal