[feat](trx-frontend-http): make the SQL label the squelch switch

Clicking SQL turns the squelch on and off. The label and the button beside it said the same thing twice — one naming the control, the other reading "On" or "Off" — where the name itself is the obvious target, and the dot already carries the state: grey when off, green while the gate passes, amber while it holds. The pressed state is on the label, so the switch reads the same to a screen reader as it looks. Signed-off-by: Stan Grams <sjg@haxx.space>
2026-08-03 23:41:52 +02:00
parent 0fc2115973
commit 2c56d82a81
5 changed files with 33 additions and 12 deletions
@@ -6358,15 +6358,15 @@ function renderSdrSquelch() {
  }
  if (sdrSquelchDbEl) sdrSquelchDbEl.disabled = !sdrSquelchSupported;
  if (sdrSquelchToggleBtn) {
-    sdrSquelchToggleBtn.textContent = sdrSquelchEnabled ? "On" : "Off";
    sdrSquelchToggleBtn.setAttribute("aria-pressed", String(sdrSquelchEnabled));
+    sdrSquelchToggleBtn.title = sdrSquelchEnabled ? "Turn the squelch off" : "Turn the squelch on";
  }
  const state = !sdrSquelchEnabled ? "off" : sdrSquelchIsPassing() ? "open" : "closed";
  if (sdrSquelchStateEl) {
    sdrSquelchStateEl.dataset.state = state;
-    sdrSquelchStateEl.setAttribute(
+    sdrSquelchStateEl.parentElement?.setAttribute(
      "aria-label",
-      state === "off" ? "Squelch off" : state === "open" ? "Squelch open" : "Squelch closed"
+      state === "off" ? "Squelch off" : state === "open" ? "Squelch on, open" : "Squelch on, closed"
    );
  }
  if (squelchLabelEl) squelchLabelEl.textContent = String(sdrSquelchThresholdDb);