Accessibility Bug Fix: Tab focus doesn't reach Dark mode toggle button (#453)

This commit is contained in:
Bhavy Khatri 2021-11-30 21:53:22 +05:30 committed by GitHub
parent 602e98448d
commit 707466b1df
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 2 deletions

View file

@ -142,4 +142,10 @@
}); });
$("#mode-toggle-wrapper").keyup(function(e){
if(e.keyCode == 13) {
toggle.flipMode();
}
});
</script> </script>

View file

@ -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 %}