address accessibility checker violations

Author: hmillersarah

ims-education.html

@@ -697,7 +697,7 @@ <h1>IMS courses</h1>
 			<section id="faq" class="gray-bg pure-g">
 				<!-- Header -->
 				<div class="pure-u-1 pure-u-md-5-24 faq-title">
-					<h2 id="faq">Frequently asked questions</h2>
+					<h2>Frequently asked questions</h2>
 				</div>
 				<!-- Contents -->
 				<div class="pure-u-sm-1 pure-u-md-18-24">
@@ -758,10 +758,11 @@ <h4 class="faq-q">Credly Support</h4>
 				</div>
 			</section>
 
+			<!-- =========================== Support =========================== -->
 			<section id="support" class="gray-bg-02 pure-g">
 				<!-- Header -->
 				<div class="pure-u-1 pure-u-md-5-24">
-					<h2 id="support">Support</h2>
+					<h2>Support</h2>
 				</div>
 				<!-- Contents -->
 				<div class="pure-u-sm-1 pure-u-md-18-24">

wp-includes/css/page.css

@@ -5,6 +5,7 @@
   --white: #fff;
   --black: #000;
   --blue: #0f62fe;
+  --dark-blue: #0043ce;
     /* Background Color */
     --bg-light-gray-01: #f4f4f4;
     --bg-light-gray-02: #ececec;
@@ -75,16 +76,20 @@
   background-color: var(--bg-light-gray-01);
 }
 
+  .gray-bg a {
+    color: var(--blue);
+  }
+
 .gray-bg-02 {
   background-color: var(--bg-light-gray-02);
 }
 
-  .gray-bg h3, .gray-bg h4, .gray-bg-02 h3, .gray-bg-02 h4 {
-    color: var(--black);
+  .gray-bg-02 a {
+    color: var(--dark-blue);
   }
 
-  .gray-bg a, .gray-bg-02 a {
-    color: var(--blue);
+  .gray-bg h3, .gray-bg h4, .gray-bg-02 h3, .gray-bg-02 h4 {
+    color: var(--black);
   }
 
 .blue-bg {