Lorem ipsum dolor sit amet
- +
-
+
@@ -37,9 +37,9 @@ Lorem ipsum dolor sit ame
Lorem ipsum dolor sit ame
Aenean imperdiet
-
+
-
+
@@ -62,9 +62,9 @@ Aenean imperdiet
Maecenas nec odio et ante
-
+
-
+
diff --git a/components/jade/_mixins/_news_list_article.jade b/components/jade/_mixins/_news_list_article.jade
index f293a1b..6f9881d 100644
--- a/components/jade/_mixins/_news_list_article.jade
+++ b/components/jade/_mixins/_news_list_article.jade
@@ -2,9 +2,13 @@ mixin newsListArticle(title, author, dateTime, publishDate, img, description, re
article.news_list_item(role='listitem', itemscope, itemtype='http://schema.org/NewsArticle')
header.news_list_item_header
h2.news_list_item_heading(itemprop='headline') #{title}
- .news_list_item_author(itemprop='author') #{author}
+ .news_list_item_author(itemprop='author')
+ span.visually_hidden By
+ span #{author}
.news_list_item_publish
- time.news_list_item_publish_time(itemprop='datePublished', datetime="#{dateTime}") #{publishDate}
+ time.news_list_item_publish_time(itemprop='datePublished', datetime="#{dateTime}")
+ span.visually_hidden Published on
+ span #{publishDate}
.news_list_item_body
figure.news_list_item_figure
picture.news_list_item_picture
Aenean imperdiet
- +
-
+
@@ -62,9 +62,9 @@
Aenean imperdiet
Maecenas nec odio et ante
- +
-
+
diff --git a/components/jade/_mixins/_news_list_article.jade b/components/jade/_mixins/_news_list_article.jade
index f293a1b..6f9881d 100644
--- a/components/jade/_mixins/_news_list_article.jade
+++ b/components/jade/_mixins/_news_list_article.jade
@@ -2,9 +2,13 @@ mixin newsListArticle(title, author, dateTime, publishDate, img, description, re
article.news_list_item(role='listitem', itemscope, itemtype='http://schema.org/NewsArticle')
header.news_list_item_header
h2.news_list_item_heading(itemprop='headline') #{title}
- .news_list_item_author(itemprop='author') #{author}
+ .news_list_item_author(itemprop='author')
+ span.visually_hidden By
+ span #{author}
.news_list_item_publish
- time.news_list_item_publish_time(itemprop='datePublished', datetime="#{dateTime}") #{publishDate}
+ time.news_list_item_publish_time(itemprop='datePublished', datetime="#{dateTime}")
+ span.visually_hidden Published on
+ span #{publishDate}
.news_list_item_body
figure.news_list_item_figure
picture.news_list_item_picture