diff --git a/resources/assets/stylesheets/less/skiplinks.less b/resources/assets/stylesheets/less/skiplinks.less
index edbf09a17cf9b8799373b6eaafdcde7117d8e9cb..b35cfb601a41353893fa72f8583033d5a2d40678 100644
--- a/resources/assets/stylesheets/less/skiplinks.less
+++ b/resources/assets/stylesheets/less/skiplinks.less
@@ -25,6 +25,15 @@
     display: none;
 }
 
+button.skiplink {
+    border: 0;
+    background-color: #fff;
+    color: @base-color;
+    line-height: 1em;
+    margin-bottom: 0.1em;
+}
+
+
 body.enable-skiplinks {
     *:not(:empty):focus {
         outline: 2px dashed @orange;
diff --git a/templates/skiplinks.php b/templates/skiplinks.php
index 0cb1800fb6a1169546268945d7afec95201474b6..fbd8ab74b69fd7bebc44914257f75d9ff3392519 100644
--- a/templates/skiplinks.php
+++ b/templates/skiplinks.php
@@ -7,7 +7,7 @@
     <? foreach ($navigation as $nav) : ?>
         <li>
         <? if (mb_substr($url = $nav->getURL(), 0, 1) == '#') : ?>
-            <a href="<?= $url ?>" onclick="STUDIP.SkipLinks.setActiveTarget('<?= $url ?>');"  tabindex="<?= $i++ ?>"><?= htmlReady($nav->getTitle()) ?></a>
+            <button class="skiplink" role="link" onclick="STUDIP.SkipLinks.setActiveTarget('<?= htmlReady($url) ?>');" tabindex="<?= $i++ ?>"><?= htmlReady($nav->getTitle()) ?></button>
         <? else : ?>
             <? if (is_internal_url($url)) : ?>
                 <a href="<?= URLHelper::getLink($url) ?>" tabindex="<?= $i++ ?>"><?= htmlReady($nav->getTitle()) ?></a>