Merge pull request #4140 from OpenLiberty/Website_accessibility_fix

Website accessibility fix

Author: navaneethsnair1

src/main/content/_assets/css/coderay-custom.css

@@ -129,7 +129,7 @@ table.CodeRay td { padding: 2px 4px; vertical-align: top; }
 .CodeRay .predefined-type { color:#566D17; font-weight:500 }
 .CodeRay .preprocessor { color:#517394 }
 .CodeRay .pseudo-class { color:#00C; font-weight:500 }
-.CodeRay .reserved { color:#080; font-weight:500 }
+.CodeRay .reserved { color:#006600; font-weight:500 }
 .CodeRay .shell { background-color:hsla(120,100%,50%,0.06); }
 .CodeRay .shell .content { color:#2B2 }
 .CodeRay .shell .delimiter { color:#161 }
@@ -147,7 +147,7 @@ table.CodeRay td { padding: 2px 4px; vertical-align: top; }
 .CodeRay .symbol .delimiter { color:#740 }
 .CodeRay .tag { color:#070; font-weight:500 }
 .CodeRay .type { color:#332C9A; font-weight:500 }
-.CodeRay .value { color: #088 }
+.CodeRay .value { color: #006666 }
 .CodeRay .variable { color:#037 }
 
 .CodeRay .insert { background: hsla(120,100%,50%,0.12) }

src/main/content/_assets/css/post.scss

@@ -152,11 +152,11 @@ body {
 
 #article_body a{
     font-weight: 500;
-    color: #546FB5;
+    color: #0d47a1;
     transition: color .2s;
 
     &:hover {
-        color: #6787D9;
+        color: #0d47a1;
     }
 }
 #article_body a.external {

src/main/content/_layouts/default.html

@@ -25,15 +25,35 @@
   </body>
   <script>
     document.addEventListener('DOMContentLoaded', () => {
+
       document.querySelectorAll('pre[tabindex="0"]').forEach(el => el.removeAttribute('tabindex'));
+      
+      // Fix IBM consent banner role - it's injected by ibm-common.js with role="banner"
+      // Use MutationObserver to catch it when it's added to the DOM
+      const observer = new MutationObserver((mutations) => {
+        const consentBar = document.getElementById('consent_blackbar');
+        if (consentBar && consentBar.getAttribute('role') === 'banner') {
+          consentBar.setAttribute('role', 'complementary');
+          consentBar.setAttribute('aria-label', 'Cookie consent');
+          observer.disconnect(); // Stop observing once fixed
+        }
+      });
+      
+      // Start observing the document body for added nodes
+      observer.observe(document.body, { childList: true, subtree: true });
+      
     });
   </script>
     <script>
       document.addEventListener('DOMContentLoaded', function() {
-        const tables = document.querySelectorAll('.admonitionblock table, .colist table');
-        tables.forEach(table => {
+        // Fix accessibility for ALL tables without headers
+        const allTables = document.querySelectorAll('table');
+        allTables.forEach(table => {
           if (!table.hasAttribute('role')) {
-            table.setAttribute('role', 'none');
+            const hasHeaders = table.querySelector('th');
+            if (!hasHeaders) {
+              table.setAttribute('role', 'presentation');
+            }
           }
         });
       });