From bf1c9f4cad0e04b81c13831becca6b901d8b53be Mon Sep 17 00:00:00 2001
From: odero <odero@users.noreply.github.com>
Date: Tue, 26 Sep 2023 04:37:50 -0700
Subject: [PATCH] Fix multiple accessibility errors (#362)

* Fix multiple accessibility errors

* Fix spacing in closing tags
---
 ...rmat-efficiency-take-2-really-clean-json.html | 16 ++++++++--------
 index.html                                       |  4 ++--
 .../understand-odata-in-6-steps.html             | 12 ++++++------
 pages/reference-service.html                     |  6 +++---
 4 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/_posts/2012-01-19-format-efficiency-take-2-really-clean-json.html b/_posts/2012-01-19-format-efficiency-take-2-really-clean-json.html
index 4557e94..00ca771 100644
--- a/_posts/2012-01-19-format-efficiency-take-2-really-clean-json.html
+++ b/_posts/2012-01-19-format-efficiency-take-2-really-clean-json.html
@@ -112,25 +112,25 @@ <h2>Approach</h2>
 <h2>Capturing control information as patterns</h2>
 <p>I mentioned patterns several times already. Let me make this more concrete. As we discussed before in the OData mailing list, we’re adding support for annotations to metadata using vocabularies. In order to support this JSON-based “light” format we introduce a vocabulary that captures how to derive all bits of control information from the regular object data. We’ll have the details of every pattern documented in the official spec, but here are a few to show what they look like.</p>
 <p>This one shows the base URL for the service, and is used for all relative URLs in other patterns:</p>
-<p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>    &lt;</span></span><span><span style="color: #a31515">ValueAnnotation</span><span style="color: #ff0000">Term</span><span style="color: #0000ff">=</span>"<span style="color: #0000ff">odata.urls.baseurlexpression</span>"<span style="color: #ff0000">Target</span><span style="color: #0000ff">=</span>"<span style="color: #0000ff">ODataDemo.DemoService</span>"</span><span style="color: #0000ff">&gt;</span></span></p>
+<p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>    &lt;</span></span><span><span style="color: #a31515">ValueAnnotation </span><span style="color: #e50000">Term</span><span style="color: #0000ff">=</span>"<span style="color: #0000ff">odata.urls.baseurlexpression</span>"<span style="color: #e50000"> Target</span><span style="color: #0000ff">=</span>"<span style="color: #0000ff">ODataDemo.DemoService</span>"</span><span style="color: #0000ff">&gt;</span></span></p>
 <p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>      &lt;</span></span><span><span style="color: #a31515">String</span><span style="color: #0000ff">&gt;https://services.odata.org/OData/OData.svc/&lt;/<span><span style="color: #a31515">String</span></span></span></span><span style="color: #0000ff">&gt;</span></span></p>
 <p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>    &lt;/</span></span><span><span style="color: #a31515">ValueAnnotation</span></span><span style="color: #0000ff">&gt;</span></span></p>
 <p>These two show two URL construction rules, one to obtain the URL of a collection (a set) and one to obtain the URL of an individual element within that collection:</p>
-<p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>    &lt;</span></span><span><span style="color: #a31515">ValueAnnotation</span><span style="color: #ff0000">Term</span><span style="color: #0000ff">=</span>"<span style="color: #0000ff">odata.urls.setexpression</span>"<span style="color: #ff0000">Target</span><span style="color: #0000ff">=</span>"<span style="color: #0000ff">ODataDemo.DemoService.Products</span></span><span>"</span></span></p>
-<p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>                     </span></span><span><span style="color: #ff0000">String</span><span style="color: #0000ff">=</span>"<span style="color: #0000ff">Products/</span>"</span><span style="color: #0000ff">/&gt;</span></span></p>
+<p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>    &lt;</span></span><span><span style="color: #a31515">ValueAnnotation </span><span style="color: #e50000">Term</span><span style="color: #0000ff">=</span>"<span style="color: #0000ff">odata.urls.setexpression</span>"<span style="color: #e50000"> Target</span><span style="color: #0000ff">=</span>"<span style="color: #0000ff">ODataDemo.DemoService.Products</span></span><span>"</span></span></p>
+<p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>                     </span></span><span><span style="color: #e50000">String</span><span style="color: #0000ff">=</span>"<span style="color: #0000ff">Products/</span>"</span><span style="color: #0000ff">/&gt;</span></span></p>
 <p><span style="font-family: Lucida Console"><span> </span></span></p>
-<p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>    &lt;</span></span><span><span style="color: #a31515">ValueAnnotation</span><span style="color: #ff0000">Term</span><span style="color: #0000ff">=</span>"<span style="color: #0000ff">odata.urls.keylookupexpression</span>"<span style="color: #ff0000">Target</span><span style="color: #0000ff">=</span>"<span style="color: #0000ff">ODataDemo.DemoService.Products</span>"</span><span style="color: #0000ff">&gt;</span></span></p>
-<p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>      &lt;</span></span><span><span style="color: #a31515">Apply</span><span style="color: #ff0000">Function</span><span style="color: #0000ff">=</span>"<span style="color: #0000ff">KeyConcat</span>"</span><span style="color: #0000ff">&gt;</span></span></p>
+<p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>    &lt;</span></span><span><span style="color: #a31515">ValueAnnotation </span><span style="color: #e50000">Term</span><span style="color: #0000ff">=</span>"<span style="color: #0000ff">odata.urls.keylookupexpression</span>"<span style="color: #e50000"> Target</span><span style="color: #0000ff">=</span>"<span style="color: #0000ff">ODataDemo.DemoService.Products</span>"</span><span style="color: #0000ff">&gt;</span></span></p>
+<p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>      &lt;</span></span><span><span style="color: #a31515">Apply </span><span style="color: #e50000">Function</span><span style="color: #0000ff">=</span>"<span style="color: #0000ff">KeyConcat</span>"</span><span style="color: #0000ff">&gt;</span></span></p>
 <p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>        &lt;</span></span><span><span style="color: #a31515">String</span><span style="color: #0000ff">&gt;</span>(<span style="color: #0000ff">&lt;/</span><span style="color: #a31515">String</span></span><span style="color: #0000ff">&gt;</span></span></p>
 <p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>        &lt;</span></span><span><span style="color: #a31515">Path</span><span style="color: #0000ff">&gt;</span>ID<span style="color: #0000ff">&lt;/</span><span style="color: #a31515">Path</span></span><span style="color: #0000ff">&gt;</span></span></p>
 <p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>        &lt;</span></span><span><span style="color: #a31515">String</span><span style="color: #0000ff">&gt;</span>)/<span style="color: #0000ff">&lt;/</span><span style="color: #a31515">String</span></span><span style="color: #0000ff">&gt;</span></span></p>
 <p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>      &lt;/</span></span><span><span style="color: #a31515">Apply</span></span><span style="color: #0000ff">&gt;</span></span></p>
 <p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>    &lt;/</span></span><span><span style="color: #a31515">ValueAnnotation</span></span><span style="color: #0000ff">&gt;</span></span><span style="font-family: Lucida Console"><span> </span></span></p>
 <p>Finally, here’s one that’s not a URL but a plain value, in this case the ETag for each element (doesn’t apply to the “Product” type, but included here as an example):</p>
-<p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>    &lt;</span></span><span><span style="color: #a31515">ValueAnnotation</span><span style="color: #ff0000">Term</span><span style="color: #0000ff">=</span>"<span style="color: #0000ff">odata.json.etagexpression</span>"<span style="color: #ff0000">Target</span><span style="color: #0000ff">=</span>"<span style="color: #0000ff">ODataDemo.DemoService.Products</span>"</span><span style="color: #0000ff">&gt;</span></span></p>
-<p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>      &lt;</span></span><span><span style="color: #a31515">Apply</span><span style="color: #ff0000">Function</span><span style="color: #0000ff">=</span>"<span style="color: #0000ff">Concat</span>"</span><span style="color: #0000ff">&gt;</span></span></p>
+<p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>    &lt;</span></span><span><span style="color: #a31515">ValueAnnotation </span><span style="color: #e50000">Term</span><span style="color: #0000ff">=</span>"<span style="color: #0000ff">odata.json.etagexpression</span>"<span style="color: #e50000"> Target</span><span style="color: #0000ff">=</span>"<span style="color: #0000ff">ODataDemo.DemoService.Products</span>"</span><span style="color: #0000ff">&gt;</span></span></p>
+<p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>      &lt;</span></span><span><span style="color: #a31515">Apply </span><span style="color: #e50000">Function</span><span style="color: #0000ff">=</span>"<span style="color: #0000ff">Concat</span>"</span><span style="color: #0000ff">&gt;</span></span></p>
 <p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>        &lt;</span></span><span><span style="color: #a31515">String</span><span style="color: #0000ff">&gt;</span>W/"<span style="color: #0000ff">&lt;/</span><span style="color: #a31515">String</span></span><span style="color: #0000ff">&gt;</span></span></p>
-<p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>        &lt;</span></span><span><span style="color: #a31515">Apply</span><span style="color: #ff0000">Function</span><span style="color: #0000ff">=</span>"<span style="color: #0000ff">RawValue</span>"</span><span style="color: #0000ff">&gt;</span></span></p>
+<p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>        &lt;</span></span><span><span style="color: #a31515">Apply </span><span style="color: #e50000">Function</span><span style="color: #0000ff">=</span>"<span style="color: #0000ff">RawValue</span>"</span><span style="color: #0000ff">&gt;</span></span></p>
 <p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>          &lt;</span></span><span><span style="color: #a31515">Path</span><span style="color: #0000ff">&gt;</span>Version<span style="color: #0000ff">&lt;/</span><span style="color: #a31515">Path</span></span><span style="color: #0000ff">&gt;</span></span></p>
 <p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>        &lt;/</span></span><span><span style="color: #a31515">Apply</span></span><span style="color: #0000ff">&gt;</span></span></p>
 <p><span style="font-family: Lucida Console"><span style="color: #0000ff"><span>        &lt;</span></span><span><span style="color: #a31515">String</span><span style="color: #0000ff">&gt;</span>"<span style="color: #0000ff">&lt;/</span><span style="color: #a31515">String</span></span><span style="color: #0000ff">&gt;</span></span></p>
diff --git a/index.html b/index.html
index e34c32e..a05b196 100644
--- a/index.html
+++ b/index.html
@@ -10,8 +10,8 @@
     </ol>
 
     <!-- Wrapper for slides -->
-    <div class="carousel-inner zero-side-margin" aria-label="OData Description" role="listbox">
-      <div class="item active" role="option">
+    <div class="carousel-inner zero-side-margin" aria-label="OData Description">
+      <div class="item active">
         <img src="{{ '/assets/homepage_1.jpg' | prepend: site.baseurl | prepend: site.url }}" alt="Home">
         <div class="carousel-caption jumbotron transparent-background">
             <h1 class="text-center">OData - the best way to REST</h1>
diff --git a/pages/getting-started/understand-odata-in-6-steps.html b/pages/getting-started/understand-odata-in-6-steps.html
index df0aba5..127155f 100644
--- a/pages/getting-started/understand-odata-in-6-steps.html
+++ b/pages/getting-started/understand-odata-in-6-steps.html
@@ -475,7 +475,7 @@ <h3 class="top-margin bottom-margin">Step 1: Requesting resources
 <li role="presentation" class="dropdown">
 <a class="tab-link dropdown-toggle"  href="#csharp1" role="tab" id="csharpDrop1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-controls="csharpDrop1-contents">C# &nbsp;<span
             class="caret"></span></a></p>
-<ul class="dropdown-menu tab-link"aria-labelledby="csharpDrop1" id="csharpDrop1-contents">
+<ul role="presentation" class="dropdown-menu tab-link" id="csharpDrop1-contents">
 <li><a class="tab-link"  href="#csharpCodeGen1" role="tab" id="csharpCodeGen1-tab" data-toggle="tab" aria-controls="csharpCodeGen1">OData v4 Client Code Generator</a></li>
 <li><a class="tab-link"  href="#csharpSimpleOData1" role="tab" id="csharpSimpleOData1-tab" data-toggle="tab" aria-controls="csharpSimpleOData1">Simple.OData.Client</a></li>
 </ul>
@@ -583,7 +583,7 @@ <h3 class="top-margin bottom-margin">Step 2: Requesting an individual resource
 <li role="presentation" class="dropdown">
 <a class="tab-link dropdown-toggle" href="#csharp2" role="tab" id="csharpDrop2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-controls="csharpDrop2-contents">C# &nbsp;<span
             class="caret"></span></a></p>
-<ul class="dropdown-menu tab-link" aria-labelledby="csharpDrop1" id="csharpDrop2-contents">
+<ul role="presentation" class="dropdown-menu tab-link" id="csharpDrop2-contents">
 <li><a class="tab-link" href="#csharpCodeGen2" role="tab" id="csharpCodeGen2-tab" data-toggle="tab" aria-controls="csharpCodeGen2">OData v4 Client Code Generator</a></li>
 <li><a class="tab-link" href="#csharpSimpleOData2" role="tab" id="csharpSimpleOData2-tab" data-toggle="tab" aria-controls="csharpSimpleOData2">Simple.OData.Client</a></li>
 </ul>
@@ -692,7 +692,7 @@ <h3 class="top-margin bottom-margin">Step 3: Queries
 <li role="presentation" class="dropdown">
 <a class="tab-link dropdown-toggle" href="#csharp3" role="tab" id="csharpDrop3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-controls="csharpDrop3-contents">C#
           &nbsp;<span class="caret"></span></a></p>
-<ul class="dropdown-menu tab-link" aria-labelledby="csharpDrop3" id="csharpDrop3-contents">
+<ul role="presentation" class="dropdown-menu tab-link" id="csharpDrop3-contents">
 <li><a class="tab-link" href="#csharpCodeGen3" role="tab" id="csharpCodeGen3-tab" data-toggle="tab" aria-controls="csharpCodeGen3">OData v4 Client Code Generator</a></li>
 <li><a class="tab-link" href="#csharpSimpleOData3" role="tab" id="csharpSimpleOData3-tab" data-toggle="tab" aria-controls="csharpSimpleOData3">Simple.OData.Client</a></li>
 </ul>
@@ -810,7 +810,7 @@ <h3 class="top-margin bottom-margin">Step 4: Creating a new resource
 <li role="presentation" class="dropdown">
 <a class="tab-link dropdown-toggle" href="#csharp4" role="tab" id="csharpDrop4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-controls="csharpDrop4-contents">C# &nbsp;<span
             class="caret"></span></a></p>
-<ul class="dropdown-menu tab-link" aria-labelledby="csharpDrop4" id="csharpDrop4-contents">
+<ul role="presentation" class="dropdown-menu tab-link" id="csharpDrop4-contents">
 <li><a class="tab-link" href="#csharpCodeGen4" role="tab" id="csharpCodeGen4-tab" data-toggle="tab" aria-controls="csharpCodeGen4">OData v4 Client Code Generator</a></li>
 <li><a class="tab-link" href="#csharpSimpleOData4" role="tab" id="csharpSimpleOData4-tab" data-toggle="tab" aria-controls="csharpSimpleOData4">Simple.OData.Client</a></li>
 </ul>
@@ -1074,7 +1074,7 @@ <h3 class="top-margin bottom-margin">Step 5: Relating resources
 <li role="presentation" class="dropdown">
 <a class="tab-link dropdown-toggle" href="#csharp5" role="tab" id="csharpDrop5" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-controls="csharpDrop5-contents">C# &nbsp;<span
             class="caret"></span></a></p>
-<ul class="dropdown-menu tab-link" aria-labelledby="csharpDrop5" id="csharpDrop5-contents">
+<ul role="presentation" class="dropdown-menu tab-link" id="csharpDrop5-contents">
 <li><a class="tab-link" href="#csharpCodeGen5" role="tab" id="csharpCodeGen5-tab" data-toggle="tab" aria-controls="csharpCodeGen5">OData v4 Client Code Generator</a></li>
 <li><a class="tab-link" href="#csharpSimpleOData5" role="tab" id="csharpSimpleOData5-tab" data-toggle="tab" aria-controls="csharpSimpleOData5">Simple.OData.Client</a></li>
 </ul>
@@ -1243,7 +1243,7 @@ <h3 class="top-margin bottom-margin">Step 6: Invoking a function
 <li role="presentation" class="dropdown">
 <a class="tab-link dropdown-toggle" href="#csharp6" role="tab" id="csharpDrop6" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-controls="csharpDrop1-contents">C# &nbsp;<span
             class="caret"></span></a></p>
-<ul class="dropdown-menu tab-link" aria-labelledby="csharpDrop6" id="csharpDrop6-contents">
+<ul role="presentation" class="dropdown-menu tab-link" id="csharpDrop6-contents">
 <li><a class="tab-link" href="#csharpCodeGen6" role="tab" id="csharpCodeGen6-tab" data-toggle="tab" aria-controls="csharpCodeGen6">OData v4 Client Code Generator</a></li>
 <li><a class="tab-link" href="#csharpSimpleOData6" role="tab" id="csharpSimpleOData6-tab" data-toggle="tab" aria-controls="csharpSimpleOData6">Simple.OData.Client</a></li>
 </ul>
diff --git a/pages/reference-service.html b/pages/reference-service.html
index ab90935..955ea83 100644
--- a/pages/reference-service.html
+++ b/pages/reference-service.html
@@ -6,13 +6,13 @@
 ---
 <div id="services-tab">
 <ul class="nav nav-tabs" role="tablist" aria-label="Versions"> 
-  <li class="active">
+  <li class="active" role="presentation">
     <a class="tab-link" href="#odata-v4" role="tab" aria-controls="odata-v4" data-toggle="tab">OData v4</a>
   </li>
-  <li>
+  <li role="presentation">
     <a class="tab-link"  href="#v3" role="tab" data-toggle="tab" aria-controls="v3" tabindex="-1">OData v3</a>
   </li>
-  <li>
+  <li role="presentation">
     <a class="tab-link" href="#v2" role="tab" data-toggle="tab" aria-controls="v2" tabindex="-1">OData v2</a>
   </li>
 </ul>