Skip to content

Commit 42500aa

Browse files
committed
Added aria labels to palette toggles
1 parent 0dd4831 commit 42500aa

File tree

2 files changed

+6
-1
lines changed

2 files changed

+6
-1
lines changed

material/partials/header.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@
3232
{% for option in config.theme.palette %}
3333
{% set primary = option.primary | replace(" ", "-") | lower %}
3434
{% set accent = option.accent | replace(" ", "-") | lower %}
35-
<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 }}">
35+
<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 }}">
3636
{% if option.toggle %}
3737
<label class="md-header__button md-icon" title="{{ option.toggle.name }}" for="__palette_{{ loop.index0 or loop.length }}" hidden>
3838
{% include ".icons/" ~ option.toggle.icon ~ ".svg" %}

src/partials/header.html

+5
Original file line numberDiff line numberDiff line change
@@ -75,6 +75,11 @@
7575
data-md-color-scheme="{{ option.scheme }}"
7676
data-md-color-primary="{{ primary }}"
7777
data-md-color-accent="{{ accent }}"
78+
{% if option.toggle %}
79+
aria-label="{{ option.toggle.name }}"
80+
{% else %}
81+
aria-hidden="true"
82+
{% endif %}
7883
type="radio"
7984
name="__palette"
8085
id="__palette_{{ loop.index }}"

0 commit comments

Comments
 (0)