HAAM helps teams design products that stay understandable and functional at every hour, on every device, for every user.
", "failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background gradient" }, { "target": [ ".yellow:nth-child(1) > .summer26-bundle-head > div:nth-child(1) > .summer26-bundle-kicker > span:nth-child(2)" ], "html": "2024 - Present", "failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element" }, { "target": [ "section[aria-label=\"Viirus Theatre\"] > .summer26-project-copy > .summer26-project-time" ], "html": "2024 - Present
", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"Viirus Theatre\"] > .summer26-project-copy > h4" ], "html": "A theatre site where you can actually find the tickets without needing a PhD in navigation.
", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"Viirus Theatre\"] > .summer26-project-copy > strong" ], "html": "I connected the website to the box office so the marketing team stops guessing and starts selling.", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"Viirus Theatre\"] > .summer26-project-copy > .summer26-design-credit" ], "html": "Graphic design by Kris Haamer.
", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ ".summer26-live-link.summer26-case-study-link[href$=\"viirus\"]" ], "html": "Case study", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"Repsal Busholmen\"] > .summer26-project-copy > .summer26-project-time" ], "html": "2025 - Present
", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"Repsal Busholmen\"] > .summer26-project-copy > h4" ], "html": "Artists need space. This tool lets them find it, book it, and pay for it before they lose their inspiration.
", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"Repsal Busholmen\"] > .summer26-project-copy > strong" ], "html": "I automated the soul-crushing admin work so the coordinator can go home at 5 PM.", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"Repsal Busholmen\"] > .summer26-project-copy > .summer26-design-credit" ], "html": "Graphic design by Otto Donner.
", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"Repsal Busholmen\"] > .summer26-project-copy > .summer26-live-link.summer26-case-study-link" ], "html": "Case study", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ ".is-archive > .summer26-process-step[aria-hidden=\"true\"]" ], "html": "01 Understand", "failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element" }, { "target": [ ".green > .summer26-bundle-head > div:nth-child(1) > .summer26-bundle-kicker > span:nth-child(2)" ], "html": "2017 - 2018", "failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element" }, { "target": [ ".green > .summer26-bundle-head > div:nth-child(2) > .summer26-bundle-signals[aria-label=\"Bundle focus areas\"] > span:nth-child(1)" ], "html": "Digital hoarding", "failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element" }, { "target": [ "section[aria-label=\"100 Objects from Finland\"] > .summer26-project-copy > .summer26-project-time" ], "html": "2017 - 2018
", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"100 Objects from Finland\"] > .summer26-project-copy > h4" ], "html": "One year, one object. We made Finnish history so simple even a tired tourist gets it.
", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"100 Objects from Finland\"] > .summer26-project-copy > strong" ], "html": "We packaged a giant messy archive so schools and museums could actually use it without throwing their computers out the window.", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"100 Objects from Finland\"] > .summer26-project-copy > .summer26-design-credit" ], "html": "Graphic design by Kris Haamer.
", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"100 Objects from Finland\"] > .summer26-project-copy > .summer26-live-link.summer26-case-study-link" ], "html": "Case study", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"Life in Finland\"] > .summer26-project-copy > .summer26-project-time" ], "html": "2017 - 2018
", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"Life in Finland\"] > .summer26-project-copy > h4" ], "html": "Everyday Finnish junk turned into a digital treasure hunt you can read in multiple languages.
", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"Life in Finland\"] > .summer26-project-copy > strong" ], "html": "I fixed the search bar and the filters so people can actually find the stuff their taxes paid to digitize.", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"Life in Finland\"] > .summer26-project-copy > .summer26-design-credit" ], "html": "Graphic design by Kris Haamer.
", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"Life in Finland\"] > .summer26-project-copy > .summer26-live-link.summer26-case-study-link" ], "html": "Case study", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ ".is-campus > .summer26-process-step[aria-hidden=\"true\"]" ], "html": "02 Define", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it partially overlaps other elements" }, { "target": [ ".is-campus > .summer26-play-handle > .summer26-haam-tool-sticker[aria-hidden=\"true\"]" ], "html": "HAAM", "failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element" }, { "target": [ ".pink > .summer26-bundle-head > div:nth-child(1) > .summer26-bundle-kicker > span:nth-child(1)" ], "html": "Taming the institutional beast.", "failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element" }, { "target": [ ".pink > .summer26-bundle-head > div:nth-child(1) > .summer26-bundle-kicker > span:nth-child(2)" ], "html": "2017 - Present", "failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element" }, { "target": [ "section[aria-label=\"Estonian Academy of Arts\"] > .summer26-project-copy > .summer26-project-time" ], "html": "2017 - Present
", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"Estonian Academy of Arts\"] > .summer26-project-copy > h4" ], "html": "A massive art school website that somehow doesn't feel overwhelming. You can actually find the admissions page.
", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"Estonian Academy of Arts\"] > .summer26-project-copy > strong" ], "html": "I stopped 15 different departments from ruining the website by giving everyone rules they actually agreed to follow.", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"Estonian Academy of Arts\"] > .summer26-project-copy > .summer26-design-credit" ], "html": "Graphic design by Stuudio Stuudio.
", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"Estonian Academy of Arts\"] > .summer26-project-copy > .summer26-live-link.summer26-case-study-link" ], "html": "Case study", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"Narva Art Residency\"] > .summer26-project-copy > .summer26-project-time" ], "html": "2021 - Present
", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"Narva Art Residency\"] > .summer26-project-copy > h4" ], "html": "A border town art hub that connects weird and wonderful projects without making the user dizzy.
", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"Narva Art Residency\"] > .summer26-project-copy > strong" ], "html": "I built pathways so the residency doesn't feel like a ghost town between their big open calls.", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"Narva Art Residency\"] > .summer26-project-copy > .summer26-design-credit" ], "html": "Graphic design by Jaan Evart.
", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"Narva Art Residency\"] > .summer26-project-copy > .summer26-live-link.summer26-case-study-link" ], "html": "Case study", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ ".is-cleanup > .summer26-process-step[aria-hidden=\"true\"]" ], "html": "03 Prototype", "failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element" }, { "target": [ "button[aria-label=\"HAAM — Wipe the surface clean\"] > .summer26-haam-tool-sticker[aria-hidden=\"true\"]" ], "html": "HAAM", "failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element" }, { "target": [ ".yellow:nth-child(7) > .summer26-bundle-head > div:nth-child(1) > .summer26-bundle-kicker > span:nth-child(2)" ], "html": "2017 - 2021", "failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element" }, { "target": [ "section[aria-label=\"World Cleanup Day\"] > .summer26-project-copy > .summer26-project-time" ], "html": "2017 - 2021
", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"World Cleanup Day\"] > .summer26-project-copy > h4" ], "html": "A tool that turns one volunteer into ten. Pick a photo, write the sentence you would actually say, send it to everyone you know.
", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"World Cleanup Day\"] > .summer26-project-copy > strong" ], "html": "I built the multilingual sign-up, the infrastructure that survives one enormous day a year, and the invite generator that did the recruiting for them.", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"World Cleanup Day\"] > .summer26-project-copy > .summer26-design-credit" ], "html": "World Cleanup Day visual identity by Let's Do It World.
", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ "section[aria-label=\"World Cleanup Day\"] > .summer26-project-copy > .summer26-live-link.summer26-case-study-link" ], "html": "Case study", "failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element" }, { "target": [ ".is-ltm-hedge > .summer26-process-step[aria-hidden=\"true\"]" ], "html": "04 Refine", "failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element" }, { "target": [ "button[aria-label=\"HAAM — Trim the animated hedge\"] > .summer26-haam-tool-sticker[aria-hidden=\"true\"]" ], "html": "HAAM", "failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element" }, { "target": [ ".summer26-kicker" ], "html": "Enough reading. Let's fix it.
", "failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element" }, { "target": [ "#summer26-contact-title" ], "html": "Bring me the legacy code you're afraid to touch, the app your users hate, or that idea you can't quite figure out. I'll take care of it.
", "failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element" }, { "target": [ ".summer26-button[href$=\"start\"]" ], "html": "MAKE IT MY PROBLEM ↗", "failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element" }, { "target": [ "a[href$=\"southern-europe\"] > .summer26-regional-status > span[aria-hidden=\"true\"]" ], "html": "→", "failureSummary": "Fix any of the following:\n Element content contains only non-text characters" }, { "target": [ "a[href$=\"africa\"] > .summer26-regional-status > span[aria-hidden=\"true\"]" ], "html": "→", "failureSummary": "Fix any of the following:\n Element content contains only non-text characters" }, { "target": [ "a[href$=\"asia\"] > .summer26-regional-status > span[aria-hidden=\"true\"]" ], "html": "→", "failureSummary": "Fix any of the following:\n Element content contains only non-text characters" }, { "target": [ "a[href$=\"latin-america\"] > .summer26-regional-status > span[aria-hidden=\"true\"]" ], "html": "→", "failureSummary": "Fix any of the following:\n Element content contains only non-text characters" }, { "target": [ "a[href$=\"b2b\"] > .summer26-regional-status > span[aria-hidden=\"true\"]" ], "html": "→", "failureSummary": "Fix any of the following:\n Element content contains only non-text characters" }, { "target": [ "a[href$=\"film\"] > .summer26-regional-status > span[aria-hidden=\"true\"]" ], "html": "→", "failureSummary": "Fix any of the following:\n Element content contains only non-text characters" }, { "target": [ "a[href$=\"lab\"] > .summer26-regional-status > span[aria-hidden=\"true\"]" ], "html": "→", "failureSummary": "Fix any of the following:\n Element content contains only non-text characters" }, { "target": [ "a[href$=\"products\"] > .summer26-regional-status > span[aria-hidden=\"true\"]" ], "html": "→", "failureSummary": "Fix any of the following:\n Element content contains only non-text characters" } ] }, { "id": "link-in-text-block", "impact": "serious", "description": "Ensure links are distinguished from surrounding text in a way that does not rely on color", "help": "Links must be distinguishable without relying on color", "helpUrl": "https://dequeuniversity.com/rules/axe/4.11/link-in-text-block?application=axeAPI", "nodes": [ { "target": [ ".summer26-hero-glow-link" ], "html": "Day and night", "failureSummary": "Fix any of the following:\n Element's contrast ratio could not be determined due to a background gradient" } ] }, { "id": "video-caption", "impact": "critical", "description": "Ensure