15308555518/ mirror-web
1
0
Fork 0
mirror of https://github.com/tuna/mirror-web.git synced 2025-12-25 20:32:46 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Improve a11y of the index page 

Signed-off-by: 王邈 <shankerwangmiao@gmail.com>
This commit is contained in:
王邈 2020-03-18 00:14:25 +08:00
parent ce0169b8b6
commit 89c5e92c43
No known key found for this signature in database
GPG Key ID: B031E3CA7BFED96E
3 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
_includes/nav.html
View File

@ -28,13 +28,13 @@
清华大学</span>开源软件镜像站</a>
</div>
<div class="{% unless page.legacy %}navbar-collapse collapse {% endunless %}navbar-right">
<ul class="nav navbar-nav">
<li><a href="https://tuna.moe/">HOME</a></li>
<li><a href="https://tuna.moe/events/">EVENTS</a></li>
<li><a href="https://tuna.moe/blog/">BLOG</a></li>
<li><a href="https://tuna.moe/feed.xml">RSS</a></li>
<li><a href="https://podcast.tuna.moe/">PODCAST</a></li>
<li class="active"><a href="http://mirrors.tuna.tsinghua.edu.cn/">MIRRORS</a></li>
<ul class="nav navbar-nav" role="menubar">
<li role="none"><a role="menuitem" href="https://tuna.moe/">HOME</a></li>
<li role="none"><a role="menuitem" href="https://tuna.moe/events/">EVENTS</a></li>
<li role="none"><a role="menuitem" href="https://tuna.moe/blog/">BLOG</a></li>
<li role="none"><a role="menuitem" href="https://tuna.moe/feed.xml">RSS</a></li>
<li role="none"><a role="menuitem" href="https://podcast.tuna.moe/">PODCAST</a></li>
<li role="none" class="active"><a role="menuitem" aria-checked="true" href="http://mirrors.tuna.tsinghua.edu.cn/">MIRRORS</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>

2
_layouts/index.html
View File

@ -51,7 +51,7 @@
<tr v-for="mir in filteredMirrorList" :class="['row', 'status-'+mir.status]" :key="mir.name">
<td class="col-md-8">
<a class="mirror-item-label" data-toggle="popover" data-trigger="hover" data-placement="right"
:data-content="mir.description" :href="getURL(mir)">
:data-content="mir.description" :href="getURL(mir)" :aria-label="mir.name + ', ' + mir.description">
{{mir.name}}
<span class="label label-new" v-if='mir.is_new'>new</span>
<a v-if='mir.help_url' :href="mir.help_url"><i class="fa fa-question-circle" title="Help"></i></a>

7
static/css/_bootstrap-mod.scss
View File

@ -116,6 +116,13 @@ code{
border-bottom: 1px solid #ffffff;
margin-bottom: 25px;
}
table .row{
&:before, &:after{
content: none;
}
}
@include dark{
.popover{
background-color: #282828;