Accessibility Bug Fix: Tab focus doesn't reach Dark mode toggle button (#453)
This commit is contained in:
parent
602e98448d
commit
707466b1df
2 changed files with 8 additions and 2 deletions
|
@ -142,4 +142,10 @@
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
$("#mode-toggle-wrapper").keyup(function(e){
|
||||||
|
if(e.keyCode == 13) {
|
||||||
|
toggle.flipMode();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -52,7 +52,7 @@
|
||||||
</ul> <!-- ul.nav.flex-column -->
|
</ul> <!-- ul.nav.flex-column -->
|
||||||
|
|
||||||
<div class="sidebar-bottom mt-auto d-flex flex-wrap justify-content-center align-items-center">
|
<div class="sidebar-bottom mt-auto d-flex flex-wrap justify-content-center align-items-center">
|
||||||
|
|
||||||
{% for entry in site.data.contact %}
|
{% for entry in site.data.contact %}
|
||||||
{% capture url %}
|
{% capture url %}
|
||||||
{%- if entry.type == 'github' -%}
|
{%- if entry.type == 'github' -%}
|
||||||
|
@ -84,7 +84,7 @@
|
||||||
<span class="icon-border order-2"></span>
|
<span class="icon-border order-2"></span>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<span id="mode-toggle-wrapper" class="order-1">
|
<span id="mode-toggle-wrapper" class="order-1" tabindex="0">
|
||||||
{% include mode-toggle.html %}
|
{% include mode-toggle.html %}
|
||||||
</span>
|
</span>
|
||||||
{% endunless %}
|
{% endunless %}
|
||||||
|
|
Loading…
Reference in a new issue