#323112 follow-up by kkaefer: Make tab titles enclosed in <strong> tags to indicate importance from surrounding text.

2 files changed, 7 insertions, 2 deletions

diff --git a/misc/vertical-tabs.css b/misc/vertical-tabs.css
index 7a5887cad..dd5896f95 100644
--- a/misc/vertical-tabs.css
+++ b/misc/vertical-tabs.css
@@ -47,6 +47,11 @@
 .vertical-tabs-list li a:hover {
   text-decoration: none;
 }
+.vertical-tabs-list li strong {
+  /* Strong tags are used around tab titles to indicate importance; however,
+     only the currently active tab should actually look bold. */
+  font-weight:normal;
+}
 .vertical-tabs-list li.selected {
   background: #fff;
   border-right-width: 0;
@@ -55,7 +60,7 @@
 .vertical-tabs-list li.selected a:focus {
   outline: 0;
 }
-.vertical-tabs-list li.selected .title {
+.vertical-tabs-list li.selected strong {
   font-weight: bold;
   color: #000;
 }
diff --git a/misc/vertical-tabs.js b/misc/vertical-tabs.js
index a27a3d3ec..045a5b7a3 100644
--- a/misc/vertical-tabs.js
+++ b/misc/vertical-tabs.js
@@ -110,7 +110,7 @@ Drupal.theme.prototype.verticalTab = function(settings) {
   var tab = {};
   tab.item = $('<li class="vertical-tab-button"></li>')
     .append(tab.link = $('<a href="#"></a>')
-      .append(tab.title = $('<span class="title"></span>').text(settings.title))
+      .append(tab.title = $('<strong></strong>').text(settings.title))
       .append(tab.summary = $('<span class="summary"></span>')
     )
   );