From bb4acb02bc1ee16d26d7ff03f2eb3bc8154872ca Mon Sep 17 00:00:00 2001
From: Tilman Vatteroth <git@tilmanvatteroth.de>
Date: Sun, 3 Apr 2022 21:52:29 +0200
Subject: [PATCH] Improve aria tags for view mode labels

Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
---
 public/views/hedgedoc/header.ejs | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/public/views/hedgedoc/header.ejs b/public/views/hedgedoc/header.ejs
index ecf96e429..598c1401a 100644
--- a/public/views/hedgedoc/header.ejs
+++ b/public/views/hedgedoc/header.ejs
@@ -78,14 +78,14 @@
     <div class="collapse navbar-collapse">
         <ul class="nav navbar-nav navbar-form navbar-left" style="padding:0;">
             <div class="btn-group" data-toggle="buttons">
-                <label class="btn btn-default ui-view" title="<%= __('View') %> (Ctrl+Alt+V)">
-                    <input type="radio" name="mode" autocomplete="off"><i class="fa fa-eye"></i>
+                <label class="btn btn-default ui-view" for="view-mode-toggle-view" title="<%= __('View') %> (Ctrl+Alt+V)" aria-label="<%= __('View') %> (Ctrl+Alt+V)">
+                    <input type="radio" name="mode" id="view-mode-toggle-view" autocomplete="off"><i class="fa fa-eye"></i>
                 </label>
-                <label class="btn btn-default ui-both" title="<%= __('Both') %> (Ctrl+Alt+B)">
-                    <input type="radio" name="mode" autocomplete="off"><i class="fa fa-columns"></i>
+                <label class="btn btn-default ui-both" for="view-mode-toggle-both" title="<%= __('Both') %> (Ctrl+Alt+B)" aria-label="<%= __('Both') %> (Ctrl+Alt+B)">
+                    <input type="radio" name="mode" id="view-mode-toggle-both" autocomplete="off"><i class="fa fa-columns"></i>
                 </label>
-                <label class="btn btn-default ui-edit" title="<%= __('Edit') %> (Ctrl+Alt+E)">
-                    <input type="radio" name="mode" autocomplete="off"><i class="fa fa-pencil"></i>
+                <label class="btn btn-default ui-edit" for="view-mode-toggle-edit" title="<%= __('Edit') %> (Ctrl+Alt+E)" aria-label="<%= __('Edit') %> (Ctrl+Alt+E)">
+                    <input type="radio" name="mode" id="view-mode-toggle-edit" autocomplete="off"><i class="fa fa-pencil"></i>
                 </label>
             </div>
             <div class="btn-group" data-toggle="buttons">