CINXE.COM
Dr. Matt Lee (mattl) – Web standards, accessibility, free/open source software, old UNIX/TV/Music and occasional wargaming. Powered by Ametys CMS
<!DOCTYPE html> <html lang="en"> <head> <title>Dr. Matt Lee (mattl) – Web standards, accessibility, free/open source software, old UNIX/TV/Music and occasional wargaming. Powered by Ametys CMS </title> <meta name="robots" content="index,follow"> <meta name="generator" content="JOVE"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="fediverse:creator" content="@mattl@social.coop"> <meta charset="utf-8"> <meta property="og:type" content="website"> <meta property="og:title" content="Dr. Matt Lee (mattl)"> <meta property="og:description" content="Web standards, accessibility, free/open source software, old UNIX/TV/Music and occasional wargaming. Powered by Opera Dragonfly"> <meta http-equiv="Content-Security-Policy" content="script-src 'none'; object-src 'none'"> <link rel="icon" href="https://mat.tl/img/mattl-transparent.png"> <link rel="apple-touch-icon-precomposed" href="https://mat.tl/img/mattl-transparent.png"> <meta name="mobile-web-app-capable" content="yes"> <link rel="me" href="https://social.coop/@mattl"> <link rel="me" href="https://bsky.app/profile/mat.tl"> <link rel="me" href="https://github.com/mattl"> <link rel="me" href="https://micro.blog/mattl"> <link rel="me" href="https://mat.tl"> <link rel="me" href="https://libre.fm/user/mattl"> <link rel="me" href="https://lounge.nintendo.com/friendcode/1232-7332-6150/Crx7KrdM8L"> <link rel="alternate" type="application/rss+xml" title="Dr. Matt Lee blog" href="https://mat.tl/feed/index.xml"> <style> body { background-color: whitesmoke; color: black; font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; font-size: large !important; max-width: 468px; padding-left: 10px !important; padding-right: 10px !important; line-height: 1.4em; } a:link {color: blue} a:visited {color: rebeccapurple} a:hover {color: red} .a11y-helper { position: fixed; top: 1rem; left: -999em; z-index: 11; -moz-appearance: none; -webkit-appearance: none; background-color: transparent; border: 1px solid black; border-radius: 0.6rem; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; max-width: 100%; display: inline-block; margin: 0; padding: 0.3em 0.8em; font-weight: 500; text-decoration: none; border-radius: 3rem; white-space: nowrap; background-color: transparent; color: blue !important; border: 1px solid red; transition: background-color 150ms ease; &:focus { left: 1rem; background: white; } } :focus-visible { outline: none; box-shadow: 0 0 0 3px hsla(220, 100%, 50%, 80%); transition: box-shadow 0.6s ease; } pre > code { background: blue; color: yellow; } label {display: none;} figure, img { width: 100%; max-width: 360px !important; display: inline-table; margin: 12px auto; width: auto; height: auto; } .content-body p {text-wrap: balance;} .kg-blockquote-alt { text-align: center; font-size: x-large; line-height: 1.6em; margin: 0; padding: 0; border-left: 12px solid maroon; padding-left: 24px; } h1, h2, h3, h4, h5, h6 { color: black; line-height: 1.4em; } h1 { margin-top: 10px; } dt { font-weight: bold; text-decoration: underline; margin-bottom: 0.4em; } dd { margin: 0; padding: 0 0 0.5em 0; margin-bottom: 1em; } @media (prefers-color-scheme: dark) { body { background-color: #111; color: whitesmoke; } a:link { color: yellow; } a:visited { color: violet; } a:hover { background: lime; color: black; } h1, h2, h3, h4, h5, h6 { color: white; } #menu { background-color: #ededed; } #menuToggle a { color: #111; } pre > code { background: black; color: limegreen; } } </style> <meta name="description" content="Web standards, accessibility, free/open source software, old UNIX/TV/Music and occasional wargaming. Powered by b2evolution"> </head> <body> <a href="#main" class="a11y-helper" tabindex="0">Skip to main content</a> <header> <h1 id="name"> <a rel="me" class="p-name u-url" href="https://mat.tl/"><span class="p-honorific-prefix">Dr.</span> Matt Lee</a> </h1> <div id="profile-picture-container"> <img class="u-photo" alt="" id="profile-picture" src="https://mat.tl/img/mattl-transparent.png" height="248" width="250" style="width: 250px !important"> </div> <p class="metadata p-job-title" id="occupation"> <i class="fa-solid fa-fw fa-briefcase"></i> Web standards and accessibility specialist </p> <p class="metadata p-region" id="location"> <i class="fa-solid fa-fw fa-location-dot"></i> New England/Cyberspace </p> </header> <main id="main" tabindex="0" class="h-card"> <p><strong>Latest blog post:</strong> <a href="/blog/2024/11/04/how-can-we-reduce-technical-burdens-to-reporting-bugs/">How can we reduce technical burdens to reporting bugs?</a></p> <div class="p-note" id="bio"> <h2>About me</h2> <ul> <li> Public figure/idiot. </li> <li> Fediverse co-creator. Co-founder <a href="https://libre.fm">Libre.fm</a> and <a href="https://en.wikipedia.org/wiki/GNU_social">GNU social</a>. </li> <li> Advisor: <a href="https://socialwebfoundation.org/">Social Web Foundation</a> </li> <li> Formerly <a href="https://wpt.fyi">wpt.fyi</a>, GitLab, Creative Commons, Free Software Foundation. </li> <li> New American/middle aged British. </li> <li> Internaut/Netizen. </li> <li> <a class="u-url" rel="me" href="https://orangumovie.com">Director and co-writer of monkey movies and monkey movie tie-in books</a> </li> <li> Interested in <a href="/wargaming">tabletop wargames</a> and old UNIX, old movies, old TV, old video games, old music. </li> </ul> <p><a rel="me" href="/about">More about Dr. Matt Lee</a></p> </div> </main> <footer id="footer"> <hr> <p>Copyright © 1993-2025 <a rel="me" href="https://mat.tl">Dr. Matt Lee</a>. <a href="/blog/archives/">Blog Archive</a></p> <address>Something not working? <a href="mailto:mattl@cnuk.org">mattl@cnuk.org</a></address> <p>No part of this website may be used or reproduced in any manner for the purpose of training artificial intelligence technologies or systems. That includes you, Alexis.</p> <p>This work is licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/" rel="license">CC BY-SA 4.0</a> unless otherwise stated or it doesn't have my name on it.</p> <p><a href="https://home.omg.lol/referred-by/mattl">Powered by omg.lol</a>, <a href="https://www.11ty.dev/">Eleventy</a>, <a href="http://ghost.org">Ghost</a>, <a href="https://indieweb.org">IndieWeb</a>, <a href="http://www.bytemark.co.uk">Bytemark</a> and <a href="https://archive.org/">The Internet Archive</a> and a cameo appearance from ne because why not?</p> <p><small><a href="https://github.com/foocorp/hacienda">The Hacienda must be built</a> | <a href="http://no-ai.club">Say no to AI</a> | <a href="http://1800www.com">3 steps to get a personal website</a> | <a href="https://bored.city">We are bored in the city, there is no longer any Temple of the Sun.</a></small></p> </footer> </body> </html>