From 42500aafa24903f59eb8ad27826553a228d04ab0 Mon Sep 17 00:00:00 2001
From: squidfunk <martin.donath@squidfunk.com>
Date: Sun, 6 Jun 2021 14:47:20 +0200
Subject: [PATCH] Added aria labels to palette toggles

---
 material/partials/header.html | 2 +-
 src/partials/header.html      | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/material/partials/header.html b/material/partials/header.html
index 02f9b8a68..afd645022 100644
--- a/material/partials/header.html
+++ b/material/partials/header.html
@@ -32,7 +32,7 @@
         {% for option in config.theme.palette %}
           {% set primary = option.primary | replace(" ", "-") | lower %}
           {% set accent  = option.accent  | replace(" ", "-") | lower %}
-          <input class="md-option" data-md-color-media="{{ option.media }}" data-md-color-scheme="{{ option.scheme }}" data-md-color-primary="{{ primary }}" data-md-color-accent="{{ accent }}" type="radio" name="__palette" id="__palette_{{ loop.index }}">
+          <input class="md-option" data-md-color-media="{{ option.media }}" data-md-color-scheme="{{ option.scheme }}" data-md-color-primary="{{ primary }}" data-md-color-accent="{{ accent }}" {% if option.toggle %} aria-label="{{ option.toggle.name }}" {% else %} aria-hidden="true" {% endif %} type="radio" name="__palette" id="__palette_{{ loop.index }}">
           {% if option.toggle %}
             <label class="md-header__button md-icon" title="{{ option.toggle.name }}" for="__palette_{{ loop.index0 or loop.length }}" hidden>
               {% include ".icons/" ~ option.toggle.icon ~ ".svg" %}
diff --git a/src/partials/header.html b/src/partials/header.html
index cd8718f1b..c9272c7e9 100644
--- a/src/partials/header.html
+++ b/src/partials/header.html
@@ -75,6 +75,11 @@
             data-md-color-scheme="{{ option.scheme }}"
             data-md-color-primary="{{ primary }}"
             data-md-color-accent="{{ accent }}"
+            {% if option.toggle %}
+              aria-label="{{ option.toggle.name }}"
+            {% else  %}
+              aria-hidden="true"
+            {% endif %}
             type="radio"
             name="__palette"
             id="__palette_{{ loop.index }}"