CINXE.COM

<!DOCTYPE html><html lang="en-US"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><link rel="icon" type="image/png" href="/dist/icons/fav_32x32.png"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /><link rel="preconnect" href="https://www.google-analytics.com" crossorigin /><link rel="preload" href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap" crossorigin="anonymous" as="style"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap" crossorigin="anonymous"> <meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@umbraco"> <meta property="og:url" content="https://community.umbraco.com/the-community-blog/the-umbraco-accessibility-guild-is-forming-apply-now/"><title>The Umbraco Accessibility Guild is forming, apply now!</title><meta property="og:title" content="The Umbraco Accessibility Guild is forming, apply now!"><meta name="twitter:title" content="The Umbraco Accessibility Guild is forming, apply now!"><meta name="description" content="The Accessibility Community Team is turning into the Accessibility Guild"><meta property="og:description" content="The Accessibility Community Team is turning into the Accessibility Guild"><meta name="twitter:description" content="The Accessibility Community Team is turning into the Accessibility Guild"><meta property="og:image" content="https://community.umbraco.com/media/0lbpfin1/umbraco-community.png?crop=0,0.041975308641975309,0,0.027654320987654323&cropmode=percentage&width=1200&height=628&rnd=132477408943730000"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="628"><meta name="twitter:image" content="https://community.umbraco.com/media/0lbpfin1/umbraco-community.png?crop=0,0.041975308641975309,0,0.027654320987654323&cropmode=percentage&width=1200&height=628&rnd=132477408943730000"><meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" /><link rel="canonical" href="https://community.umbraco.com/the-community-blog/the-umbraco-accessibility-guild-is-forming-apply-now/" /> <script> var dataLayer = dataLayer || []; (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-545QTWKW');</script><link href="/bundles/css/?v=Smh3HYlsM3YKENKNRObDyDALAHOIM54kWG_r3FbDSN81" rel="stylesheet"/><script src="https://kit.fontawesome.com/124f9865ce.js" crossorigin="anonymous"></script><script>!function(){var u='/umbraco/umarketingsuite/pagedata/ping';if(typeof navigator.sendBeacon=='function')navigator.sendBeacon(u);else{var x=new XMLHttpRequest;x.open('POST',u,!0);x.send()}}()</script></head><body class="page-contentPage"><div id="umbracoComApp"><div class="uaas"> <div> </div> </div> <nav class="navbar navbar-primary"><div class="umb-container"> <div class="navbar-brand"> <a href="/" class="navbar-item navbar-logo"> <span class="is-our-logo"> <img src="/dist/identity/logos/ourheart.svg" width="25" height="25" alt="Our Umbraco" /> Our Umbraco</span> </a> <div class="navbar-trigger navbar-item">Menu</div></div> <div class="navbar-menu is-positioned-right"> <div class="navbar-start"> <a href="https://our.umbraco.com/forum/" class="navbar-item">Forum</a> <a href="https://our.umbraco.com/packages/" class="navbar-item">Packages</a> <a href="https://our.umbraco.com/documentation/" class="navbar-item">Documentation</a> <a href="/welcome-to-the-community/" class="navbar-item">Community</a> <a href="https://our.umbraco.com/download/" class="navbar-item">Download</a> </div> <div class="navbar-end"> <div class="navbar-item has-dropdown"> <a href="#" class="navbar-link">Sign in/Register</a> <span class="navbar-dropdown-trigger"> <svg> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/spritemap.svg#arrow-down"></use> </svg> </span> <div class="navbar-dropdown"> <h4 class="navbar-title">Sign in or register a new account</h4> <a href="https://our.umbraco.com/member/login" class="navbar-item"> Manage your account<div class="link-meta"> <span>Sign in to an existing account.</span> <span class="navbar-link-text">Sign in</span> </div> </a> <a href="https://our.umbraco.com/member/Signup" class="navbar-item"> Join the community<div class="link-meta"> <span>Join the Umbraco community.</span> <span class="navbar-link-text">Register</span> </div> </a> </div> </div> </div> </div></div></nav> <nav class="subnav"><div class="subnav-brand"> <h2 class="subnav-title">The Umbraco Accessibility Guild is forming, apply now!</h2></div><div class="subnav-menu"> <ul class="subnav-list has-dropdown"> <li class="subnav-item"> <a class="subnav-link" href="/events/">Events</a> <span class="navbar-dropdown-trigger"> <svg> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/spritemap.svg#arrow-down"></use> </svg> </span> <ul class="subnav-dropdown"> <li><a href="/events/umbraco-meetups/" class="subnav-link">Umbraco Meetups</a></li> <li><a href="/events/umbraco-community-festivals-and-conferences/" class="subnav-link">Umbraco Community Festivals and Conferences</a></li> <li><a href="/events/events-by-umbraco-hq/" class="subnav-link">Events by Umbraco HQ</a></li> <li><a href="/events/community-office-hours/" class="subnav-link">Community Office Hours</a></li> <li><a href="/events/codegarden/" class="subnav-link">Codegarden</a></li> <li><a href="/events/umbraco-us-summit/" class="subnav-link">Umbraco U.S. Summit</a></li> </ul> </li> </ul> <ul class="subnav-list has-dropdown"> <li class="subnav-item"> <a class="subnav-link" href="/get-involved/">Get involved</a> <span class="navbar-dropdown-trigger"> <svg> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/spritemap.svg#arrow-down"></use> </svg> </span> <ul class="subnav-dropdown"> <li><a href="/get-involved/how-to-get-involved/" class="subnav-link">How to get involved</a></li> <li><a href="/get-involved/plant-a-tree-with-your-contributions/" class="subnav-link">Plant a tree with your contributions</a></li> <li><a href="/get-involved/contribute-as-an-agency/" class="subnav-link">Contribute as an Agency</a></li> <li><a href="/get-involved/hacktoberfest/" class="subnav-link">Hacktoberfest</a></li> <li><a href="/get-involved/community-discord-server/" class="subnav-link">Community Discord Server</a></li> <li><a href="/get-involved/umbraco-champions/" class="subnav-link">Umbraco Champions</a></li> </ul> </li> </ul> <ul class="subnav-list has-dropdown"> <li class="subnav-item is-active"> <a class="subnav-link" href="/the-community-blog/">The Community Blog</a> <span class="navbar-dropdown-trigger"> <svg> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/spritemap.svg#arrow-down"></use> </svg> </span> <ul class="subnav-dropdown is-scrollable"> <li><a href="/the-community-blog/meet-the-orchestration-advisory-board/" class="subnav-link">Meet the Orchestration advisory board</a></li> <li><a href="/the-community-blog/join-the-orchestration-advisory-board/" class="subnav-link">Join the Orchestration advisory board</a></li> <li><a href="/the-community-blog/saying-goodbye-to-the-backoffice-community-team/" class="subnav-link">Saying Goodbye to the Backoffice Community Team</a></li> <li><a href="/the-community-blog/the-sustainability-teams-community-visit-2024/" class="subnav-link">The sustainability team's community visit 2024</a></li> <li><a href="/the-community-blog/looking-back-on-the-community-teams-visit/" class="subnav-link">Looking back on the Community Teams Visit</a></li> <li><a href="/the-community-blog/cms-advisory-board-renewal/" class="subnav-link">CMS Advisory Board renewal</a></li> <li><a href="/the-community-blog/security-privacy-team-presentation/" class="subnav-link">Security & Privacy Team presentation</a></li> <li><a href="/the-community-blog/kicking-off-codegarden-2024/" class="subnav-link">Kicking off Codegarden 2024</a></li> <li><a href="/the-community-blog/join-the-new-umbraco-community-advisory-board/" class="subnav-link">Join the new Umbraco Community advisory board</a></li> <li><a href="/the-community-blog/join-our-new-security-privacy-community-team/" class="subnav-link">Join our new security & privacy community team</a></li> <li><a href="/the-community-blog/join-the-cms-advisory-board/" class="subnav-link">Join the CMS advisory board</a></li> <li><a href="/the-community-blog/the-umbraco-accessibility-guild-is-forming-apply-now/" class="subnav-link">The Umbraco Accessibility Guild is forming, apply now!</a></li> <li><a href="/the-community-blog/closing-the-headless-commmunity-team/" class="subnav-link">Closing the Headless Commmunity Team</a></li> <li><a href="/the-community-blog/join-the-new-cloud-community-team/" class="subnav-link">Join the new Cloud community team</a></li> <li><a href="/the-community-blog/hacktoberfest-2023-recap/" class="subnav-link">Hacktoberfest 2023 recap</a></li> <li><a href="/the-community-blog/umbraco-dei-team-achievements-reflections-and-future-visions/" class="subnav-link">Umbraco DEI Team: Achievements, Reflections, and Future Visions</a></li> <li><a href="/the-community-blog/welcoming-our-community-cultivator/" class="subnav-link">Welcoming Our Community Cultivator</a></li> <li><a href="/the-community-blog/umbraco-champions-are-go/" class="subnav-link">Umbraco Champions Are Go!</a></li> <li><a href="/the-community-blog/oss-sponsorship-initiative/" class="subnav-link">OSS Sponsorship Initiative</a></li> <li><a href="/the-community-blog/packages-question-time/" class="subnav-link">Packages Question Time</a></li> </ul> </li> </ul> <ul class="subnav-list has-dropdown"> <li class="subnav-item"> <a class="subnav-link" href="/umbracians-in-action/">Umbracians in Action</a> <span class="navbar-dropdown-trigger"> <svg> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/spritemap.svg#arrow-down"></use> </svg> </span> <ul class="subnav-dropdown"> <li><a href="/umbracians-in-action/codecabin/" class="subnav-link">CODECABIN</a></li> <li><a href="/umbracians-in-action/candid-contributions/" class="subnav-link">Candid Contributions</a></li> <li><a href="/umbracians-in-action/skrift-magazine/" class="subnav-link">Skrift Magazine</a></li> <li><a href="/umbracians-in-action/24-days-in-umbraco/" class="subnav-link">24 Days In Umbraco</a></li> <li><a href="/umbracians-in-action/umbracoffee/" class="subnav-link">umbraCoffee</a></li> <li><a href="/umbracians-in-action/paul-seals-umbraco-youtube-tutorials/" class="subnav-link">Paul Seal's Umbraco YouTube tutorials</a></li> <li><a href="/umbracians-in-action/community-corner/" class="subnav-link">Community Corner</a></li> </ul> </li> </ul> <ul class="subnav-list has-dropdown"> <li class="subnav-item"> <a class="subnav-link" href="/learn-about-the-community/">Learn about the community</a> <span class="navbar-dropdown-trigger"> <svg> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/spritemap.svg#arrow-down"></use> </svg> </span> <ul class="subnav-dropdown is-scrollable"> <li><a href="/learn-about-the-community/community-teams/" class="subnav-link">Community Teams</a></li> <li><a href="/learn-about-the-community/advisory-boards/" class="subnav-link">Advisory Boards</a></li> <li><a href="/learn-about-the-community/guilds/" class="subnav-link">Guilds</a></li> <li><a href="/learn-about-the-community/contribution-stories/" class="subnav-link">Contribution Stories</a></li> <li><a href="/learn-about-the-community/h5yr/" class="subnav-link">#H5YR</a></li> <li><a href="/learn-about-the-community/badges/" class="subnav-link">Badges</a></li> <li><a href="/learn-about-the-community/karma-leaderboard/" class="subnav-link">Karma leaderboard</a></li> <li><a href="/learn-about-the-community/blog-posts/" class="subnav-link">Blog posts</a></li> <li><a href="/learn-about-the-community/uprofile/" class="subnav-link">uProfile</a></li> <li><a href="/learn-about-the-community/community-videos/" class="subnav-link">Community Videos</a></li> <li><a href="/learn-about-the-community/umbraco-community-health-survey/" class="subnav-link">Umbraco Community Health Survey</a></li> </ul> </li> </ul> <ul class="subnav-list has-dropdown"> <li class="subnav-item"> <a class="subnav-link" href="/mvp-program/">MVP Program</a> <span class="navbar-dropdown-trigger"> <svg> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/spritemap.svg#arrow-down"></use> </svg> </span> <ul class="subnav-dropdown"> <li><a href="/mvp-program/how-do-you-become-an-mvp/" class="subnav-link">How do you become an MVP?</a></li> <li><a href="/mvp-program/current-mvps/" class="subnav-link">Current MVPs</a></li> <li><a href="/mvp-program/mvp-agreement/" class="subnav-link">MVP Agreement</a></li> </ul> </li> </ul> <ul class="subnav-list has-dropdown"> <li class="subnav-item"> <a class="subnav-link" href="/diversity-and-inclusion/">Diversity and Inclusion</a> <span class="navbar-dropdown-trigger"> <svg> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/spritemap.svg#arrow-down"></use> </svg> </span> <ul class="subnav-dropdown"> <li><a href="/diversity-and-inclusion/diversity-equity-and-inclusion-community-group/" class="subnav-link">Diversity, Equity and Inclusion Community Group</a></li> <li><a href="/diversity-and-inclusion/mission-statement/" class="subnav-link">Mission Statement</a></li> <li><a href="/diversity-and-inclusion/on-chaoss-community-and-going-all-in/" class="subnav-link">On CHAOSS, Community, and Going All In</a></li> <li><a href="/diversity-and-inclusion/announcing-diversity-releases-for-2025/" class="subnav-link">Announcing Diversity Releases for 2025</a></li> </ul> </li> </ul> <ul class="subnav-list"> <li class="subnav-item"> <a class="subnav-link" href="/the-developer-relations-team/">The Developer Relations team</a> </li> </ul> <ul class="subnav-list"> <li class="subnav-item"> <a class="subnav-link" href="/sign-up-to-our-newsletter/">Sign up to our newsletter</a> </li> </ul></div></nav> <header class="hero has-background"> <div class="hero-overlay"></div><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload hero-image" alt="Umbraco Accessibility Team" data-src="/media/xedffz3z/umbraco-accessibility-team.png?crop=0,0.20317460317460317,0,0.41587301587301589&cropmode=percentage&width=2500&height=500&rnd=132551800392000000&quality=80" loading="lazy" data-srcset="/media/xedffz3z/umbraco-accessibility-team.png?crop=0,0.20317460317460317,0,0.41587301587301589&cropmode=percentage&width=2500&height=500&rnd=132551800392000000&quality=80&format=webp" width=1 height=1 /> <div class="hero-content"> <div class="hero-header"> <h1>The Accessibility Community Team is turning into the Accessibility Guild</h1> </div></div></header> <main> <div class="umb-grid"><section class="section" ><div class="umb-container"> <div class="columns"> <div class="column is-12 grid-section__cell" > <div class="content grid-section__cell-content"> <h4>The <a href="/learn-about-the-community/guilds/the-accessibility-guild/" title="The Accessibility Guild">accessibility team</a> has been on an absolute roll for the past 5 years. What <a href="https://our.umbraco.com/forum/contributing-to-umbraco-cms/96398-call-for-an-accessibility-team">started out as a forum post</a> from Mike Masey, quickly gained the support from the current team members. The team formed, first without a steward from HQ but it has existed in the past few years with help of steward Niels Lyngsø. </h4> <p>As of today the team is changing from being a community team to the accessibility guild. In this post we’ll explain what that means and celebrate their wonderful work and bright future ahead.</p> <figure><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload " alt="A11teampicture" data-src="/media/5p1d5s22/a11teampicture.png?quality=80" loading="lazy" data-srcset="/media/5p1d5s22/a11teampicture.png?quality=80&format=webp" width=1 height=1 src="" data-caption="<em>Photo of the team members huddled around a large Styrofoam Umbraco logo, people in the picture from left to right are: Niels, Matt, Jan, Mike, Danny, Tiffany and Rachel</em>" /><figcaption><em>Photo of the team members huddled around a large Styrofoam Umbraco logo, people in the picture from left to right are: Niels, Matt, Jan, Mike, Danny, Tiffany and Rachel</em></figcaption> </figure> <p>Making the new backoffice a success is a lot of work and it has to have our full focus at the moment. With the focus on many aspects of the backoffice like UI, UX and having feature parity with Umbraco 13, we’re of course not forgetting about accessibility (A11Y) either. </p> <p>We have had A11Y testing set up from the beginning while developing the new UI library and are utilizing as many of the browsers standards as we can to bring the complete application together. We know there’s still work to be done on A11Y and we’re balancing that with all the other priorities we have.</p> <p>Keeping this balance going does mean that we at Umbraco HQ have to take a little hiatus on also stewarding the A11Y team. We are excited that the team, as the <strong>accessibility guild</strong>, will continue to meet and work together with the same passion and dedication that they started with, working from the outside in.</p> </div> </div> </div></div></section><section class="section" data-row-theme="is-beige"><div class="umb-container"> <div class="columns"> <div class="column is-12 grid-section__cell" > <div class="content grid-section__cell-content"> <h3>What is a guild?</h3> <p>A guild is a new concept in the Umbraco world, it is similar to a community team, but without the steward from Umbraco HQ. The word guild is defined as “an association of people for mutual aid or the pursuit of a common goal”, quite right!</p> <p>The A11Y guild is going to be doing much of the same things as before, there will still be audits and pull requests, and issues created and there’s ideas for other activities as well.</p> <p>Additionally, some of the team are busy organizing their yearly accessibility conference for Umbraco developers and web practitioners: <a href="https://umbraad.com/">UMBRAAD</a>. UMBRAAD is taking place on the 16th of May.</p> <p>And it doesn’t stop there, the team is also looking for new wonderful people to join them, an application form is now open. The goal is to form a new guild by early June 2024.</p> <p>Applications are now open: </p> <p><a href="https://docs.google.com/forms/d/e/1FAIpQLSfEO1-aXpv9FjHxY6pf0ZEjTY2fgihtK8LrqS3mK13X2-G4sA/viewform" class="btn is-blue">Submit your application here</a></p> </div> </div> </div></div></section><section class="section" ><div class="umb-container"> <div class="columns"> <div class="column is-12 grid-section__cell" > <div class="content grid-section__cell-content"> <p>At Umbraco HQ, we have learned a ton from the accessibility team and their many initiatives have led to huge improvements to the Umbraco backoffice. The team’s invaluable input has permeated our processes, so that everything new we develop has A11Y in mind.</p> <h3>Celebrating 5 years of The Accessibility Team</h3> <p>We've compiled the input from the team members and the HQ highlights together for a celebration of their great work:</p> <p><strong>Community engagement and collaboration</strong></p> <p>All of the team members are mentioning personal growth and joy working closely together. </p> <p>One of the highlights from us at HQ was definitely the community teams visit where we had a lot of cross-pollination between the different teams, the A11Y team inspired all of the rest of the teams.</p> <p>We’re also ever so thankful for the way the team has inspired the community to create a huge range of all kinds of A11Y related pull requests, and even <a href="https://marketplace.umbraco.com/package/umbraco.community.accessibilityreporter">a helpful package</a>, over the years.</p> <p>Of course <a href="https://umbraad.com/">UMBRAAD</a> emerging out of the team activities is also very exciting!</p> <p><strong>Accessibility improvements</strong></p> <p>Some of the highlights here range from the huge increase in general awareness of A11Y in the Umbraco community, to specific features.</p> <p>The <a href="https://github.com/umbraco/Umbraco-CMS/pull/4526">focus lock feature</a> is a big one, as was <a href="https://github.com/umbraco/Umbraco-CMS/pull/5293">the move from font icons to SVG icons</a> and the umb-icon directive.</p> <p>And it may seem subtle, but the <a href="https://github.com/umbraco/Umbraco.CMS.Backoffice/pull/94">change to a new green shade in v14</a> is a win for making sure there’s finally enough contrast for people with visual impairments.</p> <p><strong>Process improvement and positive impact</strong></p> <p>The transition to a new backoffice with accessibility in mind from the beginning and initiating a big culture change in HQ is also something to be proud of.</p> <p>A huge testament to the team’s ongoing success is also the numerous blog posts that keep appearing, packages related to A11Y popping up, and many Umbraco conference talks focusing on how to build accessible websites for the world to use.</p> <p><strong>See you in 2025?</strong></p> <p>As noted above, the team is going nowhere! At Umbraco HQ we’ve committed to evaluate the community teams landscape again at the beginning of 2025. We’re excited to have a look with fresh eyes to see where accessibility fits in and how we can support the ongoing efforts.</p> <p>Until then, we want to send <strong>Danny, Jan, Matt, Mike, Rachel and Tiffany</strong> an enormous:<a href="https://h5yr.com/about/"> high 5, you rock!</a> </p> <p><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload " alt="Sebastiaan" data-src="/media/ouodcjnk/sebastiaan.jpg?anchor=center&mode=crop&quality=80&width=100&height=100&rnd=132485281824130000" loading="lazy" data-srcset="/media/ouodcjnk/sebastiaan.jpg?anchor=center&mode=crop&quality=80&width=100&height=100&rnd=132485281824130000&format=webp" width=100 height=100 style="float: left; margin-right: 10px;" src="?width=100&height=100" /></p> <p><br /><strong>Written by:</strong> Sebastiaan Janssen<br /><strong>Published:</strong> May 6, 2024</p> </div> </div> </div></div></section></div> </main> <footer class="footer"><div class="container"> <div class="columns"></div></div> <div class="container is-narrow-tablet"> <div class="content has-centered-text has-small-text is-faded"> <p><a href="https://our.umbraco.com/code-of-conduct" title="Code of Conduct">Code of Conduct</a> - <a href="https://our.umbraco.com/privacy-policy" title="Privacy policy">Privacy policy</a></p> <p>Our.umbraco.com is the community mothership for Umbraco, the open source ASP.NET CMS. With a friendly forum for all your questions, a comprehensive documentation and a ton of packages from the community.</p> </div></div></footer><zendesk-facade></zendesk-facade></div> <script src="/bundles/js/main/?v=oy7a9XGjRgqYymra0TTYRiRbY-5ivmcNYJeDe5cz9K41"></script><script src="/bundles/js/instant-page/?v=mqE_A6hSdNDq_vY9Vuqd0gfgcF92rN4F-HBSkP1YMqw1" type="module" defer></script> <script type="text/javascript"> var hash = window.location.hash; if (typeof hash !== 'undefined') { // Prevents default anchor scroll on page load. window.addEventListener('scroll', scrollToTop); // Scrolls to anchor smoothly - with an offset. setTimeout(function () { window.removeEventListener('scroll', scrollToTop); var id = hash.replace(/\//g, '').replace(/#/g, '') scrollToIdWithOffset(id, 220); }, 1000); } function scrollToTop() { window.scrollTo(0, 0); } function scrollToIdWithOffset(id, offset) { var element = document.getElementById(id); const bodyRect = document.body.getBoundingClientRect().top; const elementRect = element.getBoundingClientRect().top; const elementPosition = elementRect - bodyRect; const offsetPosition = elementPosition - offset; window.scrollTo({ top: offsetPosition, behavior: "smooth" }); } </script> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "WebPage", "name": "Umbraco" } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "item": { "@id": "https://community.umbraco.com/", "name": "Home" } } , { "@type": "ListItem", "position": 2, "item": { "@id": "https://community.umbraco.com/the-community-blog/", "name": "The Community Blog" } } , { "@type": "ListItem", "position": 3, "item": { "@id": "https://community.umbraco.com/the-community-blog/the-umbraco-accessibility-guild-is-forming-apply-now/", "name": "The Umbraco Accessibility Guild is forming, apply now!" } } ] } </script><script src="/Assets/uMarketingSuite/Scripts/uMarketingSuite.analytics.js"></script><script src="/Assets/uMarketingSuite/Scripts/uMarketingSuite.analytics.ga-bridge.js"></script><script>typeof uMarketingSuite!=="undefined"&&uMarketingSuite.analytics&&uMarketingSuite.analytics.init("631d9402-953a-41d2-821d-152bcb890da9")</script> </body></html>