aoh

A tool for running Ansible playbooks with `curl <url> | python` commands
git clone https://git.ashermorgan.net/aoh/
Log | Files | Refs | README

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:
Maoh/static/copy.js | 4++--
Maoh/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>