bug 67082 - Intro doesn't meet checkpoint 8 for web accessibility
diff --git a/platform/org.eclipse.platform/css/shared.css b/platform/org.eclipse.platform/css/shared.css
index 3d8486c..a82597c 100644
--- a/platform/org.eclipse.platform/css/shared.css
+++ b/platform/org.eclipse.platform/css/shared.css
@@ -16,8 +16,14 @@
 	font-weight : normal;

 	color : #7B8694;

 }

+/* For regular div labels */

+H4 .div-label {

+	font-size : 10pt;

+	font-weight : bold;

+}

 

-.page-title {

+/* For the main page content's title */

+#content-header H4 .div-label {

 	font-size : 14pt;

 	font-weight : normal;

 	color : #8C96A2;

@@ -31,11 +37,6 @@
 	clear : both;

 }

 

-H4 .div-label {

-	font-size : 10pt;

-	font-weight : bold;

-}

-

 a {

 	font-weight : bold;

 	text-decoration : none;

@@ -73,11 +74,22 @@
 

 .intro-header H1 { padding-top : 10px; margin-left : 10px; }

 

-H4 .div-label {

+/* For regular div labels */

+#page-content div H4 {

 	padding : 10px;

-	margin-bottom : 5px;

+	padding-bottom : 0px;

 }

 

+/* For the main page content's div label */

+#page-content #content-header H4 {

+	padding-bottom : 10px;

+	padding-top : 0px;

+}

+

+/* special case for Mozilla's main content-header label.

+   Mozilla 1.4 needs more room at the top */

+#page-content > #content-header H4 { padding-top : 10px; }

+

 /* Needed in IE to get shift+tab to show the active image properly */

 a:active {

 	border : solid 0px;

@@ -243,7 +255,7 @@
 	clear : both;

 }

 

-.page-title, .page-description {

+#page-content #content-header H4, .page-description {

 	text-align : left;

 	margin-right : 10px;

 	float : none;

diff --git a/platform/org.eclipse.platform/introContent.xml b/platform/org.eclipse.platform/introContent.xml
index 2bed381..a41afce 100644
--- a/platform/org.eclipse.platform/introContent.xml
+++ b/platform/org.eclipse.platform/introContent.xml
@@ -84,7 +84,8 @@
     </group>
     <!-- -->
     <group id="page-content">
-      <text style-id="page-title" id="page-title">OVERVIEW</text>
+      <group id="content-header" label="OVERVIEW" filteredFrom="swt"></group>
+      <text style-id="page-title" id="page-title" filteredFrom="html">OVERVIEW</text>
       <text style-id="page-description" id="page-description">Eclipse is a kind of universal tool platform - an open extensible IDE for anything and nothing in particular. It provides a feature-rich development environment that allows the developer to efficiently create tools that integrate seamlessly into the Eclipse Platform.</text>
       <group id="overview-links">
 	<anchor id="beginAnchor"/>
@@ -109,7 +110,8 @@
     <group id="curve-image" filteredFrom="swt"/>
     <include path="overview/navigation-links"/>
     <group id="page-content">
-      <text style-id="page-title" id="page-title">TUTORIALS</text>
+      <group id="content-header" label="TUTORIALS" filteredFrom="swt"></group>
+      <text style-id="page-title" id="page-title" filteredFrom="html">TUTORIALS</text>
       <text style-id="page-description" id="page-description">Learn how to be productive using Eclipse by completing end-to-end tutorials that will guide you along the way.</text>
       <anchor id="beginAnchor"/>
       <anchor id="jdtAnchor"/>
@@ -126,7 +128,8 @@
     <group id="curve-image" filteredFrom="swt"/>
     <include path="overview/navigation-links"/>
     <group id="page-content">
-      <text style-id="page-title" id="page-title">SAMPLES</text>
+      <group id="content-header" label="SAMPLES" filteredFrom="swt"></group>
+      <text style-id="page-title" id="page-title" filteredFrom="html">SAMPLES</text>
       <text style-id="page-description" id="page-description">Explore Eclipse by installing prefabricated samples (may require Internet connection).</text>
       <anchor id="beginAnchor"/>
       <group label="SWT" id="swt" style-id="samples-group">
@@ -163,7 +166,8 @@
     <group id="curve-image" filteredFrom="swt"/>
     <include path="overview/navigation-links"/>
     <group id="page-content">
-      <text style-id="page-title" id="page-title">WHAT'S NEW</text>
+      <group id="content-header" label="WHAT'S NEW" filteredFrom="swt"></group>
+      <text style-id="page-title" id="page-title" filteredFrom="html">WHAT'S NEW</text>
       <anchor id="beginAnchor"/>
       <group id="noteworthy-links" label="New and Noteworthy">
         <link label="Eclipse Platform" url="http://org.eclipse.ui.intro/showHelpTopic?id=/org.eclipse.platform.doc.user/whatsNew/platform_whatsnew.html" id="platform-noteworthy" style-id="noteworthy-link">