From 891ebcba67d12819a10971ba203969696673c613 Mon Sep 17 00:00:00 2001
From: Alexandre Catarino <AlexCatarino@users.noreply.github.com>
Date: Fri, 19 Jun 2026 18:12:14 +0100
Subject: [PATCH] Make resolution data-format tables accessible and DRY

Replace the green-check images in all Resources/securities/resolutions
tables with text markers driven by shared qc-table CSS: supported cells
use a green check glyph, unsupported cells stay blank, and both carry an
sr-only Supported/Not supported label for screen readers and AI agents.
Remove the per-file inline style blocks now that the styling lives in
the global qc-table stylesheet.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 Resources/securities/resolutions/cfd.html     | 45 +++++---------
 .../resolutions/crypto-futures.html           | 53 ++++++----------
 Resources/securities/resolutions/crypto.html  | 53 ++++++----------
 .../resolutions/equity-options.html           | 45 +++++---------
 Resources/securities/resolutions/equity.html  | 61 ++++++-------------
 Resources/securities/resolutions/forex.html   | 45 +++++---------
 .../resolutions/future-options.html           | 45 +++++---------
 Resources/securities/resolutions/futures.html | 53 ++++++----------
 .../securities/resolutions/index-options.html | 45 +++++---------
 Resources/securities/resolutions/index.html   | 47 ++++++--------
 .../securities/resolutions/india-equity.html  | 43 +++++--------
 11 files changed, 192 insertions(+), 343 deletions(-)

diff --git a/Resources/securities/resolutions/cfd.html b/Resources/securities/resolutions/cfd.html
index b4c5ab234a..3a36f47a61 100644
--- a/Resources/securities/resolutions/cfd.html
+++ b/Resources/securities/resolutions/cfd.html
@@ -13,51 +13,38 @@
     <tbody>
         <tr>
             <td><code class="csharp">Tick</code><code class="python">TICK</code></td>
-	    <td></td>
-            <td></td>
-            <td></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;" style="font-size: 16px;"></td>
+	    <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
         </tr>
         <tr>
             <td><code class="csharp">Second</code><code class="python">SECOND</code></td>
 	    <td><br></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Minute</code><code class="python">MINUTE</code></td>
 	    <td><br></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Hour</code><code class="python">HOUR</code></td>
 	    <td><br></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;" style="font-size: 16px;"></td>
-            <td></td>
-            <td></td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Daily</code><code class="python">DAILY</code></td>
 	    <td><br></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;" style="font-size: 16px;"></td>
-            <td></td>
-            <td></td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
     </tbody>
 </table>
-
-<style>
-#resolution-and-data-formats td:nth-child(2), 
-#resolution-and-data-formats th:nth-child(2), 
-#resolution-and-data-formats td:nth-child(3), 
-#resolution-and-data-formats th:nth-child(3), 
-#resolution-and-data-formats td:nth-child(4), 
-#resolution-and-data-formats th:nth-child(4), 
-#resolution-and-data-formats td:last-child, 
-#resolution-and-data-formats th:last-child {
-    text-align: center;
-}
-</style>
\ No newline at end of file
diff --git a/Resources/securities/resolutions/crypto-futures.html b/Resources/securities/resolutions/crypto-futures.html
index 10e4f54b2e..9ad56c494b 100644
--- a/Resources/securities/resolutions/crypto-futures.html
+++ b/Resources/securities/resolutions/crypto-futures.html
@@ -13,51 +13,38 @@
     <tbody>
         <tr>
             <td><code class="csharp">Tick</code><code class="python">TICK</code></td>
-	    <td></td>
-            <td></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
+	    <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
         </tr>
         <tr>
             <td><code class="csharp">Second</code><code class="python">SECOND</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Minute</code><code class="python">MINUTE</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Hour</code><code class="python">HOUR</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Daily</code><code class="python">DAILY</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
     </tbody>
 </table>
-
-<style>
-#resolution-and-data-formats td:nth-child(2), 
-#resolution-and-data-formats th:nth-child(2), 
-#resolution-and-data-formats td:nth-child(3), 
-#resolution-and-data-formats th:nth-child(3), 
-#resolution-and-data-formats td:nth-child(4), 
-#resolution-and-data-formats th:nth-child(4), 
-#resolution-and-data-formats td:last-child, 
-#resolution-and-data-formats th:last-child {
-    text-align: center;
-}
-</style>
diff --git a/Resources/securities/resolutions/crypto.html b/Resources/securities/resolutions/crypto.html
index aa51ebf892..c906962cb7 100644
--- a/Resources/securities/resolutions/crypto.html
+++ b/Resources/securities/resolutions/crypto.html
@@ -13,51 +13,38 @@
     <tbody>
         <tr>
             <td><code class="csharp">Tick</code><code class="python">TICK</code></td>
-	    <td></td>
-            <td></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
+	    <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
         </tr>
         <tr>
             <td><code class="csharp">Second</code><code class="python">SECOND</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Minute</code><code class="python">MINUTE</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Hour</code><code class="python">HOUR</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Daily</code><code class="python">DAILY</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
     </tbody>
 </table>
-
-<style>
-#resolution-and-data-formats td:nth-child(2), 
-#resolution-and-data-formats th:nth-child(2), 
-#resolution-and-data-formats td:nth-child(3), 
-#resolution-and-data-formats th:nth-child(3), 
-#resolution-and-data-formats td:nth-child(4), 
-#resolution-and-data-formats th:nth-child(4), 
-#resolution-and-data-formats td:last-child, 
-#resolution-and-data-formats th:last-child {
-    text-align: center;
-}
-</style>
diff --git a/Resources/securities/resolutions/equity-options.html b/Resources/securities/resolutions/equity-options.html
index 6f0d7ddfa8..63f522cf4e 100644
--- a/Resources/securities/resolutions/equity-options.html
+++ b/Resources/securities/resolutions/equity-options.html
@@ -13,8 +13,8 @@
     <tbody>
         <tr>
             <td><code class="csharp">Tick</code><code class="python">TICK</code></td>
-	    <td></td>
-            <td></td>
+	    <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
             <td><br></td>
             <td><br></td>
         </tr>
@@ -22,42 +22,29 @@
             <td><code class="csharp">Second</code><code class="python">SECOND</code></td>
 	    <td><br></td>
             <td><br></td>
-            <td></td>
-            <td></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Minute</code><code class="python">MINUTE</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Hour</code><code class="python">HOUR</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Daily</code><code class="python">DAILY</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
     </tbody>
 </table>
-
-<style>
-#resolution-and-data-formats td:nth-child(2), 
-#resolution-and-data-formats th:nth-child(2), 
-#resolution-and-data-formats td:nth-child(3), 
-#resolution-and-data-formats th:nth-child(3), 
-#resolution-and-data-formats td:nth-child(4), 
-#resolution-and-data-formats th:nth-child(4), 
-#resolution-and-data-formats td:last-child, 
-#resolution-and-data-formats th:last-child {
-    text-align: center;
-}
-</style>
\ No newline at end of file
diff --git a/Resources/securities/resolutions/equity.html b/Resources/securities/resolutions/equity.html
index 3204052cd9..493e8076ad 100644
--- a/Resources/securities/resolutions/equity.html
+++ b/Resources/securities/resolutions/equity.html
@@ -13,59 +13,38 @@
     <tbody>
         <tr>
             <td><code class="csharp">Tick</code><code class="python">TICK</code></td>
-            <td><span class="hidden">Not supported</span></td>
-            <td><span class="hidden">Not supported</span></td>
-            <td class="yes"><span class="hidden">Supported</span>✓</td>
-            <td class="yes"><span class="hidden">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
         </tr>
         <tr>
             <td><code class="csharp">Second</code><code class="python">SECOND</code></td>
-            <td class="yes"><span class="hidden">Supported</span>✓</td>
-            <td class="yes"><span class="hidden">Supported</span>✓</td>
-            <td><span class="hidden">Not supported</span></td>
-            <td><span class="hidden">Not supported</span></td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Minute</code><code class="python">MINUTE</code></td>
-            <td class="yes"><span class="hidden">Supported</span>✓</td>
-            <td class="yes"><span class="hidden">Supported</span>✓</td>
-            <td><span class="hidden">Not supported</span></td>
-            <td><span class="hidden">Not supported</span></td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Hour</code><code class="python">HOUR</code></td>
-            <td class="yes"><span class="hidden">Supported</span>✓</td>
-            <td><span class="hidden">Not supported</span></td>
-            <td><span class="hidden">Not supported</span></td>
-            <td><span class="hidden">Not supported</span></td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Daily</code><code class="python">DAILY</code></td>
-            <td class="yes"><span class="hidden">Supported</span>✓</td>
-            <td><span class="hidden">Not supported</span></td>
-            <td><span class="hidden">Not supported</span></td>
-            <td><span class="hidden">Not supported</span></td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
     </tbody>
 </table>
-
-<style>
-#resolution-and-data-formats td:nth-child(2),
-#resolution-and-data-formats th:nth-child(2),
-#resolution-and-data-formats td:nth-child(3),
-#resolution-and-data-formats th:nth-child(3),
-#resolution-and-data-formats td:nth-child(4),
-#resolution-and-data-formats th:nth-child(4),
-#resolution-and-data-formats td:last-child,
-#resolution-and-data-formats th:last-child {
-    text-align: center;
-}
-#resolution-and-data-formats .yes { color: #16a34a; }
-#resolution-and-data-formats .hidden {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    overflow: hidden;
-    clip: rect(0 0 0 0);
-}
-</style>
diff --git a/Resources/securities/resolutions/forex.html b/Resources/securities/resolutions/forex.html
index 0123e71dee..cc2fe290b1 100644
--- a/Resources/securities/resolutions/forex.html
+++ b/Resources/securities/resolutions/forex.html
@@ -13,51 +13,38 @@
     <tbody>
         <tr>
             <td><code class="csharp">Tick</code><code class="python">TICK</code></td>
-	    <td></td>
-            <td></td>
-            <td></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;" style="font-size: 16px;"></td>
+	    <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
         </tr>
         <tr>
             <td><code class="csharp">Second</code><code class="python">SECOND</code></td>
 	    <td><br></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Minute</code><code class="python">MINUTE</code></td>
 	    <td><br></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Hour</code><code class="python">HOUR</code></td>
 	    <td><br></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;" style="font-size: 16px;"></td>
-            <td></td>
-            <td></td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Daily</code><code class="python">DAILY</code></td>
 	    <td><br></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;" style="font-size: 16px;"></td>
-            <td></td>
-            <td></td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
     </tbody>
 </table>
-
-<style>
-#resolution-and-data-formats td:nth-child(2), 
-#resolution-and-data-formats th:nth-child(2), 
-#resolution-and-data-formats td:nth-child(3), 
-#resolution-and-data-formats th:nth-child(3), 
-#resolution-and-data-formats td:nth-child(4), 
-#resolution-and-data-formats th:nth-child(4), 
-#resolution-and-data-formats td:last-child, 
-#resolution-and-data-formats th:last-child {
-    text-align: center;
-}
-</style>
\ No newline at end of file
diff --git a/Resources/securities/resolutions/future-options.html b/Resources/securities/resolutions/future-options.html
index b7447c2aa5..4b68deffea 100644
--- a/Resources/securities/resolutions/future-options.html
+++ b/Resources/securities/resolutions/future-options.html
@@ -13,8 +13,8 @@
     <tbody>
         <tr>
             <td><code class="csharp">Tick</code><code class="python">TICK</code></td>
-	    <td></td>
-            <td></td>
+	    <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
             <td><br></td>
             <td><br></td>
         </tr>
@@ -22,42 +22,29 @@
             <td><code class="csharp">Second</code><code class="python">SECOND</code></td>
 	    <td><br></td>
             <td><br></td>
-            <td></td>
-            <td></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Minute</code><code class="python">MINUTE</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Hour</code><code class="python">HOUR</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Daily</code><code class="python">DAILY</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
     </tbody>
 </table>
-
-<style>
-#resolution-and-data-formats td:nth-child(2), 
-#resolution-and-data-formats th:nth-child(2), 
-#resolution-and-data-formats td:nth-child(3), 
-#resolution-and-data-formats th:nth-child(3), 
-#resolution-and-data-formats td:nth-child(4), 
-#resolution-and-data-formats th:nth-child(4), 
-#resolution-and-data-formats td:last-child, 
-#resolution-and-data-formats th:last-child {
-    text-align: center;
-}
-</style>
\ No newline at end of file
diff --git a/Resources/securities/resolutions/futures.html b/Resources/securities/resolutions/futures.html
index d5c1e497c4..0086e2522a 100644
--- a/Resources/securities/resolutions/futures.html
+++ b/Resources/securities/resolutions/futures.html
@@ -13,51 +13,38 @@
     <tbody>
         <tr>
             <td><code class="csharp">Tick</code><code class="python">TICK</code></td>
-	    <td></td>
-            <td></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
+	    <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
         </tr>
         <tr>
             <td><code class="csharp">Second</code><code class="python">SECOND</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Minute</code><code class="python">MINUTE</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Hour</code><code class="python">HOUR</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Daily</code><code class="python">DAILY</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
     </tbody>
 </table>
-
-<style>
-#resolution-and-data-formats td:nth-child(2), 
-#resolution-and-data-formats th:nth-child(2), 
-#resolution-and-data-formats td:nth-child(3), 
-#resolution-and-data-formats th:nth-child(3), 
-#resolution-and-data-formats td:nth-child(4), 
-#resolution-and-data-formats th:nth-child(4), 
-#resolution-and-data-formats td:last-child, 
-#resolution-and-data-formats th:last-child {
-    text-align: center;
-}
-</style>
\ No newline at end of file
diff --git a/Resources/securities/resolutions/index-options.html b/Resources/securities/resolutions/index-options.html
index 4baf1fb9c9..b15a4e78be 100644
--- a/Resources/securities/resolutions/index-options.html
+++ b/Resources/securities/resolutions/index-options.html
@@ -13,8 +13,8 @@
     <tbody>
         <tr>
             <td><code class="csharp">Tick</code><code class="python">TICK</code></td>
-	    <td></td>
-            <td></td>
+	    <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
             <td><br></td>
             <td><br></td>
         </tr>
@@ -22,42 +22,29 @@
             <td><code class="csharp">Second</code><code class="python">SECOND</code></td>
 	    <td><br></td>
             <td><br></td>
-            <td></td>
-            <td></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Minute</code><code class="python">MINUTE</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Hour</code><code class="python">HOUR</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Daily</code><code class="python">DAILY</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
     </tbody>
 </table>
-
-<style>
-#resolution-and-data-formats td:nth-child(2), 
-#resolution-and-data-formats th:nth-child(2), 
-#resolution-and-data-formats td:nth-child(3), 
-#resolution-and-data-formats th:nth-child(3), 
-#resolution-and-data-formats td:nth-child(4), 
-#resolution-and-data-formats th:nth-child(4), 
-#resolution-and-data-formats td:last-child, 
-#resolution-and-data-formats th:last-child {
-    text-align: center;
-}
-</style>
\ No newline at end of file
diff --git a/Resources/securities/resolutions/index.html b/Resources/securities/resolutions/index.html
index e5919d5375..69ab8baa11 100644
--- a/Resources/securities/resolutions/index.html
+++ b/Resources/securities/resolutions/index.html
@@ -13,51 +13,38 @@
     <tbody>
         <tr>
             <td><code class="csharp">Tick</code><code class="python">TICK</code></td>
-	    <td></td>
-            <td></td>
-            <td></td>
+	    <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
             <td><br></td>
         </tr>
         <tr>
             <td><code class="csharp">Second</code><code class="python">SECOND</code></td>
-	    <td></td>
+	    <td class="unsupported"><span class="sr-only">Not supported</span></td>
             <td><br></td>
-            <td></td>
-            <td></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Minute</code><code class="python">MINUTE</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
             <td><br></td>
-            <td></td>
-            <td></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Hour</code><code class="python">HOUR</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
-            <td></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Daily</code><code class="python">DAILY</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
-            <td></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
     </tbody>
 </table>
-
-<style>
-#resolution-and-data-formats td:nth-child(2), 
-#resolution-and-data-formats th:nth-child(2), 
-#resolution-and-data-formats td:nth-child(3), 
-#resolution-and-data-formats th:nth-child(3), 
-#resolution-and-data-formats td:nth-child(4), 
-#resolution-and-data-formats th:nth-child(4), 
-#resolution-and-data-formats td:last-child, 
-#resolution-and-data-formats th:last-child {
-    text-align: center;
-}
-</style>
diff --git a/Resources/securities/resolutions/india-equity.html b/Resources/securities/resolutions/india-equity.html
index a736efa865..e18fa271ae 100644
--- a/Resources/securities/resolutions/india-equity.html
+++ b/Resources/securities/resolutions/india-equity.html
@@ -13,8 +13,8 @@
     <tbody>
         <tr>
             <td><code class="csharp">Tick</code><code class="python">TICK</code></td>
-	    <td></td>
-            <td></td>
+	    <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
             <td><br></td>
             <td><br></td>
         </tr>
@@ -22,42 +22,29 @@
             <td><code class="csharp">Second</code><code class="python">SECOND</code></td>
 	    <td><br></td>
             <td><br></td>
-            <td></td>
-            <td></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Minute</code><code class="python">MINUTE</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
             <td><br></td>
-            <td></td>
-            <td></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Hour</code><code class="python">HOUR</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
-            <td></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
         <tr>
             <td><code class="csharp">Daily</code><code class="python">DAILY</code></td>
-	    <td><img src="https://cdn.quantconnect.com/i/tu/check.png" alt="green check" width="15px;"></td>
-            <td></td>
-            <td></td>
-            <td></td>
+	    <td class="supported"><span class="sr-only">Supported</span>✓</td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
+            <td class="unsupported"><span class="sr-only">Not supported</span></td>
         </tr>
     </tbody>
 </table>
-
-<style>
-#resolution-and-data-formats td:nth-child(2), 
-#resolution-and-data-formats th:nth-child(2), 
-#resolution-and-data-formats td:nth-child(3), 
-#resolution-and-data-formats th:nth-child(3), 
-#resolution-and-data-formats td:nth-child(4), 
-#resolution-and-data-formats th:nth-child(4), 
-#resolution-and-data-formats td:last-child, 
-#resolution-and-data-formats th:last-child {
-    text-align: center;
-}
-</style>
\ No newline at end of file