From c3a2f0f23e5eb51f7e15807750fb9a119b4f0e3c Mon Sep 17 00:00:00 2001
From: Victoria Nduka <122698422+nwanduka@users.noreply.github.com>
Date: Tue, 6 Aug 2024 15:26:00 +0100
Subject: [PATCH 1/2] added labels to form elements

---
 apps/segment/segment.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/segment/segment.js b/apps/segment/segment.js
index 46c92240f..687e430ef 100644
--- a/apps/segment/segment.js
+++ b/apps/segment/segment.js
@@ -73,12 +73,12 @@ async function initUIcomponents() {
       <form class="form-style" action="#">
         <ul>
           <li>
-            <label align="left"> Name:  </label>
+            <label for="name" align="left"> Name:  </label>
             <input name="name" id="name" type="text" required />
             <span> Name of the model </span>
           </li>
           <li>
-            <label align="left"> Input patch size: </label>
+            <label for="imageSize" align="left"> Input patch size: </label>
             <input name="imageSize" id="imageSize" type="number" required />
             <span> The image size on which the model is trained (y x y)</span>
           </li>
@@ -100,8 +100,8 @@ async function initUIcomponents() {
 
           <label class="switch"><input type="checkbox" id="togBtn"><div class="slider"></div></label> <br> <br>
           <div class="checkfalse"><div>Select model.json first followed by the weight binaries.</div> <br>
-          <input name="filesupload" id="modelupload" type="file" required/><br><br>
-          <input name="filesupload" id="weightsupload" type="file" multiple="" required/> <br> <br> </div>
+          <input name="filesupload" id="modelupload" type="file" aria-label="Upload model" required/><br><br>
+          <input name="filesupload" id="weightsupload" type="file" multiple="" aria-label="Upload weights" required/> <br> <br> </div>
           <div class="checktrue" > URL to the ModelAndWeightsConfig JSON describing the model. <br> <br>
           <label align-"left"> Enter the URL: </label> <input type="url" name="url" id="url" required> <br><br></div>
           <button id="submit">Upload</button> <span id="status"></span>

From aa79a095bad48d4fceda895db245b15fd3e9db33 Mon Sep 17 00:00:00 2001
From: Victoria Nduka <122698422+nwanduka@users.noreply.github.com>
Date: Fri, 9 Aug 2024 15:48:41 +0100
Subject: [PATCH 2/2] added aria-label to zoom input elements

---
 .../openseadragon-zoom-control.js                           | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/core/extension/openseadragon-zoom-control/openseadragon-zoom-control.js b/core/extension/openseadragon-zoom-control/openseadragon-zoom-control.js
index e073c7a1e..beeeff432 100644
--- a/core/extension/openseadragon-zoom-control/openseadragon-zoom-control.js
+++ b/core/extension/openseadragon-zoom-control/openseadragon-zoom-control.js
@@ -257,14 +257,14 @@
         this.zoomIn.classList.add('material-icons');
         this.zoomIn.classList.add('md-24');
         this.zoomIn.classList.add('zoom');
-        this.zoomIn.textContent = 'add';
+        this.zoomIn.textContent = 'zoom_in';
 
         // zoom out
         this.zoomOut = document.createElement( 'div' );
         this.zoomOut.classList.add('material-icons');
         this.zoomOut.classList.add('md-24');
         this.zoomOut.classList.add('zoom');
-        this.zoomOut.textContent = 'remove';
+        this.zoomOut.textContent = 'zoom_out';
 
         // indicator
         this.idx = document.createElement( 'div' );
@@ -277,6 +277,7 @@
         this.ip = document.createElement('input');
         this.ip.type='text';
         this.ip.classList.add('ip');
+        this.ip.setAttribute('aria-label', 'Zoom level');
         this.idx.addEventListener('click', function(e){
             // set image zoom value to input
             let value = this.txt.textContent;
@@ -306,6 +307,7 @@
         // range
         this.range = $.makeNeutralElement( 'input' );
         this.range.type = 'range';
+        this.range.setAttribute('aria-label', 'Zoom level range');
 
         this.element.appendChild(this.zoomIn);
         this.element.appendChild(this.range);