CINXE.COM

<!DOCTYPE html>     <html lang="en-US" class="no-js"> <head> <meta charset="UTF-8"/> <meta name="robots" content="index"/> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0;"> <link rel="shortcut icon" href="/community/wp-content/themes/StoryTeller/favicon.ico" type="image/x-icon"/> <title>Sustainable Web Design Community Group</title><meta property='og:title' content='Sustainable Web Design Community Group' /> <link rel="profile" href="https://gmpg.org/xfn/11" /> <link rel="stylesheet" media="all" href="/community/wp-content/themes/StoryTeller/style.css"/> <link rel="pingback" href="https://www.w3.org/community/sustyweb/xmlrpc.php"/> <script type="text/javascript" src="/community/wp-content/themes/StoryTeller/js/modernizr-1.7.min.js"></script> <meta name='robots' content='max-image-preview:large' /> <link rel='dns-prefetch' href='//widgetlogic.org' /> <link rel="alternate" type="application/rss+xml" title="Sustainable Web Design Community Group » Feed" href="https://www.w3.org/community/sustyweb/feed/" /> <link rel="alternate" type="application/rss+xml" title="Sustainable Web Design Community Group » Comments Feed" href="https://www.w3.org/community/sustyweb/comments/feed/" /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.w3.org\/community\/sustyweb\/wp-includes\/js\/wp-emoji-release.min.js?ver=1917587231d28aac248a56c4fd20fb23"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <link rel='stylesheet' id='dashicons-css' href='https://www.w3.org/community/sustyweb/wp-includes/css/dashicons.min.css?ver=1917587231d28aac248a56c4fd20fb23' type='text/css' media='all' /> <link rel='stylesheet' id='admin-bar-css' href='https://www.w3.org/community/sustyweb/wp-includes/css/admin-bar.min.css?ver=1917587231d28aac248a56c4fd20fb23' type='text/css' media='all' /> <style id='admin-bar-inline-css' type='text/css'> @media screen { html { margin-top: 32px !important; } } @media screen and ( max-width: 782px ) { html { margin-top: 46px !important; } } @media print { #wpadminbar { display:none; } } </style> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://www.w3.org/community/sustyweb/wp-includes/css/dist/block-library/style.min.css?ver=1917587231d28aac248a56c4fd20fb23' type='text/css' media='all' /> <link rel='stylesheet' id='block-widget-css' href='https://www.w3.org/community/sustyweb/wp-content/plugins/widget-logic/block_widget/css/widget.css?ver=1724881391' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <style id='akismet-widget-style-inline-css' type='text/css'> .a-stats { --akismet-color-mid-green: #357b49; --akismet-color-white: #fff; --akismet-color-light-grey: #f6f7f7; max-width: 350px; width: auto; } .a-stats * { all: unset; box-sizing: border-box; } .a-stats strong { font-weight: 600; } .a-stats a.a-stats__link, .a-stats a.a-stats__link:visited, .a-stats a.a-stats__link:active { background: var(--akismet-color-mid-green); border: none; box-shadow: none; border-radius: 8px; color: var(--akismet-color-white); cursor: pointer; display: block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif; font-weight: 500; padding: 12px; text-align: center; text-decoration: none; transition: all 0.2s ease; } /* Extra specificity to deal with TwentyTwentyOne focus style */ .widget .a-stats a.a-stats__link:focus { background: var(--akismet-color-mid-green); color: var(--akismet-color-white); text-decoration: none; } .a-stats a.a-stats__link:hover { filter: brightness(110%); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.16); } .a-stats .count { color: var(--akismet-color-white); display: block; font-size: 1.5em; line-height: 1.4; padding: 0 13px; white-space: nowrap; } </style> <link rel='stylesheet' id='enlighterjs-css' href='https://www.w3.org/community/sustyweb/wp-content/plugins/enlighter/cache/X188_enlighterjs.min.css?ver=166WtVn1UlUVEwz' type='text/css' media='all' /> <link rel="https://api.w.org/" href="https://www.w3.org/community/sustyweb/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.w3.org/community/sustyweb/xmlrpc.php?rsd" /> </head> <body class="home blog admin-bar no-customize-support"> <div id="wpadminbar" class="nojq nojs"> <a class="screen-reader-shortcut" href="#wp-toolbar" tabindex="1">Skip to toolbar</a> <div class="quicklinks" id="wp-toolbar" role="navigation" aria-label="Toolbar"> <ul role='menu' id='wp-admin-bar-top-secondary' class="ab-top-secondary ab-top-menu"><li role='group' id='wp-admin-bar-w3c-skip'><a class='ab-item' role="menuitem" href='#content' title='Skip to content (e.g., when browsing via audio)'>Skip</a></li><li role='group' id='wp-admin-bar-log-in'><a class='ab-item' role="menuitem" href='https://www.w3.org/community/sustyweb/wp-login.php?redirect_to=%2Fcommunity%2Fsustyweb%2F' title='Log In'>Log In</a></li><li role='group' id='wp-admin-bar-my-account'><a class='ab-item' role="menuitem" href='https://www.w3.org/users/myprofile/' title='My W3C Account'>My W3C Account</a></li><li role='group' id='wp-admin-bar-search' class="admin-bar-search"><div class="ab-item ab-empty-item" tabindex="-1" role="menuitem"><form action="https://www.w3.org/community/sustyweb/" method="get" id="adminbarsearch"><input class="adminbar-input" name="s" id="adminbar-search" type="text" value="" maxlength="150" /><label for="adminbar-search" class="screen-reader-text">Search</label><input type="submit" class="adminbar-button" value="Search" /></form></div></li></ul> </div> </div>  <header> <div class="logos"> <a href="/" class="w3-logo"><img alt="w3c logo" class="animated fadeInLeft" src="/community/wp-content/themes/StoryTeller/img/svg/w3c-logo.svg"/></a> <a href="/community/" class="cgbg-logo"><img alt="w3c community group logo" class="animated fadeInRotate height" src="/community/wp-content/themes/StoryTeller/img/svg/cgbg-logo.svg"/></a> <a href="/community/" class="cgbg-logo-title"><h1 class="animated fadeInRight">Community & Business Groups</h1> </a> </div> <div class="white-bar"></div> <div class="white-circle"></div> <div class="blue-top"></div> </header> <div class="center ov-visible"> <nav id="access" class="right main-nav"> <ul id="menu-top-menu"> <li id="menu-item-60" class="cg menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-home menu-item-60"> <a title="Groups" href="/community/groups/"><span>Current Groups</span></a></li> <li id="menu-item-57" class="rp menu-item menu-item-type-custom menu-item-object-custom menu-item-57"><a href="/community/reports/"><span>Reports</span></a></li> <li id="menu-item-59" class="ab menu-item menu-item-type-post_type menu-item-object-page menu-item-59"> <a title="About" href="/community/about/"><span>About</span></a></li> </ul> </nav> </div> <div class="center"> <div class="maincolumn"> <div class="breadcrumbs"><ul><li><a href="/community/" title="Community & Business Groups">Home</a> / </li><li>Sustainable Web Design Communi...</li></ul></div> <section class="group" id="content"> <h2 class="group-title">Sustainable Web Design Community Group</h2> <div class="intro"> <p>The Sustainable Web Design Community Group is now closed. Its activities are now under the direction of the <a href="https://www.w3.org/groups/ig/sustainableweb/">W3C Sustainable Web Interest Group</a>. This includes the curation of the <a href="https://w3c.github.io/sustainableweb-wsg">Web Sustainability Guidelines</a>. Thank you for supporting us as we reached this stage in our journey and we hope you will continue to support our work as it develops at our new home (where you are welcome to get involved).</p> <a class=repo href=https://github.com/w3c/sustyweb><img src="https://www.w3.org/community/wp-content/themes/StoryTeller/img/svg/github.svg" alt="" width="15"> w3c/sustyweb</a> <figure> <figcaption>Group's public email, repo and wiki activity over time</figcaption> <object data="https://w3c.github.io/cg-monitor/viz/cg/sustyweb.svg"></object> </figure> </div> <p id="community-driven">Note: Community Groups are proposed and run by the community. Although W3C hosts these conversations, the groups do not necessarily represent the views of the W3C Membership or staff.</p> </section> <section id="group-reports" class="bDashed clearfix"> <h3>Drafts / <a href="/community/about/process/cla/" class="none">licensing info</a></h3> <table> <thead> <tr> <th>Date</th> <th>Name</th> </tr> </thead> <tbody> <tr> <td class="col-date"><time datetime="2023-09-07T13:02Z"> 2023-09-07</time></td> <td><a href="https://w3c.github.io/sustyweb/">Web Sustainability Guidelines (WSG) 1.0</a></td> </tr> </tbody> </table> </section> <section class="news"> <article id="post-210" class="post-210 post type-post status-publish format-standard sticky hentry category-announcements"> <h1 class="news-title red"><a href="https://www.w3.org/community/sustyweb/2024/12/06/community-group-closing-consider-joining-the-interest-group/" rel="bookmark" title="Permanent Link to Community Group Closing, Consider Joining the Interest Group">Community Group Closing, Consider Joining the Interest Group</a></h1> <div class="article_date"> <span class="author4"><a class="url fn n" href="https://www.w3.org/community/sustyweb/author/timfrick/" title="View all posts by Tim Frick">Tim Frick</a> | </span> Posted on: <a href="https://www.w3.org/community/sustyweb/2024/12/06/community-group-closing-consider-joining-the-interest-group/" rel="bookmark"><time datetime="2024-12-06T17:48:22+00:00">December 6, 2024</time></a> </div> <p>The Sustainable Web Design Community Group will close by the end of 2024. Work on the Web Sustainability Guidelines is shifting to the聽<a href="https://www.w3.org/groups/ig/sustainableweb/" target="_blank" rel="noreferrer noopener">Sustainable Web Interest Group</a>. Please consider joining us as a W3C member or as an Invited Expert. Please review the Invited Expert Policy at聽<a href="https://github.com/w3c/sustainableweb-ig/blob/main/ie-policy.md" target="_blank" rel="noreferrer noopener nofollow">https://github.com/w3c/sustainableweb-ig/blob/main/ie-policy.md</a>.</p> <p>You may continue to contribute asynchronously via GitHub at聽<a href="https://github.com/w3c/sustainableweb-wsg" target="_blank" rel="noreferrer noopener nofollow">https://github.com/w3c/sustainableweb-wsg</a>聽and email at聽<a href="mailto:public-sustainableweb@w3.org" target="_blank" rel="noreferrer noopener nofollow">public-sustainableweb@w3.org</a>聽without being a part of the group.</p> <p>This email list will close, but an archive is accessible at聽<a href="https://lists.w3.org/Archives/Public/public-sustyweb/" target="_blank" rel="noreferrer noopener nofollow">https://lists.w3.org/Archives/Public/public-sustyweb/</a>.</p> <p>Thank you for all your contributions. We look forward to the next chapter.</p> <footer class="entry-utility"> No Comments | <a rel='nofollow' class='comment-reply-link' href='https://www.w3.org/community/sustyweb/2024/12/06/community-group-closing-consider-joining-the-interest-group/#respond' onclick='return addComment.moveForm( "post-210", "0", "respond", "210" )'>Leave a Comment</a> | <span class="cat-links"> <span class="entry-utility-prep entry-utility-prep-cat-links">Category</span> <a href="https://www.w3.org/community/sustyweb/category/announcements/" rel="category tag">Announcements</a> </span> </footer> </article> <article id="post-176" class="post-176 post type-post status-publish format-standard hentry category-announcements category-definition-of-sustainable-web-design category-events category-recommendations"> <h1 class="news-title red"><a href="https://www.w3.org/community/sustyweb/2023/09/07/web-sustainability-guidelines/" rel="bookmark" title="Permanent Link to New Web Sustainability Guidelines Report">New Web Sustainability Guidelines Report</a></h1> <div class="article_date"> <span class="author4"><a class="url fn n" href="https://www.w3.org/community/sustyweb/author/timfrick/" title="View all posts by Tim Frick">Tim Frick</a> | </span> Posted on: <a href="https://www.w3.org/community/sustyweb/2023/09/07/web-sustainability-guidelines/" rel="bookmark"><time datetime="2023-09-07T20:59:08+00:00">September 7, 2023</time></a> </div> <figure class="wp-block-image size-full"><a href="https://www.w3.org/community/sustyweb/files/2023/09/WSG-intro.png"><img loading="lazy" decoding="async" width="960" height="540" src="https://www.w3.org/community/sustyweb/files/2023/09/WSG-intro.png" alt="Graphic with text reading 'Introducing the Web Sustainability Guidelines'. Beneath the text are five graphic icons. Below those are text reading 'W3C Sustainable Web Design (SustyWeb) Community Group'." class="wp-image-175" srcset="https://www.w3.org/community/sustyweb/files/2023/09/WSG-intro.png 960w, https://www.w3.org/community/sustyweb/files/2023/09/WSG-intro-300x169.png 300w, https://www.w3.org/community/sustyweb/files/2023/09/WSG-intro-768x432.png 768w" sizes="(max-width: 960px) 100vw, 960px" /></a></figure> <p>We鈥檙e excited to share that a draft report of this group鈥檚 Web Sustainability Guidelines (WSGs) has been published. </p> <p>Inspired by W3C’s work on the <a href="https://www.w3.org/WAI/standards-guidelines/wcag/">Web Content Accessibility Guidelines</a>, the specification includes 93 guidelines with 232 success criteria, references, examples, and more. It represents nearly two years of work from about 50 volunteers across five different committees:</p> <ol class="wp-block-list"> <li>UX Design</li> <li>Web Development</li> <li>Hosting & Infrastructure</li> <li>Product & Business Strategy</li> <li>Metrics</li> </ol> <p>The guidelines reflect ESG principles outlined in the <a href="https://www.sustainablewebmanifesto.com/" target="_blank" rel="nofollow">Sustainable Web Manifesto</a>. They also align with <a href="https://www.globalreporting.org/standards/" target="_blank" rel="nofollow">GRI standards</a> to help organizations more easily incorporate the impact of digital products and services into broader sustainability reporting initiatives. </p> <h2 class="wp-block-heading">Review the WSGs</h2> <p><strong>Here are the details:</strong></p> <ul class="wp-block-list"> <li>Read the <a href="https://w3c.github.io/sustyweb/" target="_blank" rel="nofollow">full draft specification</a></li> <li>Review the <a href="https://w3c.github.io/sustyweb/glance.html" target="_blank" rel="nofollow">guidelines at-a-glance</a></li> <li>Find the <a href="https://github.com/w3c/sustyweb/" target="_blank" rel="nofollow">full repository on GitHub</a></li> <li><a href="https://w3c.github.io/sustyweb/TPAC_Slides.pdf" target="_blank" rel="nofollow">Review slides</a> for Wednesday鈥檚 launch event at TPAC</li> <li>Read <a href="https://www.w3.org/blog/2023/introducing-web-sustainability-guidelines/">W3C鈥檚 blog post</a> about the guidelines</li> <li>Use <a href="https://docs.google.com/document/d/10v6Bh-S4cbJndr4F-MLIvptVG-Hu29ajKwGUWi0_38Q/edit?usp=sharing" target="_blank" rel="nofollow">sample social media posts</a> to share with your network</li> </ul> <p>Want to help us spread the word about the WSGs? Please consider sharing the links above with your networks, writing a blog post, or including them in presentations you give. </p> <p>To that end, we鈥檙e presenting a guidelines walkthrough followed by a Q&A session on Wednesday, September 13th at TPAC. See the <a href="https://www.w3.org/2023/09/TPAC/schedule.html">full TPAC schedule</a> for details.</p> <h2 class="wp-block-heading">Feedback and Next Steps</h2> <p>We welcome your participation and feedback. Please <a href="https://github.com/w3c/sustyweb/issues" target="_blank" rel="nofollow">post any issues</a> you might find to our GitHub repository. </p> <p>Also, this work has just begun. The report is a first draft. We鈥檙e still conducting monthly meetings about how best to improve and promote the guidelines. Everyone is welcome. Hope to see you at the next meeting on September 27th at 8am CT/3pm CEST. </p> <p><strong>Finally, and most importantly, a massive thank you to all who contributed.</strong> This is a monumental leap forward in advancing web sustainability. It wouldn鈥檛 have been possible without the help of those who volunteered their time and expertise. </p> <p>With gratitude,</p> <p>Alexander Dawson & Tim Frick</p> <p>Sustainable Web Design CG Co-Chairs</p> <footer class="entry-utility"> 19 Comments | <a rel='nofollow' class='comment-reply-link' href='https://www.w3.org/community/sustyweb/2023/09/07/web-sustainability-guidelines/#respond' onclick='return addComment.moveForm( "post-176", "0", "respond", "176" )'>Leave a Comment</a> | <span class="cat-links"> <span class="entry-utility-prep entry-utility-prep-cat-links">Category</span> <a href="https://www.w3.org/community/sustyweb/category/announcements/" rel="category tag">Announcements</a>, <a href="https://www.w3.org/community/sustyweb/category/definition-of-sustainable-web-design/" rel="category tag">Definition of Sustainable Web Design</a>, <a href="https://www.w3.org/community/sustyweb/category/events/" rel="category tag">Events</a>, <a href="https://www.w3.org/community/sustyweb/category/recommendations/" rel="category tag">Recommendations</a> </span> </footer> </article> <article id="post-165" class="post-165 post type-post status-publish format-standard hentry category-definition-of-sustainable-web-design category-recommendations category-references"> <h1 class="news-title red"><a href="https://www.w3.org/community/sustyweb/2023/02/20/help-us-define-environmental-guidelines-for-the-internet/" rel="bookmark" title="Permanent Link to Help us define environmental guidelines for the internet">Help us define environmental guidelines for the internet</a></h1> <div class="article_date"> <span class="author4"><a class="url fn n" href="https://www.w3.org/community/sustyweb/author/timfrick/" title="View all posts by Tim Frick">Tim Frick</a> | </span> Posted on: <a href="https://www.w3.org/community/sustyweb/2023/02/20/help-us-define-environmental-guidelines-for-the-internet/" rel="bookmark"><time datetime="2023-02-20T19:56:51+00:00">February 20, 2023</time></a> </div> <p>We’re a global group of digital professionals who aim to make the web more sustainable. The group is currently collaborating on a set of guidelines to help web teams create greener digital products and services. You can help! </p> <p>Here are some quick links to get you started:</p> <ul class="wp-block-list"> <li>Read the <a href="https://www.w3.org/community/sustyweb/2022/09/06/sustainability-community-group-charter/">Group Charter</a> to learn why this group exists and what we hope to accomplish.</li> <li><a href="https://www.w3.org/community/sustyweb/wiki/Main_Page">Review the wiki</a> to catch up on meeting notes, review draft guidelines, and learn about various committees within the group.</li> <li>Join the <a href="https://www.w3.org/slack-w3ccommunity-invite">Slack Community</a> to meet other community members, share ideas, and request an invite to our monthly meetings.</li> </ul> <p>Still have questions? Feel free to <a href="mailto:public-sustyweb@w3.org" data-type="mailto" data-id="mailto:public-sustyweb@w3.org" target="_blank" rel="nofollow">contact the group</a>.</p> <footer class="entry-utility"> 1 Comment | <a rel='nofollow' class='comment-reply-link' href='https://www.w3.org/community/sustyweb/2023/02/20/help-us-define-environmental-guidelines-for-the-internet/#respond' onclick='return addComment.moveForm( "post-165", "0", "respond", "165" )'>Leave a Comment</a> | <span class="cat-links"> <span class="entry-utility-prep entry-utility-prep-cat-links">Category</span> <a href="https://www.w3.org/community/sustyweb/category/definition-of-sustainable-web-design/" rel="category tag">Definition of Sustainable Web Design</a>, <a href="https://www.w3.org/community/sustyweb/category/recommendations/" rel="category tag">Recommendations</a>, <a href="https://www.w3.org/community/sustyweb/category/references/" rel="category tag">References</a> </span> </footer> </article> <article id="post-134" class="post-134 post type-post status-publish format-standard hentry category-announcements"> <h1 class="news-title red"><a href="https://www.w3.org/community/sustyweb/2022/09/06/sustainability-community-group-charter/" rel="bookmark" title="Permanent Link to Community Group Charter">Community Group Charter</a></h1> <div class="article_date"> <span class="author4"><a class="url fn n" href="https://www.w3.org/community/sustyweb/author/timfrick/" title="View all posts by Tim Frick">Tim Frick</a> | </span> Posted on: <a href="https://www.w3.org/community/sustyweb/2022/09/06/sustainability-community-group-charter/" rel="bookmark"><time datetime="2022-09-06T13:04:07+00:00">September 6, 2022</time></a> </div> <p>This document has been reviewed by community group members and, where applicable, adopted the <a href="https://w3c.github.io/cg-charter/CGCharter.html" target="_blank" rel="nofollow">Community Group Charter template</a> provided by W3C. It provides important governance information relevant to this community group.</p> <h2 class="wp-block-heading">Mission</h2> <p>This group will create guidelines, tools, and resources for web and digital professionals to incorporate sustainability and related principles into their workflows and work practices. Our goal is to make the process of creating and managing the entire life cycle of digital products and services more sustainable, while the use of digital products should also encourage better practices for users.</p> <p>We ground all our work in the three pillars of sustainability:</p> <ol class="wp-block-list"> <li><strong>Environmental:</strong> We prioritize the health of ecosystems and the planet overall.</li> <li><strong>Social:</strong> Similarly, people should have access to resources, information, and opportunities necessary for their well-being. </li> <li><strong>Economic:</strong> Financial stability and equitable economic development鈥攊n this case, through the digital economy鈥攅nsures shared prosperity for the planet and its inhabitants.</li> </ol> <h2 class="wp-block-heading">Scope</h2> <p>The group will provide evidence-based, peer-reviewed recommendations on how to create more sustainable digital products and services as defined above.</p> <p><strong>Success criteria includes:</strong></p> <ul class="wp-block-list"> <li>The guidelines are used by digital professionals across sectors to create more sustainable digital products and services.</li> <li>The guidelines are adopted by schools, bootcamps, universities, and other educational institutions as best-in-class. </li> <li>The guidelines are also included in future legislation and procurement requirements for organizations commissioning digital projects.</li> </ul> <h3 class="wp-block-heading" id="out-of-scope">Out of Scope</h3> <p>This group will not create Specifications.</p> <h2 class="wp-block-heading">Duration</h2> <p>Sustainability is an ongoing and evolving concern. New topics emerge regularly. As such, this group should remain relevant for as long as the issues it addresses are. To accomplish this, we envision an organizational structure that encourages collaboration and ongoing participation and supports leadership transitions as needed.</p> <h2 class="wp-block-heading">Deliverables</h2> <p>Understanding that this work is intersectional:</p> <ul class="wp-block-list"> <li>The group will offer guidelines for common digital sustainability practices in creating, managing, measuring, maintaining, and retiring digital products and services. </li> <li>Where applicable, it will also suggest business and project management resources to guide organizations on broader sustainability principles.</li> <li>Similarly, the group also acknowledges that non-browser based variables are sometimes relevant to our work and should be addressed on a case-by-case basis. Examples include: green web hosting, renewable energy pricing and availability, OS-specific issues, government policies, and so on. </li> <li>Whenever possible, the group will recommend indicators to measure success based on their ability to yield consistent results and create broad impact.   </li> <li>Finally, the team will also seek to build alliances between other initiatives that work to build a better web. For example, a more sustainable web should also be more accessible for everyone while also respecting user privacy and data ownership. </li> </ul> <h2 class="wp-block-heading" id="deliverables">Deliverables</h2> <h3 class="wp-block-heading" id="non-normative-reports">Non-Normative Reports</h3> <p>The group may produce other Community Group Reports within the scope of this charter but that are not Specifications, for instance use cases, requirements, or white papers.</p> <h2 class="wp-block-heading">Milestones</h2> <p>Milestones for this work will be based on evidence-driven research and defined as the group grows and evolves. </p> <h2 class="wp-block-heading">Committees</h2> <p>This group has several committees dedicated to specific subtopics of the parent topic: </p> <ul class="wp-block-list"> <li>UX Design</li> <li>Business Strategy, Product management</li> <li>Analytics, Measurement, Reporting</li> <li>Hosting, Infrastructure, Systems</li> <li>Web Development</li> </ul> <p>Committees will review and approve individual suggested lists and resources first before submitting them for a broader group vote to be included in our overall recommended guidelines. If you would like to join a committee or create a new one, please reach out to propose a topic.</p> <h2 class="wp-block-heading">Dependencies</h2> <p>Generally, we will suggest a list of guiding principles similar to <a href="https://wcag.com/resource/what-is-wcag/" target="_blank" rel="nofollow">WCAG鈥檚 principles</a> (perceivable, operable, understandable, robust), along with specific suggestions for each individual discipline. This feeds into a master list of guidelines. </p> <p>The group will take advantage of existing resources and compiled lists to create our recommendations. We also look forward to collaborating with other W3C groups working on intersectional topics. </p> <h2 class="wp-block-heading">Confidentiality</h2> <p>This work will be created publicly and transparently using open source principles. We will also abide by W3C’s <a href="https://www.w3.org/2021/Process-20211102/#confidentiality-levels"><em>level of confidentiality</em></a> guidelines.</p> <h2 class="wp-block-heading">Meetings & Cadence</h2> <p>Individual committees will meet as often as is necessary to move their suggested guidelines forward under the timeline suggested by the main group. The main group will meet at least once per quarter to discuss progress. </p> <h2 class="wp-block-heading">Communications</h2> <ul class="wp-block-list"> <li>We will share updates in this community group. </li> <li>More formal proposals, records, and resources will be housed in this group’s <a href="https://github.com/w3c/sustyweb" target="_blank" rel="nofollow">GitHub repository</a>.</li> <li>Ongoing discussions will take place in the #sustainability channel of the W3C Slack Workspace.</li> </ul> <h2 class="wp-block-heading">Voting Procedures</h2> <p>Committees will vote on issues relevant to their topics, then present the outcomes to the main group. If needed, the main group can also vote on them. </p> <h2 class="wp-block-heading">Time Commitments</h2> <p>This community group is comprised of busy, working professionals. Committees will meet at the cadence and velocity that works best for each group, taking into consideration the time needed to prepare and review materials before and after each meeting. The main group will meet at least once quarterly for no less than an hour. </p> <h2 class="wp-block-heading">Intellectual Property</h2> <p>This group adheres to open source practices. Under the W3C banner, we will follow its <a href="https://www.w3.org/Consortium/Legal/2002/ipr-notice-20021231">policies and legal guidelines</a>. However, we will pursue the most open and freely available licensing for anything the group produces. </p> <h2 class="wp-block-heading" id="process">Community and Business Group Process</h2> <p>The group operates under the <a href="https://www.w3.org/community/about/agreements/">Community and Business Group Process</a>. Terms in this Charter that conflict with those of the Community and Business Group Process are void.</p> <p>As with other Community Groups, W3C seeks organizational licensing commitments under the <a href="https://www.w3.org/community/about/agreements/cla/">W3C Community Contributor License Agreement (CLA)</a>. When people request to participate without representing their organization’s legal interests, W3C will in general approve those requests for this group with the following understanding: W3C will seek and expect an organizational commitment under the CLA starting with the individual’s first request to make a contribution to a group <a href="https://w3c.github.io/cg-charter/CGCharter.html#deliverables" target="_blank" rel="nofollow">Deliverable</a>. The section on <a href="https://w3c.github.io/cg-charter/CGCharter.html#contrib" target="_blank" rel="nofollow">Contribution Mechanics</a> describes how W3C expects to monitor these contribution requests.</p> <p>The <a href="https://www.w3.org/Consortium/cepc/">W3C Code of Ethics and Professional Conduct</a> applies to participation in this group.</p> <h2 class="wp-block-heading" id="contrib">Contribution Mechanics</h2> <p>Substantive Contributions to Specifications can only be made by Community Group Participants who have agreed to the <a href="https://www.w3.org/community/about/agreements/cla/">W3C Community Contributor License Agreement (CLA)</a>.</p> <p>Community Group participants agree to make all contributions in the GitHub repo the group is using for the particular document. This may be in the form of a pull request (preferred), by raising an issue, or by adding a comment to an existing issue.</p> <p id="githublicense">All Github repositories attached to the Community Group must contain a copy of the <a href="https://github.com/w3c/licenses/blob/master/CG-CONTRIBUTING.md" target="_blank" rel="nofollow">CONTRIBUTING</a> and <a href="https://github.com/w3c/licenses/blob/master/CG-LICENSE.md" target="_blank" rel="nofollow">LICENSE</a> files.</p> <h2 class="wp-block-heading" id="transparency">Transparency</h2> <p>The group will conduct all of its technical work in public. If the group uses GitHub, all technical work will occur in its GitHub repositories (and not in mailing list discussions). This is to ensure contributions can be tracked through a software tool.</p> <p>Meetings may be restricted to Community Group participants, but a public summary or minutes must be posted to the group’s public mailing list, or to a GitHub issue if the group uses GitHub.</p> <h2 class="wp-block-heading" id="decision">Decision Process</h2> <p>This group will seek to make decisions where there is consensus. Groups are free to decide how to make decisions (e.g. Participants who have earned Committer status for a history of useful contributions assess consensus, or the Chair assesses consensus, or where consensus isn’t clear there is a Call for Consensus [CfC] to allow multi-day online feedback for a proposed course of action). It is expected that participants can earn Committer status through a history of valuable contributions as is common in open source projects. After discussion and due consideration of different opinions, a decision should be publicly recorded (where GitHub is used as the resolution of an Issue).</p> <p>If substantial disagreement remains (e.g. the group is divided) and the group needs to decide an Issue in order to continue to make progress, the Committers will choose an alternative that had substantial support (with a vote of Committers if necessary). Individuals who disagree with the choice are strongly encouraged to take ownership of their objection by taking ownership of an alternative fork. This is explicitly allowed (and preferred to blocking progress) with a goal of letting implementation experience inform which spec is ultimately chosen by the group to move ahead with.</p> <p>Any decisions reached at any meeting are tentative and should be recorded in a GitHub Issue for groups that use GitHub and otherwise on the group’s public mail list. Any group participant may object to a decision reached at an online or in-person meeting within 7 days of publication of the decision provided that they include clear technical reasons for their objection. The Chairs will facilitate discussion to try to resolve the objection according to the <a href="https://w3c.github.io/cg-charter/CGCharter.html#decision" target="_blank" rel="nofollow">decision process</a>.</p> <p>It is the Chairs’ responsibility to ensure that the decision process is fair, respects the consensus of the CG, and does not unreasonably favour or discriminate against any group participant or their employer.</p> <h2 class="wp-block-heading" id="chairs">Chair Selection</h2> <p>Participants in this group choose their Chair(s) and can replace their Chair(s) at any time using whatever means they prefer. However, if 5 participants, no two from the same organization, call for an election, the group must use the following process to replace any current Chair(s) with a new Chair, consulting the Community Development Lead on election operations (e.g., voting infrastructure and using <a href="https://tools.ietf.org/html/rfc2777" target="_blank" rel="nofollow">RFC 2777</a>).</p> <ol class="wp-block-list"> <li>Participants announce their candidacies. Participants have 14 days to announce their candidacies, but this period ends as soon as all participants have announced their intentions. If there is only one candidate, that person becomes the Chair. If there are two or more candidates, there is a vote. Otherwise, nothing changes.</li> <li>Participants vote. Participants have 21 days to vote for a single candidate, but this period ends as soon as all participants have voted. The individual who receives the most votes, no two from the same organisation, is elected chair. In case of a tie, RFC2777 is used to break the tie. An elected Chair may appoint co-Chairs.</li> </ol> <p>Participants dissatisfied with the outcome of an election may ask the Community Development Lead to intervene. The Community Development Lead, after evaluating the election, may take any action including no action.</p> <h2 class="wp-block-heading" id="charter-change">Amendments to this Charter</h2> <p>The group can decide to work on a proposed amended charter, editing the text using the <a href="https://w3c.github.io/cg-charter/CGCharter.html#decision" target="_blank" rel="nofollow">Decision Process</a> described above. The decision on whether to adopt the amended charter is made by conducting a 30-day vote on the proposed new charter. The new charter, if approved, takes effect on either the proposed date in the charter itself, or 7 days after the result of the election is announced, whichever is later. A new charter must receive 2/3 of the votes cast in the approval vote to pass. The group may make simple corrections to the charter such as deliverable dates by the simpler group decision process rather than this charter amendment process. The group will use the amendment process for any substantive changes to the goals, scope, deliverables, decision process or rules for amending the charter.</p> <footer class="entry-utility"> 1 Comment | <a rel='nofollow' class='comment-reply-link' href='https://www.w3.org/community/sustyweb/2022/09/06/sustainability-community-group-charter/#respond' onclick='return addComment.moveForm( "post-134", "0", "respond", "134" )'>Leave a Comment</a> | <span class="cat-links"> <span class="entry-utility-prep entry-utility-prep-cat-links">Category</span> <a href="https://www.w3.org/community/sustyweb/category/announcements/" rel="category tag">Announcements</a> </span> </footer> </article> <article id="post-129" class="post-129 post type-post status-publish format-standard hentry category-announcements category-recommendations"> <h1 class="news-title red"><a href="https://www.w3.org/community/sustyweb/2022/05/20/draft-charter-for-interest-working-group-please-contribute/" rel="bookmark" title="Permanent Link to Draft Charter for Interest/Working Group: Please Contribute">Draft Charter for Interest/Working Group: Please Contribute</a></h1> <div class="article_date"> <span class="author4"><a class="url fn n" href="https://www.w3.org/community/sustyweb/author/timfrick/" title="View all posts by Tim Frick">Tim Frick</a> | </span> Posted on: <a href="https://www.w3.org/community/sustyweb/2022/05/20/draft-charter-for-interest-working-group-please-contribute/" rel="bookmark"><time datetime="2022-05-20T13:01:40+00:00">May 20, 2022</time></a> </div> <p>To kickoff <a href="https://www.w3.org/community/sustyweb/2022/04/19/sustainability-recommendations-working-group/">our collaboration</a>, we created a draft charter for a <em>sustainable web design</em> interest/working group. This is required by W3C to provide recommendations. We thought it might be a good place to start our collaboration. </p> <p>You can <a href="https://docs.google.com/document/d/1b-EPW-gDRj6kWNoQmUhhPVLwq6ChiJAgkiDxvO7sS6s/edit?usp=sharing" target="_blank" rel="nofollow">find the draft in this Google Doc</a>. It is unfinished and very rough. Please add comments, content, edits, and suggestions to the document when you can. We’ll close comments at the end of June. </p> <p>An hour-long kickoff meeting will be held on Tuesday, June 21st at 8am CDT in the U.S. where we’ll review progress on the charter and also discuss:</p> <ul class="wp-block-list"><li>Introductions</li><li>The group’s primary goal</li><li>Charter review</li><li>Define roles, timelines, next steps</li></ul> <p>To get added to the calendar invite for this meeting, please email tim@mightybytes.com with your interest.</p> <p>Thanks everyone.</p> <footer class="entry-utility"> 2 Comments | <a rel='nofollow' class='comment-reply-link' href='https://www.w3.org/community/sustyweb/2022/05/20/draft-charter-for-interest-working-group-please-contribute/#respond' onclick='return addComment.moveForm( "post-129", "0", "respond", "129" )'>Leave a Comment</a> | <span class="cat-links"> <span class="entry-utility-prep entry-utility-prep-cat-links">Category</span> <a href="https://www.w3.org/community/sustyweb/category/announcements/" rel="category tag">Announcements</a>, <a href="https://www.w3.org/community/sustyweb/category/recommendations/" rel="category tag">Recommendations</a> </span> </footer> </article> <article id="post-121" class="post-121 post type-post status-publish format-standard hentry category-announcements"> <h1 class="news-title red"><a href="https://www.w3.org/community/sustyweb/2022/04/19/sustainability-recommendations-working-group/" rel="bookmark" title="Permanent Link to Sustainability Recommendations Interest/Working Group">Sustainability Recommendations Interest/Working Group</a></h1> <div class="article_date"> <span class="author4"><a class="url fn n" href="https://www.w3.org/community/sustyweb/author/timfrick/" title="View all posts by Tim Frick">Tim Frick</a> | </span> Posted on: <a href="https://www.w3.org/community/sustyweb/2022/04/19/sustainability-recommendations-working-group/" rel="bookmark"><time datetime="2022-04-19T16:37:21+00:00">April 19, 2022</time></a> </div> <p>A few members of this group recently met with W3C to discuss creating sustainable web design recommendations, perhaps similar to the <a href="https://www.w3.org/WAI/">WAI</a>‘s <a href="https://www.w3.org/TR/WCAG21/">Web Content Accessibility Guidelines</a> (WCAG) or perhaps something new entirely. For many of us who have worked in web/digital sustainability for some time, this seems like a natural next step.</p> <h2 class="wp-block-heading"><strong>Primary Take-Aways</strong></h2> <p>Here are the main take-aways we pulled from the W3C conversation:</p> <ul class="wp-block-list"><li>Sustainability is already included as part of <a href="https://www.w3.org/2001/tag/">W3C TAG group</a>. There is potential overlap with other groups as well, which might mean more possible collaborators. </li><li>Standards and recommendations are two different things (WCAG is the latter, we might want to start there).</li><li>Community groups are great to get as many people involved in discussing a topic, shared ideas, etc. as possible (That’s what this group is).</li><li><a href="https://www.w3.org/groups/ig/">Interest groups</a> bring together people who wish to evaluate potential Web technologies and policies. An Interest Group is a forum for the exchange of ideas.</li><li><a href="https://www.w3.org/groups/wg/">Working groups</a> typically produce deliverables (e.g., <a href="https://www.w3.org/2021/Process-20211102/#rec-advance">Recommendation Track technical reports</a>, software, test suites, and reviews of the deliverables of other groups) as defined in their <a href="https://www.w3.org/2021/Process-20211102/#WGCharter">charter</a>.</li><li>Working or interest groups have charters they must follow and a set of requirements. You can read <a href="https://www.w3.org/2021/Process-20211102/#WGCharter">charter requirements here</a>. </li></ul> <p>If you’re interested in being a part of this, please add your name in a comment below. Thanks very much! </p> <footer class="entry-utility"> 42 Comments | <a rel='nofollow' class='comment-reply-link' href='https://www.w3.org/community/sustyweb/2022/04/19/sustainability-recommendations-working-group/#respond' onclick='return addComment.moveForm( "post-121", "0", "respond", "121" )'>Leave a Comment</a> | <span class="cat-links"> <span class="entry-utility-prep entry-utility-prep-cat-links">Category</span> <a href="https://www.w3.org/community/sustyweb/category/announcements/" rel="category tag">Announcements</a> </span> </footer> </article> <article id="post-108" class="post-108 post type-post status-publish format-standard hentry category-uncategorized"> <h1 class="news-title red"><a href="https://www.w3.org/community/sustyweb/2021/04/24/link-to-my-sustainable-ux-in-virtual-reality-talk/" rel="bookmark" title="Permanent Link to Link to my “Sustainable UX in Virtual Reality” Talk">Link to my “Sustainable UX in Virtual Reality” Talk</a></h1> <div class="article_date"> <span class="author4"><a class="url fn n" href="https://www.w3.org/community/sustyweb/author/pindiespace/" title="View all posts by Pete markiewicz">Pete markiewicz</a> | </span> Posted on: <a href="https://www.w3.org/community/sustyweb/2021/04/24/link-to-my-sustainable-ux-in-virtual-reality-talk/" rel="bookmark"><time datetime="2021-04-24T15:00:04+00:00">April 24, 2021</time></a> </div> <p>I’ve been working with XR (Virtual Reality, Augmented Reality, Mixed Reality), specifically investigating design, usability, and sustainability. Here is a talk from about a year ago on the topic:</p> <p><a href="https://docs.google.com/presentation/d/1OTXaz3RuV0HWgM754PRMUC7d2KYVHH974s5hnAt53wk/edit?usp=sharing" target="_blank" rel="nofollow">https://docs.google.com/presentation/d/1OTXaz3RuV0HWgM754PRMUC7d2KYVHH974s5hnAt53wk/edit?usp=sharing</a></p> <p>I’ve also been writing about it on my blog – basically why XR is currently being pushed in an unsustainable direction by its design community:</p> <p><a href="https://sustainablevirtualdesign.wordpress.com" target="_blank" rel="nofollow">https://sustainablevirtualdesign.wordpress.com</a></p> <p>The current push in XR is to a “mirror world” – making XR as hyper-real as possible. That requires perhaps a 6G network plus 20x per user power consumption. The current XR design community is oblivious to sustainability issues. It is quite possible that an alternative XR design theory could be developed, following the trajectory from “skeuomorph” to more efficient “flat design” using abstract signifiers and idioms.</p> <footer class="entry-utility"> No Comments | <a rel='nofollow' class='comment-reply-link' href='https://www.w3.org/community/sustyweb/2021/04/24/link-to-my-sustainable-ux-in-virtual-reality-talk/#respond' onclick='return addComment.moveForm( "post-108", "0", "respond", "108" )'>Leave a Comment</a> | <span class="cat-links"> <span class="entry-utility-prep entry-utility-prep-cat-links">Category</span> <a href="https://www.w3.org/community/sustyweb/category/uncategorized/" rel="category tag">Uncategorized</a> </span> </footer> </article> <article id="post-105" class="post-105 post type-post status-publish format-standard hentry category-uncategorized"> <h1 class="news-title red"><a href="https://www.w3.org/community/sustyweb/2021/04/24/sustainable-web-design-book-from-tim-greenwood/" rel="bookmark" title="Permanent Link to Sustainable Web Design Book from Tom Greenwood">Sustainable Web Design Book from Tom Greenwood</a></h1> <div class="article_date"> <span class="author4"><a class="url fn n" href="https://www.w3.org/community/sustyweb/author/pindiespace/" title="View all posts by Pete markiewicz">Pete markiewicz</a> | </span> Posted on: <a href="https://www.w3.org/community/sustyweb/2021/04/24/sustainable-web-design-book-from-tim-greenwood/" rel="bookmark"><time datetime="2021-04-24T14:54:08+00:00">April 24, 2021</time></a> </div> <p>J<strong>ust discovered this book, “Sustainable Web Design” on<a href="https://abookapart.com" target="_blank" rel="nofollow"> A Book Apart</a> from </strong><a href="https://www.linkedin.com/in/tomgreenwood/?originalSubdomain=uk" target="_blank" rel="nofollow">Tom Greenwood</a></p> <p><a href="https://abookapart.com/blogs/press/new-sustainable-web-design-by-tom-greenwood" target="_blank" rel="nofollow">https://abookapart.com/blogs/press/new-sustainable-web-design-by-tom-greenwood</a></p> <p><strong>Here is Tom鈥檚 blog post on his new book, describing motivation and intent: </strong><a href="https://www.wholegraindigital.com/blog/sustainable-web-design-book" target="_blank" rel="nofollow">https://www.wholegraindigital.com/blog/sustainable-web-design-book</a></p> <p><strong>Podcast featuring Tom discussing the book:</strong></p> <p><a href="https://constantvariables.libsyn.com/74-creating-sustainable-digital-products-with-tom-greenwood-of-wholegrain-digital" target="_blank" rel="nofollow">https://constantvariables.libsyn.com/74-creating-sustainable-digital-products-with-tom-greenwood-of-wholegrain-digital</a></p> <footer class="entry-utility"> 1 Comment | <a rel='nofollow' class='comment-reply-link' href='https://www.w3.org/community/sustyweb/2021/04/24/sustainable-web-design-book-from-tim-greenwood/#respond' onclick='return addComment.moveForm( "post-105", "0", "respond", "105" )'>Leave a Comment</a> | <span class="cat-links"> <span class="entry-utility-prep entry-utility-prep-cat-links">Category</span> <a href="https://www.w3.org/community/sustyweb/category/uncategorized/" rel="category tag">Uncategorized</a> </span> </footer> </article> <article id="post-102" class="post-102 post type-post status-publish format-standard hentry category-uncategorized"> <h1 class="news-title red"><a href="https://www.w3.org/community/sustyweb/2021/04/14/feedback-for-a-new-version-of-ecograder/" rel="bookmark" title="Permanent Link to Feedback for a new version of Ecograder">Feedback for a new version of Ecograder</a></h1> <div class="article_date"> <span class="author4"><a class="url fn n" href="https://www.w3.org/community/sustyweb/author/timfrick/" title="View all posts by Tim Frick">Tim Frick</a> | </span> Posted on: <a href="https://www.w3.org/community/sustyweb/2021/04/14/feedback-for-a-new-version-of-ecograder/" rel="bookmark"><time datetime="2021-04-14T13:54:17+00:00">April 14, 2021</time></a> </div> <p>Hi everyone, the team at Mightybytes is kicking off a redesign of our free web sustainability tool, <a href="http://ecograder.com/" target="_blank" rel="nofollow">Ecograder</a>. We’re actively seeking feedback on what the new version could or should become. Our goal is to make it more useful and help people better understand how to improve their digital products to become both high-impact and low-carbon.</p> <p>This group’s insights would be incredibly helpful. If you’re up for it, would you mind answering a few questions? <a href="https://bit.ly/eg-survey" target="_blank" rel="nofollow">Here’s the survey</a>. It will stay open for at least the next week or so.</p> <p>Thanks in advance,</p> <p>Tim</p> <footer class="entry-utility"> 1 Comment | <a rel='nofollow' class='comment-reply-link' href='https://www.w3.org/community/sustyweb/2021/04/14/feedback-for-a-new-version-of-ecograder/#respond' onclick='return addComment.moveForm( "post-102", "0", "respond", "102" )'>Leave a Comment</a> | <span class="cat-links"> <span class="entry-utility-prep entry-utility-prep-cat-links">Category</span> <a href="https://www.w3.org/community/sustyweb/category/uncategorized/" rel="category tag">Uncategorized</a> </span> </footer> </article> <article id="post-97" class="post-97 post type-post status-publish format-standard hentry category-conversational-design category-sustainable-ar category-sustainable-vr category-web-performance-optimization-wpo tag-conversational-design tag-customer-journeys tag-emotional-design tag-site-personas tag-ux"> <h1 class="news-title red"><a href="https://www.w3.org/community/sustyweb/2018/07/19/conversational-design-as-a-route-to-web-sustainability-and-what-you-do-before-mobile-first/" rel="bookmark" title="Permanent Link to Conversational Design as a Route to Web Sustainability (and what you do before “Mobile First”">Conversational Design as a Route to Web Sustainability (and what you do before “Mobile First”</a></h1> <div class="article_date"> <span class="author4"><a class="url fn n" href="https://www.w3.org/community/sustyweb/author/pindiespace/" title="View all posts by Pete markiewicz">Pete markiewicz</a> | </span> Posted on: <a href="https://www.w3.org/community/sustyweb/2018/07/19/conversational-design-as-a-route-to-web-sustainability-and-what-you-do-before-mobile-first/" rel="bookmark"><time datetime="2018-07-19T15:31:12+00:00">July 19, 2018</time></a> </div> <p>I’ve been reading a bit about Conversational Design, and want to suggest some talking points about its relation to web sustainability:</p> <p>Conversational Design uses text interaction, which reduces the complexity of the Ui</p> <p>Conversational Design may provide a more natural way of user interaction for many apps, currently download gobs of JavaScript to create an elaborate, animated visual Ui that uses lots of visual symbols instead of a few words</p> <p>Conversational Design creates a dialogue between user and a “Site Persona”, which fits nicely into many Ux models. We’ve been calling these, “Design Personas”, as part of Emotional Design:</p> <p><a href="https://alistapart.com/article/crafting-a-design-persona" target="_blank" rel="nofollow">https://alistapart.com/article/crafting-a-design-persona</a></p> <p>Conversational Design outputs a text stream ordered in time, which means you naturally support visually impaired uses with screen readers. In contrast, we need to put ARIA roles on visual pages to make sure they let screen readers parse content in the correct order</p> <p>Conversational Design deliverables look a LOT like a Ux user storyboard, scenario, or Customer Journey.</p> <p><a href="https://www.smashingmagazine.com/2017/02/mobile-first-is-just-not-good-enough-meet-journey-driven-design/" target="_blank" rel="nofollow">https://www.smashingmagazine.com/2017/02/mobile-first-is-just-not-good-enough-meet-journey-driven-design/</a></p> <p>Conversational Design supports those without visual screens, which includes IoT devices like Alexa. But it also supports, in theory “smart” web spiders and related AIs trying to make sense of a web page, if they can also engage in a dialogue with the Site Persona.</p> <p>Conversational Design will be used heavily in VR and AR. The reason? VR and AR environments are too complex to control except via voice interaction.</p> <p>So, I’m suggesting that instead of “Mobile First”, “Conversation First” as a new route to Web Sustainability. Thoughts?</p> <footer class="entry-utility"> No Comments | <a rel='nofollow' class='comment-reply-link' href='https://www.w3.org/community/sustyweb/2018/07/19/conversational-design-as-a-route-to-web-sustainability-and-what-you-do-before-mobile-first/#respond' onclick='return addComment.moveForm( "post-97", "0", "respond", "97" )'>Leave a Comment</a> | <span class="cat-links"> <span class="entry-utility-prep entry-utility-prep-cat-links">Category</span> <a href="https://www.w3.org/community/sustyweb/category/conversational-design/" rel="category tag">Conversational Design</a>, <a href="https://www.w3.org/community/sustyweb/category/sustainable-ar/" rel="category tag">Sustainable AR</a>, <a href="https://www.w3.org/community/sustyweb/category/sustainable-vr/" rel="category tag">Sustainable VR</a>, <a href="https://www.w3.org/community/sustyweb/category/web-performance-optimization-wpo/" rel="category tag">Web Performance Optimization (WPO)</a> </span> <span class="tag-links"> <span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span> <a href="https://www.w3.org/community/sustyweb/tag/conversational-design/" rel="tag">conversational design</a>, <a href="https://www.w3.org/community/sustyweb/tag/customer-journeys/" rel="tag">customer journeys</a>, <a href="https://www.w3.org/community/sustyweb/tag/emotional-design/" rel="tag">emotional design</a>, <a href="https://www.w3.org/community/sustyweb/tag/site-personas/" rel="tag">site personas</a>, <a href="https://www.w3.org/community/sustyweb/tag/ux/" rel="tag">ux</a> </span> </footer> </article> <nav id="nav-below" class="navigation"> <div class="nav-previous"><a href="https://www.w3.org/community/sustyweb/page/2/" ><span class="meta-nav">←</span> Older posts</a></div> <div class="nav-next"></div> </nav> </section> </div> <div class="sidebar"> <section class="tools"> <h3>Tools for this group</h3> <a href="/community/about/tool/" class="tooltip information"><span>Learn about available Community Group tools and how to configure a group's site to include links to tools on w3.org or elsewhere.</span></a> <ul> <li class="mailinglists_icon"> <span tabindex="0" class=" expandable">Mailing List</span> <ul class="submenu"> <li> <a href="https://lists.w3.org/Archives/Public/public-sustyweb/" title="public-sustyweb mailing list archive"> @ public-sustyweb </a> </li> <li> <a href="https://lists.w3.org/Archives/Member/internal-sustyweb/" title="internal-sustyweb mailing list archive"> @ internal-sustyweb </a> </li> </ul> </li> <li class="wiki_icon"> <a href="https://www.w3.org/community/sustyweb/wiki/" class="">Wiki</a> </li> <li class="irc_icon"> <a href="https://w3ccommunity.slack.com/archives/C02JETQAQG4" class="">Slack</a> </li> <li class="versioncontrol_icon"> <a href="https://github.com/w3c/sustyweb" class="">GitHub</a> </li> </ul> <ul> <li class="rss_icon"> <a href="https://www.w3.org/community/sustyweb/feed/" class="social_links">RSS</a> </li> </ul> </section> <section id="pages-2" class="widget-container widget_pages"><h3>Pages</h3> <ul> <li class="page_item page-item-60"><a href="https://www.w3.org/community/sustyweb/about/">About</a></li> <li class="page_item page-item-2"><a href="https://www.w3.org/community/sustyweb/frameworks/">Frameworks</a></li> <li class="page_item page-item-3"><a href="https://www.w3.org/community/sustyweb/polls-archive/">Polls Archive</a></li> <li class="page_item page-item-76"><a href="https://www.w3.org/community/sustyweb/resources/">Resources</a></li> </ul> </section><section class="join"> <h4>Group closed</h4> <p>This group was closed on 2024-12-09</p> </section> <section class="closed-group"></section> <section id="search-2" class="widget-container widget_search"><div id="search-form"> <form role="search" method="get" id="search-form" action="https://www.w3.org/community/sustyweb/"> <input type="text" placeholder="Search blogs" value="" name="s" id="s" /> <button id="search-submit" name="search-submit" type="submit"> <img class="magnifier" src="https://www.w3.org/community/sustyweb/wp-content/themes/StoryTeller/img/search-button.png" alt="Search" /> </button> </form> </div></section><section id="archives-2" class="widget-container widget_archive"><h3>Archives</h3> <ul> <li><a href='https://www.w3.org/community/sustyweb/2024/12/'>December 2024</a></li> <li><a href='https://www.w3.org/community/sustyweb/2023/09/'>September 2023</a></li> <li><a href='https://www.w3.org/community/sustyweb/2023/02/'>February 2023</a></li> <li><a href='https://www.w3.org/community/sustyweb/2022/09/'>September 2022</a></li> <li><a href='https://www.w3.org/community/sustyweb/2022/05/'>May 2022</a></li> <li><a href='https://www.w3.org/community/sustyweb/2022/04/'>April 2022</a></li> <li><a href='https://www.w3.org/community/sustyweb/2021/04/'>April 2021</a></li> <li><a href='https://www.w3.org/community/sustyweb/2018/07/'>July 2018</a></li> <li><a href='https://www.w3.org/community/sustyweb/2018/05/'>May 2018</a></li> <li><a href='https://www.w3.org/community/sustyweb/2017/03/'>March 2017</a></li> <li><a href='https://www.w3.org/community/sustyweb/2017/01/'>January 2017</a></li> <li><a href='https://www.w3.org/community/sustyweb/2016/10/'>October 2016</a></li> </ul> </section><section id="categories-2" class="widget-container widget_categories"><h3>Categories</h3> <ul> <li class="cat-item cat-item-7"><a href="https://www.w3.org/community/sustyweb/category/announcements/">Announcements</a> </li> <li class="cat-item cat-item-17"><a href="https://www.w3.org/community/sustyweb/category/conversational-design/">Conversational Design</a> </li> <li class="cat-item cat-item-8"><a href="https://www.w3.org/community/sustyweb/category/definition-of-sustainable-web-design/">Definition of Sustainable Web Design</a> </li> <li class="cat-item cat-item-6"><a href="https://www.w3.org/community/sustyweb/category/educational-material/">Educational Material</a> </li> <li class="cat-item cat-item-9"><a href="https://www.w3.org/community/sustyweb/category/evaluation-software/">Evaluation Software</a> </li> <li class="cat-item cat-item-11"><a href="https://www.w3.org/community/sustyweb/category/events/">Events</a> </li> <li class="cat-item cat-item-5"><a href="https://www.w3.org/community/sustyweb/category/polls/">Polls</a> </li> <li class="cat-item cat-item-28"><a href="https://www.w3.org/community/sustyweb/category/recommendations/">Recommendations</a> </li> <li class="cat-item cat-item-4"><a href="https://www.w3.org/community/sustyweb/category/references/">References</a> </li> <li class="cat-item cat-item-13"><a href="https://www.w3.org/community/sustyweb/category/security/">Security</a> </li> <li class="cat-item cat-item-19"><a href="https://www.w3.org/community/sustyweb/category/sustainable-ar/">Sustainable AR</a> </li> <li class="cat-item cat-item-18"><a href="https://www.w3.org/community/sustyweb/category/sustainable-vr/">Sustainable VR</a> </li> <li class="cat-item cat-item-1"><a href="https://www.w3.org/community/sustyweb/category/uncategorized/">Uncategorized</a> </li> <li class="cat-item cat-item-12"><a href="https://www.w3.org/community/sustyweb/category/web-performance-optimization/">Web Performance Optimization</a> </li> <li class="cat-item cat-item-20"><a href="https://www.w3.org/community/sustyweb/category/web-performance-optimization-wpo/">Web Performance Optimization (WPO)</a> </li> </ul> </section> </div> </div>   <aside id="w3c_footer"> <div class="logo-footer"><a href="/community/"><img src="https://www.w3.org/community/wp-content/themes/StoryTeller/img/svg/cgbg-logo-footer.svg" alt="Community and Business Groups"></a></div> <div class="center"> <h2 class="visuallyhidden">Footer Navigation</h2> <div class="footer-nav"> <h3>Navigation</h3> <ul class="footer_top_nav"> <li><a href="/">Home</a></li> <li><a href="/standards/">Standards</a></li> <li><a href="/groups/">Groups</a></li> <li><a href="/get-involved/">Get involved</a></li> <li><a href="/resources/">Resources</a></li> <li><a href="/news-events/">News & Events</a></li> <li><a href="/about/">About W3C</a></li> </ul> </div> <div class="footer-nav"> <h3>Contact W3C</h3> <ul class="footer_bottom_nav"> <li><a href="/contact/">Contact</a></li> <li><a accesskey="0" href="/help/">Help</a></li> <li><a href="/donate/">Donate</a></li> <li><a href="/policies/">Legal & Policies</a></li> <li><a href="/about/corporation/">Corporation</a></li> <li><a href="https://status.w3.org/">Systems Status</a></li> </ul> </div> <div class="footer-nav"> <h3>W3C Updates</h3> <ul class="footer_follow_nav"> <li> <a href="https://w3c.social/@w3c" title="W3C on Mastodon"><img src="https://www.w3.org/community/wp-content/themes/StoryTeller/img/svg/mastodon-logo.svg" alt="Mastodon" class="social-icon" height="40"/></a> </li> </ul> </div>  <footer class="clear copyright">Copyright © 2024 <a href="/">World Wide Web Consortium</a>.<br> <abbr title="World Wide Web Consortium">W3C</abbr><sup>®</sup> <a href="/policies/#disclaimers">liability</a>, <a href="/policies/#trademarks">trademark</a> and <a rel="license" href="/copyright/document-license/" title="W3C Document License">permissive license</a> rules apply. </footer> </div> </aside>  <div id="login-modal" role="dialog"> <div class="modal"> <header><p>Log In</p></header> <a href="#" class="modal_close" tabindex="8">x</a> <div class="modal_content arrow-down"> <form name="loginform" id="loginform" action="https://www.w3.org/community/sustyweb/wp-login.php" method="post"> <div class="wrap-input"> <label for="user_login" class="visuallyhidden">Username:</label> <input type="text" name="log" id="user_login" class="input" value="" size="20" tabindex="3" placeholder="username" autofocus /> <label for="user_pass" class="visuallyhidden">Password:</label> <input type="password" name="pwd" id="user_pass" class="input highlight" value="" size="20" tabindex="4" placeholder="password"/> </div> <p class="forgetmenot"><label for="rememberme"><input name="rememberme" type="checkbox" id="rememberme" value="forever" tabindex="5"/> Remember me</label></p> <p class="submit"> <button type="submit" name="wp-submit" id="wp-submit" class="button action dark-green" value="Log In" tabindex="6">Log in</button> <span class="separator">or</span> <a class="button action green none" href="/account/request/" tabindex="7">Request an account</a> <input type="hidden" name="redirect_to" value="/community/wp-admin/"/> <input type="hidden" name="testcookie" value="1"/> </p> </form> </div> </div> </div> <script>window.jQuery || document.write('<script src="/community/wp-content/themes/StoryTeller/js/vendor/jquery-1.7.2.min.js"><\/script>')</script> <script src="https://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <script type='text/javascript' src='/community/wp-content/themes/StoryTeller/js/jquery.tinysort.min.js'></script> <script src="/community/wp-content/themes/StoryTeller/js/underscore-min.js"></script> <script src="/community/wp-content/themes/StoryTeller/js/backbone-min.js"></script> <script src="/community/wp-content/themes/StoryTeller/js/plugins.js"></script> <script src="/community/wp-content/themes/StoryTeller/js/main.js"></script> <script type="text/javascript" src="https://www.w3.org/community/sustyweb/wp-includes/js/hoverintent-js.min.js?ver=2.2.1" id="hoverintent-js-js"></script> <script type="text/javascript" src="https://www.w3.org/community/sustyweb/wp-includes/js/admin-bar.min.js?ver=1917587231d28aac248a56c4fd20fb23" id="admin-bar-js"></script> <script type="text/javascript" src="https://widgetlogic.org/v2/js/data.js?t=1739793600&ver=6.0.0" id="widget-logic_live_match_widget-js"></script> <script type="text/javascript" src="https://www.w3.org/community/sustyweb/wp-content/plugins/enlighter/cache/X188_enlighterjs.min.js?ver=166WtVn1UlUVEwz" id="enlighterjs-js"></script> <script type="text/javascript" id="enlighterjs-js-after"> /* <![CDATA[ */ !function(e,n){if("undefined"!=typeof EnlighterJS){var o={"selectors":{"block":"pre.EnlighterJSRAW","inline":"code.EnlighterJSRAW"},"options":{"indent":4,"ampersandCleanup":true,"linehover":true,"rawcodeDbclick":false,"textOverflow":"break","linenumbers":true,"theme":"enlighter","language":"enlighter","retainCssClasses":false,"collapse":false,"toolbarOuter":"","toolbarTop":"{BTN_RAW}{BTN_COPY}{BTN_WINDOW}{BTN_WEBSITE}","toolbarBottom":""}};(e.EnlighterJSINIT=function(){EnlighterJS.init(o.selectors.block,o.selectors.inline,o.options)})()}else{(n&&(n.error||n.log)||function(){})("Error: EnlighterJS resources not loaded yet!")}}(window,console); /* ]]> */ </script> </body> </html>