Fix accessibility: replace div#startStopBtn with <button> in classic design (#782)

* Initial plan

* Replace div#startStopBtn with button element for keyboard accessibility

Agent-Logs-Url: https://github.com/librespeed/speedtest/sessions/f3d60a26-754c-48da-9672-542810806f72

Co-authored-by: sstidl <12804296+sstidl@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: sstidl <12804296+sstidl@users.noreply.github.com>
This commit is contained in:
Copilot 2026-04-13 07:40:02 +02:00 committed by GitHub
parent dce0bdddb3
commit da29334083
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
8 changed files with 24 additions and 8 deletions

View file

@ -66,6 +66,8 @@ function I(id){return document.getElementById(id);}
color:#6060AA;
background-color:rgba(0,0,0,0);
border:0.15em solid #6060FF;
padding:0;
font:inherit;
border-radius:0.3em;
transition:all 0.3s;
box-sizing:border-box;
@ -151,7 +153,7 @@ function I(id){return document.getElementById(id);}
</head>
<body>
<h1>LibreSpeed Example</h1>
<div id="startStopBtn" onclick="startStop()"></div>
<button id="startStopBtn" onclick="startStop()"></button>
<div id="test">
<div class="testGroup">
<div class="testArea">