diff --git a/scripts/build/parse_blog_tags.py b/scripts/build/parse_blog_tags.py index 779959d20b..38e542ac86 100755 --- a/scripts/build/parse_blog_tags.py +++ b/scripts/build/parse_blog_tags.py @@ -95,7 +95,7 @@ def addLeadingZero(date,index,addZero): comma = data.new_tag("span") comma.string = "," ft_link["tabindex"] = "0" - ft_link["role"] = "listitem" + ft_link["role"] = "button" ft_link["class"] = "featured_tag" ft_link["data-tag-id"] = name ft_link.string = "{% t blog.tags."+name+" %}" diff --git a/src/main/content/_assets/js/guide-common.js b/src/main/content/_assets/js/guide-common.js index 488aea12e2..7bffb6c126 100644 --- a/src/main/content/_assets/js/guide-common.js +++ b/src/main/content/_assets/js/guide-common.js @@ -15,6 +15,12 @@ var threeColumnBreakpoint = 1440; var dep = false; var dep_closed = false; +const preTags = document.querySelectorAll('pre'); +preTags.forEach(preTag => { + preTag.setAttribute('tabindex', '0'); + preTag.setAttribute('role', 'button'); +}); + // update twoColumnBreakpoint for the only single pane guide if (window.location.href.indexOf("cloud-ibm") > -1) { var twoColumnBreakpoint = 1440; @@ -295,7 +301,7 @@ function createEndOfGuideContent() { .find("p") .clone(); whatYouLearned.first().prepend("Nice work! "); // Start every what you learned statement with 'Nice work!' - whatYouLearned.attr("tabindex", "0"); + whatYouLearned.attr("tabindex", "-1"); leftSide.prepend(whatYouLearned); $("#great-work-you-re-done, #great-work-youre-done").parent().remove(); // Remove section from the main guide column. $( diff --git a/src/main/content/_assets/js/post.js b/src/main/content/_assets/js/post.js index e816abff2a..e23de67f23 100644 --- a/src/main/content/_assets/js/post.js +++ b/src/main/content/_assets/js/post.js @@ -9,6 +9,9 @@ * IBM Corporation - initial API and implementation *******************************************************************************/ +//set tabindex of pre tags to 0 +$('pre').attr('tabindex', '0'); + // set up html for copy code block accessibility var code_blocks_with_copy_to_clipboard = 'pre:not(.no_copy pre)'; // CSS Selector $(document).ready(function () { diff --git a/src/main/content/_includes/end-of-guide.html b/src/main/content/_includes/end-of-guide.html index 4e1a2450f2..fd59d3b61e 100644 --- a/src/main/content/_includes/end-of-guide.html +++ b/src/main/content/_includes/end-of-guide.html @@ -34,16 +34,16 @@ {% endif %}
-

{% t endofguide.nice_work %} {% t endofguide.where_to_next %}

+

{% t endofguide.nice_work %} {% t endofguide.where_to_next %}

{% t endofguide.what_do_you_think_of_this_guide %}

- Extreme Dislike - Dislike - Like - Extreme Like + Extreme Dislike + Dislike + Like + Extreme Like