CINXE.COM
A new chapter in the ‘browser changes’ journey: Preparing for the switch to Storage Access API - SeamlessAccess
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>A new chapter in the ‘browser changes’ journey: Preparing for the switch to Storage Access API - SeamlessAccess</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" href="https://seamlessaccess.org/favicon.png"> <link rel="stylesheet" href="/css/style.min.a7afcb5eb59fa2b4c18e7985ffc8c11fc0264d5d4c71689658096ea610ca2e1c.css"> </head> <body class='page page-posts-single'> <div id="main-menu-mobile" class="main-menu-mobile"> <ul> <li class="menu-item-the service"> <a href="/services/"> <span>The Service</span> </a> </li> <li class="menu-item-stakeholders"> <a href="/stakeholders/"> <span>Stakeholders</span> </a> </li> <li class="menu-item-documentation"> <a href="https://seamlessaccess.atlassian.net/wiki/spaces/DOCUMENTAT/overview"> <span>Documentation</span> </a> </li> <li class="menu-item-learning center"> <a href="/learning-center/"> <span>Learning Center</span> </a> </li> <li class="menu-item-about"> <a href="/about/"> <span>About</span> </a> </li> <li class="menu-item-blog"> <a href="/posts/"> <span>Blog</span> </a> </li> </ul> </div> <div id="wrapper" class="wrapper"> <div class='header header-absolute'> <div class="container"> <div class="logo"> <a href="https://seamlessaccess.org/"><img alt="SeamlessAccess Homepage" src="https://seamlessaccess.org/images/logo.svg" /></a> </div> <div class="logo-mobile"> <a href="https://seamlessaccess.org/"><img alt="SeamlessAccess Homepage" src="https://seamlessaccess.org/images/logo-mobile.svg" /></a> </div> <div id="main-menu" class="main-menu"> <ul> <li class="menu-item-the service"> <a href="/services/"> <span>The Service</span> </a> </li> <li class="menu-item-stakeholders"> <a href="/stakeholders/"> <span>Stakeholders</span> </a> </li> <li class="menu-item-documentation"> <a href="https://seamlessaccess.atlassian.net/wiki/spaces/DOCUMENTAT/overview"> <span>Documentation</span> </a> </li> <li class="menu-item-learning center"> <a href="/learning-center/"> <span>Learning Center</span> </a> </li> <li class="menu-item-about"> <a href="/about/"> <span>About</span> </a> </li> <li class="menu-item-blog"> <a href="/posts/"> <span>Blog</span> </a> </li> </ul> </div> <button id="toggle-main-menu-mobile" class="hamburger hamburger--slider" type="button"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> </div> </div> <div id="hero" class="hero-image hero-image-setheight" style="background-image: url('/images/hero_news.jpg')"> <div class="container"> <div class="row"> <div class="col my-auto"> <div class="sa-text"> <h1>A new chapter in the ‘browser changes’ journey: Preparing for the switch to Storage Access API</h1> <p><strong></strong></p> </div> </div> </div> </div> </div> </div> <div class="strip strip-white"> <div class="container pt-4 pt-md-4 pb-4 pb-md-10"> <div class="row justify-content-start"> <div class="col-12 col-lg-9"> <div class="post post-single"> <div class="content"><h1 id="a-new-chapter-in-the-browser-changes-journey-preparing-for-the-switch-to-storage-access-api">A new chapter in the ‘browser changes’ journey: Preparing for the switch to Storage Access API</h1> <p>Over the last couple of years, we have posted regularly about changes that are being made to the way that browsers work and how those changes will affect SeamlessAccess (see e.g. <a href="https://seamlessaccess.org/posts/2024-04-02-important-update/">this post from Feb 2024</a> or <a href="https://seamlessaccess.org/posts/2023-11-16-3pp-cookies-and-the-sa-button/">this post from Nov 2023</a> and references therein). These changes primarily impact SeamlessAccess’ ability to remember the user’s choice of home institute across participating websites, a functionality that we refer to as “global persistence”. That global persistence is one of the ways in which SeamlessAccess helps service providers to offer intuitive and, well, seamless access experiences to the research community. Since its development, SeamlessAccess has relied on third-party access to local browser storage as the technical capability to deliver that global persistence. (This mechanism is similar to third-party cookies and we’ll just use ‘third-party cookies’ as a short-hand in the rest of this post).</p> <p>For a long time (see e.g. <a href="https://seamlessaccess.org/posts/2021-07-06-browserchanges/">this post from 2021</a>) browser engines have been planning to move away from third-party cookies because of user privacy concerns. And despite a <a href="https://seamlessaccess.org/posts/2024-08-14-google-3ppcookies-announcement/">recent announcement</a> from Google suggesting a change of course, we continue to see steps being taken to limit the browser’s ability to store and make available data across different websites.</p> <p>The path towards phase-out of third-party cookies has been hard to navigate at times, as browser vendors typically provide only limited information about specific steps and timelines. The same can be said about the development of new technologies that are meant to provide an alternative to third-party cookies. In the past, we’ve reported on <a href="https://seamlessaccess.org/posts/2023-02-20-fedcm/">FedCM</a>, the Privacy Sandbox and, more recently, the <a href="https://seamlessaccess.org/posts/2024-04-02-important-update/">Storage Access API</a>.</p> <p><strong>We are now entering a new phase in this journey, one that thankfully comes with greater clarity. After intensive testing and discussions, the SeamlessAccess team has settled on adopting the Storage Access API as its new technology to store and retrieve the user’s choice of institute in the browser.</strong> One very important advantage of this solution is that it is supported by all major browser engines. While we are happy that this provides a clear path forward to retain global persistence, it should be noted that it will come with some changes to the user experience such as a consent step.</p> <p><strong>With that decision made, we are now planning for the transition process.</strong> For service providers that use the Limited or Standard Mode integration, we expect to be able to make the required changes entirely on the side of SeamlessAccess – meaning no development work for the service provider that integrates with SeamlessAccess. For Advanced Integrations the situation is different: Changes will be needed on both the SeamlessAccess side <em>and</em> on the the service provider side. SeamlessAccess will be developing documentation and guidance to assist with this process, and we will continue to engage with service providers to help them prepare.</p> <p><strong>For now it is important to be aware of timelines: SeamlessAccess will implement the Storage Access API before the end of this year (to work in parallel with the current implementation), and we strongly urge Advanced Integrators to reserve some development capacity to implement their part of the switch-over in the first quarter of 2025.</strong> Alternatively, Advanced Integrators could consider moving to the Standard Mode integration pattern.</p> <p><strong>We’re organizing an integrator workshop on 23 October</strong> to discuss the transition to the Storage Access API in more detail. If you represent a service provider that has integrated with SeamlessAccess, and you have not yet been invited to this workshop, feel free to send an email to <a href="mailto:hylke@stm-solutions.org">hylke@stm-solutions.org</a> and we’ll be happy to add you to the list (or get in touch with you separately).</p> </div> <div class="post-categories"> <strong>Categories:</strong> <a class="post-category" href="/categories/general">General</a> </div> </div> </div> </div> </div> </div> </div> <footer class="main-footer pr-5 pl-5 pt-3 pb-2"> <div class="container"> <div class="row"> <div class="col-12"> <div class="row"> <div class="col-12 col-md-3 col-lg-3 text-center text-xl-left text-lg-left text-md-left"> <img class="footer-logo pb-3" alt="SeamlessAcces Logo" src="/images/sa-logo-white.svg"/> <br/> <p> SeamlessAccess enables true Sign On. Your users will be able to sign in using their preferred sign in credentials, and will not be bothered for them again for all SeamlessAccess-enabled sites. </p> </div> <div class="col-12 col-md-3 col-lg-3 d-none d-xl-block d-lg-block d-md-block"> <h3 class="pr-3 pl-3 font-weight-bold lh-title primary border-left-white pt-1 pb-1 mb-0"> <a href="https://seamlessaccess.org/services/" class="link"><strong>The Service</strong></a> </h3> <ul class="pr-3 pl-3 mb-1 border-left-white"> <li><a href="https://seamlessaccess.org/stakeholders/for-service-providers/" class="link">SeamlessAccess for Service Providers</a></li> <li><a href="https://seamlessaccess.org/stakeholders/for-libraries/" class="link">SeamlessAccess for Libraries</a></li> <li><a href="https://seamlessaccess.org/stakeholders/for-identity-providers/" class="link">SeamlessAccess for Identity Providers</a></li> <li><a href="https://seamlessaccess.org/stakeholders/for-federations/" class="link">SeamlessAccess for R&E Federation Operators</a></li> <li><a href="https://seamlessaccess.org/stakeholders/for-researchers/" class="link">SeamlessAccess for Researchers</a></li> <li><a href="https://seamlessaccess.org/stakeholders/for-research_collab" class="link">SeamlessAccess for Research Collaborations</a></li> </ul> </div> <div class="col-12 col-md-3 col-lg-3 d-none d-xl-block d-lg-block d-md-block"> <h3 class="pr-3 pl-3 font-weight-bold lh-title primary border-left-white pt-1 pb-1 mb-0"> <a href="https://seamlessaccess.org/about/" class="link"><strong>About</strong></a> </h3> <ul class="pr-3 pl-3 mb-1 border-left-white"> <li><a href="https://seamlessaccess.org/about/governance/" class="link">Governance and Funding</a></li> <li><a href="https://seamlessaccess.org/about/community/" class="link">Community</a></li> <li><a href="https://seamlessaccess.org/about/trust/" class="link">Privacy and Trust</a></li> <li><a href="https://seamlessaccess.org/about/vacancies/" class="link">Vacancies</a></li> <li><a href="https://seamlessaccess.org/posts/" class="link">News</a></li> </ul> <br> <h3 class="pr-3 pl-3 font-weight-bold lh-title primary border-left-white pt-1 pb-1 mb-0"> <a href="https://seamlessaccess.org/about/" class="link"><strong>FAQ</strong></a> </h3> <br> <h3 class="pr-3 pl-3 font-weight-bold lh-title primary border-left-white pt-1 pb-1 mb-0"> <a href="https://seamlessaccess.org/work/" class="link"><strong>Documentation</strong></a> </h3> </div> </div> </div> </div> </div> </footer> <style> a:focus { box-shadow: none; outline: none } .main-footer { font-size: 14px; background: #216E93; color: white; } .main-footer a, .main-footer p { font-size: 14px; font-weight: 300; color: white; } .main-footer .primary, .main-footer a.primary { color: white; font-size: 14px; text-transform: uppercase; margin-bottom: 0; } .footer-logo { max-width: 100px; } .main-footer .link { font-size: 14px; line-height: 0; } .main-footer li { padding: 4px 0; } .sub-footer { font-size: 14px; background: #2E2E2E; color: white; } .sub-footer p { text-align: center; } .sub-footer a { font-size: 14px; text-decoration: none; } .border-left-white { border-left: none; } @media screen and (min-width: 50em) { .border-left-white { border-left: 1px solid rgba(229, 229, 229, 0.4); } .sub-footer p { text-align: left; } } </style> <div class="sub-footer pt-1 pb-1"> <div class="container"> <div class="row"> <div class="col-12 col-xl-6 col-lg-6 col-md-6 pt-1 pb-1"> <p class="mt-0 mb-0 text-center text-xl-left text-lg-left text-md-left">© 2020 All Rights Reserved <strong>SeamlessAccess</strong></p> </div> <div class="col-12 col-xl-6 col-lg-6 col-md-6 pt-1 pb-1"> <p class="mt-0 mb-0 text-center text-xl-right text-lg-right text-md-right"> <span> <a class="text-white" href="/contact"><strong>CONTACT</strong></a> </span> <span class="ml-2"><a href="https://twitter.com/seamlessaccess" target="_blank"><i class="fab fa-twitter-square text-white"></i></a></span> <span class="ml-2"><a href="https://www.youtube.com/watch?v=4xRqdc0DeJI" target="_blank"><i class="fab fa-youtube-square text-white"></i></a></span> </p> </div> </div> </div> <style> .sub-footer a, .sub-footer p { font-size: 14px; font-weight: 300; color: white; } </style> <script type="text/javascript" src="/js/scripts.min.bf1e1f7ae8e03db5f012356e825843facdff51c0a559cb0d27fe2bbe1db405c2.js"></script> </body> </html>