perf: add CDN preconnect, improve canvas accessibility

- Preconnect hint for jsdelivr CDN (parallelize DNS+TLS handshake).
- Add role="img" and aria-label to viewport canvas for screen readers.
This commit is contained in:
Avatarsia
2026-04-06 02:39:12 +02:00
parent 3c9bcfd75c
commit 4811b55d5c
+2 -1
View File
@@ -27,6 +27,7 @@
} }
})(); })();
</script> </script>
<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
<script type="importmap"> <script type="importmap">
{ {
"imports": { "imports": {
@@ -74,7 +75,7 @@
<p data-i18n-html="dropHint.text">Drop an <strong>.stl</strong>, <strong>.obj</strong> or <strong>.3mf</strong> file here<br/>or <label for="stl-file-input" class="link-label">click to browse</label></p> <p data-i18n-html="dropHint.text">Drop an <strong>.stl</strong>, <strong>.obj</strong> or <strong>.3mf</strong> file here<br/>or <label for="stl-file-input" class="link-label">click to browse</label></p>
<input type="file" id="stl-file-input" accept=".stl,.obj,.3mf" hidden /> <input type="file" id="stl-file-input" accept=".stl,.obj,.3mf" hidden />
</div> </div>
<canvas id="viewport"></canvas> <canvas id="viewport" role="img" aria-label="3D model preview"></canvas>
<div id="brush-cursor"></div> <div id="brush-cursor"></div>
<div id="store-cta-wrapper"> <div id="store-cta-wrapper">
<span id="store-cta"> <span id="store-cta">