corrected keyboard-accessibility for input element (#435)

index2.html

@@ -63,18 +63,17 @@ <h1 style="font-size:1.5rem;line-height:3.1rem;letter-spacing:0.09rem;margin-bot
 
           <!-- ========================= camera/image/video-controls  ======================== -->
         <div class="btn-toolbar mediaSelect media-tools" role="toolbar" aria-label="Toolbar with button groups">
-          <div class="btn-group" id="imageselect"type="button" role="group" aria-label="First group">
-            <label for="file-sel" data-bs-toggle="tooltip" data-bs-placement="left" title="Upload an image">
-              <a onClick="toggleToolbar()" class="btn-lg btn">
-              <i class="fa fa-upload"></i>
-              </a>
-              <input type="file" id="file-sel" class="d-none" accept="image/*,video/*">
+          <div class="btn-group" id="imageselect">
+            <label for="file-sel" tabindex="0">
+              <button onClick="toggleToolbar()"  rel="tooltip" data-bs-placement="left" title="Upload an image" type="button" class="btn-lg btn">
+                <i class="fa fa-upload"></i>
+              </button>
+              <input type="file" id="file-sel" accept="image/*,video/*" class="visually-hidden" aria-hidden="true" />
             </label>
           </div>
-          <div class="btn-group labeled" role="group" aria-label="First group">
+          <div class="btn-group">
             <button rel="tooltip" title="Connect to an Infragram webcam" id="webcam-activate" type="button" class="btn btn-lg btn-primary"><i class="fa fa-camera-retro"></i></button>
           </div>
-
         </div>