Accessibility improved for content toggled

Simounet · Jan 10, 2019 · 754bf46 · 754bf46
1 parent 7d2cd7b
commit 754bf46
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/article.html b/article.html
@@ -13,7 +13,7 @@
             <header class="article__header js-article__header">
                 {if="isset($value->favicon)"}{$value->favicon}{/if}
                 <span class="article__feed-title">{$value->feedName}</span>
-                <h1 class="article__title js-article__title"><a href="{$value->getLink()}" target="_blank">{$value->getTitle()}</a></h1>
+                <h1 class="article__title js-article__title" tabindex="0"><a href="{$value->getLink()}" target="_blank">{$value->getTitle()}</a></h1>
                 <span class="article__description">{function="Functions::truncate(strip_tags($value->getDescription()),300)"}</span>
                 {if="$articleDisplayDate"}
                     <span class="article__date" title="{$value->dateTitle}"{if="$value->dateLessThanOneHour"} data-timestamp="{$value->getPubdate()}"{/if}>{$value->dateValue}</span>

diff --git a/js/script.js b/js/script.js
@@ -18,8 +18,10 @@ $(function () {
 
     anonymousState = $('[data-anonymous-state]').data('anonymous-state');
 
-    $('.wrapper').on('click', '.js-event', function (event) {
-        eventObj = new EventObject(event);
+    $('.wrapper').on('click keypress', '.js-event', function (event) {
+        if (event.type === 'click' || event.which === 13) {
+            eventObj = new EventObject(event);
+        }
     });
 
     $('.js-toggle-button').click(function () {