commit dcd377e4e807aa48d9c7054ac4fc87b65c56ad99 parent 9049bdb8271a2a4d4732d8263a364c5fab10d99d Author: Asher Morgan <asher@ashermorgan.net> Date: Wed, 9 Sep 2026 19:04:02 -0700 Improve playbook web page accessibility Diffstat:
| M | aoh/static/copy.js | | | 4 | ++-- |
| M | aoh/templates/home.html | | | 4 | +++- |
2 files changed, 5 insertions(+), 3 deletions(-)
diff --git a/aoh/static/copy.js b/aoh/static/copy.js @@ -1,6 +1,6 @@ // Feather icons -const COPY_SVG = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>'; -const DONE_SVG = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>' +const COPY_SVG = '<svg aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>'; +const DONE_SVG = '<svg aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>' // Show copy button only if browser supports JavaScript and clipboard API function show_copy_btn() { diff --git a/aoh/templates/home.html b/aoh/templates/home.html @@ -34,7 +34,9 @@ <code id="cmd" class="{% if is_windows %}win{% endif %}"> {{ cmd }} </code> - <button id="copy" onclick="copy('{{ cmd }}')" hidden></button> + <button id="copy" aria-label="Copy command" hidden + onclick="copy('{{ cmd }}')"> + </button> </div> </main> </body>