fix a11y issues on list of features in homepage (English)

1 files changed, 11 insertions, 14 deletions

diff --git a/english/startpage.css b/english/startpage.css
index f3b6a8b8e4f..1634175ef89 100644
--- a/english/startpage.css
+++ b/english/startpage.css
@@ -179,33 +179,30 @@ div .community {
 }
 /* END Classes used within 'The Operating System' */
 
-.styled-href-blue h2 a,
-.styled-href-blue li a,
-.styled-href-blue strong a,
-.styled-href-blue a:link:hover,
-.project-news-content a {
+.styled-href-blue a,
+.project-news-content a,
+.styled-href-blue a:hover,
+.project-news-content a:hover {
   text-decoration: none;
   position: relative;
   color: #3366FF;
 }
 
-.styled-href-blue h2 a:after,
-.styled-href-blue li a:after,
-.styled-href-blue strong a:after,
-.project-news-content a:after {
+.styled-href-blue a::after,
+.project-news-content a::after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 0%;
-  border-bottom: 2px solid #3366FF;
+  border-bottom: 2px solid currentColor;
   transition: 0.35s;
 }
 
-.styled-href-blue h2 a:hover:after,
-.styled-href-blue li a:hover:after,
-.styled-href-blue strong a:hover:after,
-.project-news-content a:hover:after {
+.styled-href-blue a:focus::after,
+.styled-href-blue a:hover::after,
+.project-news-content a:focus::after,
+  .project-news-content a:hover::after {
   width: 100%;
 }