Flat
Join

Code

GPL v3 or later · 54 files · 1.2 MB

Read me What changed Versions and downloads

top / docs

docs/accessibility.html · 7.0 KB · raw

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Accessibility: Lightmorphic Flat</title> <meta name="description" content="How this website and Lightmorphic Flat aim to work for everyone, and how to tell us when they do not."> <link rel="canonical" href="https://flat.lightmorphic.com/accessibility.html"> <link rel="icon" href="images/flat.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="images/flat-512.png"> <link rel="preload" href="fonts/Manrope-VariableFont_wght.ttf" as="font" type="font/ttf" crossorigin> <link rel="stylesheet" href="style.css"> <meta name="theme-color" content="#09090b"> <meta property="og:title" content="Accessibility: Lightmorphic Flat"> <meta property="og:description" content="How this website and Lightmorphic Flat aim to work for everyone, and how to tell us when they do not."> <meta property="og:url" content="https://flat.lightmorphic.com/accessibility.html"> <meta property="og:image" content="https://flat.lightmorphic.com/images/flat-512.png"> <meta property="og:image:width" content="512"> <meta property="og:image:height" content="512"> <meta property="og:type" content="article"> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Accessibility: Lightmorphic Flat"> <meta name="twitter:description" content="How this website and Lightmorphic Flat aim to work for everyone, and how to tell us when they do not."> <meta name="twitter:image" content="https://flat.lightmorphic.com/images/flat-512.png"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebPage", "@id": "https://flat.lightmorphic.com/accessibility.html", "url": "https://flat.lightmorphic.com/accessibility.html", "name": "Accessibility", "description": "How this website and Lightmorphic Flat aim to work for everyone, and how to tell us when they do not.", "inLanguage": "en-GB", "dateModified": "2026-09-19", "isPartOf": { "@id": "https://flat.lightmorphic.com/#website" } } </script> </head> <body> <a class="skip" href="#main">Skip to content</a> <nav class="topnav"> <div class="wrap topnav-inner"> <a class="brand" href="./"> <svg viewBox="0 0 512 512" width="22" height="22" aria-hidden="true"><rect x="10" y="10" width="492" height="492" rx="120" fill="#fbc711"/><rect x="130" y="279" width="251" height="125" rx="28" fill="none" stroke="#111827" stroke-width="30"/><path d="M256 105V264m0 0-55-55M256 264l55-55" fill="none" stroke="#111827" stroke-width="30" stroke-linecap="round" stroke-linejoin="round"/></svg> Lightmorphic Flat </a> <div class="nav-links"> <a class="hide-sm" href="./#how">How it works</a> <a class="hide-sm" href="./#keep">Fresh or keep</a> <a class="hide-sm" href="./#limits">Limits</a> <a class="hide-sm" href="./#faq">Questions</a> <a href="./#download">Download</a> <div id="all-apps"></div> </div> </div> </nav> <main id="main"> <section class="legal-page"> <div class="wrap"> <h1>Accessibility</h1> <p class="updated">Last updated 19 September 2026.</p> <div class="legal-body"> <h2>Our aim</h2> <p>This website is intended to conform to the <a href="https://www.w3.org/TR/WCAG21/">Web Content Accessibility Guidelines 2.1</a> at level AA.</p> <h2>What we have done</h2> <ul> <li>Every page works from the keyboard alone, and the focus outline is visible against the background at every step.</li> <li>Text and background colours meet the level AA contrast thresholds.</li> <li>Headings are in order, landmarks are marked up, and each page starts with a skip link.</li> <li>Links and buttons have touch targets of at least 44 by 44 pixels.</li> <li>Screenshots have text descriptions; decorative graphics are hidden from screen readers.</li> <li>The layout reflows to a narrow screen without horizontal scrolling, down to 320 pixels wide.</li> <li>Nothing moves, flashes or auto-plays.</li> </ul> <h2>Known limitations</h2> <p>The grid-of-dots launcher in the top bar, which lists our other applications, is supplied by a shared script rather than written for this page. We believe it to be keyboard operable, but it has not been through the same testing as the rest of the site.</p> <h2>The application</h2> <p>Lightmorphic Flat is built from ordinary buttons, tick boxes and switches, each with a visible focus outline and a text label, and it can be used from the keyboard. Anything that changes an app's data asks for a second, deliberate click rather than a pop-up. Its interface has not been formally audited against a desktop accessibility standard.</p> <h2>Telling us about a problem</h2> <p>If something on this site or in the application shuts you out, we want to know, and we will fix it. Write to <a href="mailto:complaints@lightmorphic.com">complaints@lightmorphic.com</a> and say what you were trying to do and what got in the way.</p> <p>This statement was prepared on 19 September 2026 based on our own testing of the site.</p> </div> </div> </section> </main> <footer class="foot"> <div class="wrap foot-inner"> <div class="foot-brand"> <a class="foot-lockup" href="./"> <svg viewBox="0 0 512 512" width="26" height="26" aria-hidden="true"><rect x="10" y="10" width="492" height="492" rx="120" fill="#fbc711"/><rect x="130" y="279" width="251" height="125" rx="28" fill="none" stroke="#111827" stroke-width="30"/><path d="M256 105V264m0 0-55-55M256 264l55-55" fill="none" stroke="#111827" stroke-width="30" stroke-linecap="round" stroke-linejoin="round"/></svg> Lightmorphic Flat </a> <p class="foot-tagline">Your Flatpak apps and their settings, onto any Linux machine. Keep a list of the apps you always want, back up the ones whose settings matter, and put the lot on a fresh install with one button.</p> </div> <nav class="foot-nav" aria-label="Footer"> <p class="foot-nav-title">Pages</p> <div class="foot-nav-links"> <a href="./#how">How it works</a> <a href="./#keep">Fresh or keep</a> <a href="./#limits">Limits</a> <a href="./#faq">Questions</a> <a href="./#download">Download</a> <a href="https://lightmorphic.com">Lightmorphic</a> </div> </nav> </div> </footer> <div class="legal"> <div class="wrap legal-inner"> <p class="legal-text"> &copy; Lightmorphic Ltd. Registered in England and Wales, company number 17423646.<br> Registered office: 82A James Carter Road, Mildenhall, IP28 7DE.<br> Page last updated: 19 September 2026. </p> <nav class="legal-links" aria-label="Legal"> <a href="privacy.html">Privacy</a> <a href="cookies.html">Cookies</a> <a href="terms.html">Terms</a> <a href="accessibility.html">Accessibility</a> <a href="complaints.html">Complaints</a> </nav> </div> </div> <script src="https://apps.lightmorphic.com/launcher.js" defer></script> </body> </html>