Make links accessible and usable via keyboard

Attached is the patch.

patch #2 isn't working for me

@jbaronmailbox@gmail.com

the patch I believe only has to do this to the twig, no need for the javascript changes.

templates/like-and-dislike-icons.html.twig

   <div class="vote-widget vote-widget--like-and-dislike">
     {% for type, icon in icons %}
-       <div class="vote-{{ type }} type-{{ entity_type }}" id="{{ type }}-container-{{ entity_type }}-{{ entity_id }}">
+      <div class="vote-{{ type }} type-{{ entity_type }}" id="{{ type }}-container-{{ entity_type }}-{{ entity_id }}" {{ icon.attributes.setAttribute('tabindex', '0') }}>
        <a {{ icon.attributes }}>{{ icon.label }}</a>
         <span class="count">{{ icon.count }}</span>
       </div>
     {% endfor %}

ah ok, the js is for the enter button ok gotcha

trying this instead, use space and enter key not just enter.

patch 7 was not good, try patch 8

patch #2, 5 and 7 do not activate the like/dislike on keypress enter or space.

Patch 8 activates keypress on space and enter key.

patch #8 does the trick for us.

feel free to suggest changes if you wish, with that said, this adds keyboard accessibility with the enter key and also space bar and a tab index also.

This time the keyboard navigation works, all the previous patches had some sort of issue, now it's good.

Automatically closed - issue fixed for 2 weeks with no activity.