evan/deemixer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Started working on acessibility

Browse Source 
Sidebar is now navigable with keyboard using tab
In reference to #40
This commit is contained in:
RemixDev 2020-09-23 16:23:42 +02:00
parent 3fd924eebc
commit 760ce913b6
4 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/css/style.css
View File

File diff suppressed because one or more lines are too long

2
public/js/bundle.js
View File

File diff suppressed because one or more lines are too long

3
src/components/TheSidebar.vue
View File

@ -3,9 +3,8 @@
<router-link <router-link
v-for="link in links" v-for="link in links"
:key="link.id" :key="link.id"
tag="span" tag="a"
class="main_tablinks" class="main_tablinks"
role="link"
:id="link.id" :id="link.id"
:class="{ active: activeTablink === link.name }" :class="{ active: activeTablink === link.name }"
:aria-label="link.ariaLabel" :aria-label="link.ariaLabel"

2
src/styles/scss/_sidebar.scss
View File

@ -20,6 +20,8 @@ $sidebar-delay: 75ms;
.main_tablinks { .main_tablinks {
transition: all 500ms; transition: all 500ms;
text-decoration: none;
color: inherit;
&.active { &.active {
background-color: var(--accent-color); background-color: var(--accent-color);