vector accessibility: make a:focus like a:hover
authorDaniel Kinzler <daniel@users.mediawiki.org>
Tue, 27 Jul 2010 15:35:24 +0000 (15:35 +0000)
committerDaniel Kinzler <daniel@users.mediawiki.org>
Tue, 27 Jul 2010 15:35:24 +0000 (15:35 +0000)
skins/vector/main-ltr.css
skins/vector/main-rtl.css

index e334464..c75f768 100644 (file)
@@ -553,7 +553,8 @@ div#footer #footer-places li {
                background-image: none;
                font-size: 0.9em;
        }
-       #preftoc a:hover {
+       #preftoc a:hover,
+       #preftoc a:focus {
                text-decoration: underline;
        }
        #preftoc li.selected a {
@@ -643,7 +644,7 @@ a:visited {
 a:active {
        color: #faa700;
 }
-a:hover {
+a:hover, a:focus {
        text-decoration: underline;
 }
 a.stub {
@@ -1124,11 +1125,13 @@ div#bodyContent {
        background-image: url(images/watch-icons.png?1);
        background-position: 5px 60%;
 }
-#ca-unwatch.icon a:hover {
+#ca-unwatch.icon a:hover,
+#ca-unwatch.icon a:focus {
        background-image: url(images/watch-icons.png?1);
        background-position: -67px 60%;
 }
-#ca-watch.icon a:hover {
+#ca-watch.icon a:hover,
+#ca-watch.icon a:focus {
        background-image: url(images/watch-icons.png?1);
        background-position: -19px 60%;
 }
index f1de16e..c2b3526 100644 (file)
@@ -273,7 +273,8 @@ div#mw-head h5 {
        x:-moz-any-link {
                margin-left: 23px;
        }
-       div.vectorMenu:hover div.menu {
+       div.vectorMenu:hover div.menu,
+       div.vectorMenu:focus div.menu {
                display: block;
        }
        div.vectorMenu ul {
@@ -553,7 +554,7 @@ div#footer #footer-places li {
                background-image: none;
                font-size: 0.9em;
        }
-       #preftoc a:hover {
+       #preftoc a:hover, #preftoc a:focus {
                text-decoration: underline;
        }
        #preftoc li.selected a {
@@ -643,7 +644,7 @@ a:visited {
 a:active {
        color: #faa700;
 }
-a:hover {
+a:hover, a:focus {
        text-decoration: underline;
 }
 a.stub {
@@ -1124,11 +1125,13 @@ div#bodyContent {
        background-image: url(images/watch-icons.png?1);
        background-position: 5px 60%;
 }
-#ca-unwatch.icon a:hover {
+#ca-unwatch.icon a:hover,
+#ca-unwatch.icon a:focus {
        background-image: url(images/watch-icons.png?1);
        background-position: -67px 60%;
 }
-#ca-watch.icon a:hover {
+#ca-watch.icon a:hover,
+#ca-watch.icon a:focus {
        background-image: url(images/watch-icons.png?1);
        background-position: -19px 60%;
 }