From 348f492b6af1c63f2be6a5da6eaddc277afef86d Mon Sep 17 00:00:00 2001
From: Dan Marshall <danmar@microsoft.com>
Date: Thu, 19 Dec 2024 09:55:21 -0800
Subject: [PATCH 1/5] lighter breadcrumb background

---
 docs/_sass/settings/_settings.colors.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/_sass/settings/_settings.colors.scss b/docs/_sass/settings/_settings.colors.scss
index 34310cce..369635b2 100644
--- a/docs/_sass/settings/_settings.colors.scss
+++ b/docs/_sass/settings/_settings.colors.scss
@@ -1308,7 +1308,7 @@ $ms-gray: (
 
 /// @group Black
 /// @type Color
-$ms-black-100: #f2f2f2;
+$ms-black-100: #f5f5f5;
 
 /// @group Black
 /// @type Color

From e9582d80cfab80f55cac46678dcacd77534023a2 Mon Sep 17 00:00:00 2001
From: Dan Marshall <danmar@microsoft.com>
Date: Thu, 19 Dec 2024 09:55:41 -0800
Subject: [PATCH 2/5] use higher contrast hljs stylesheet

---
 docs/tests/data-inference/v1/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/tests/data-inference/v1/index.html b/docs/tests/data-inference/v1/index.html
index d9e60143..e60948fb 100644
--- a/docs/tests/data-inference/v1/index.html
+++ b/docs/tests/data-inference/v1/index.html
@@ -7,8 +7,8 @@
     <title>Data-Inference test</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <script src="https://unpkg.com/vega@^5.30/build/vega.js" charset="utf-8"></script>
-    <link rel="stylesheet" href="https://unpkg.com/@highlightjs/cdn-assets@11.7.0/styles/default.min.css">
-    <script src="https://unpkg.com/@highlightjs/cdn-assets@11.7.0/highlight.min.js"></script>
+    <link rel="stylesheet" href="https://unpkg.com/@highlightjs/cdn-assets@11.11.0/styles/a11y-light.css">
+    <script src="https://unpkg.com/@highlightjs/cdn-assets@11.11.0/highlight.min.js"></script>
     <script src="js/data-inference.js"></script>
 
     <style>

From b33eb0e8ecf594736b7fb7c179e10092bfc6e547 Mon Sep 17 00:00:00 2001
From: Dan Marshall <danmar@microsoft.com>
Date: Thu, 19 Dec 2024 10:04:56 -0800
Subject: [PATCH 3/5] Add role attribute to tree items for improved
 accessibility

---
 docs/_layouts/api.html  | 2 +-
 docs/_layouts/docs.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/_layouts/api.html b/docs/_layouts/api.html
index f759d376..50093200 100644
--- a/docs/_layouts/api.html
+++ b/docs/_layouts/api.html
@@ -20,7 +20,7 @@
 
                     {% assign tree_url = site.baseurl | append: "/docs/" | append : tree[0] | append: "/v3/api/" %}
 
-                    <li class="c-tree__item o-list-bare__item">
+                    <li class="c-tree__item o-list-bare__item" role="treeitem">
                         <div class="c-tree__toggle js-tree-toggle{% if page_url == tree_url %} is-open is-active{% endif %}">
                             <a href="{{ tree_url }}" {% if page_url == tree_url %}class="is-active"{% endif %}>
                                 {{ tree[0] }}
diff --git a/docs/_layouts/docs.html b/docs/_layouts/docs.html
index 6c075a42..f922bffa 100644
--- a/docs/_layouts/docs.html
+++ b/docs/_layouts/docs.html
@@ -24,7 +24,7 @@
             <div class="o-layout__item u-1/4@tablet c-tree-stick">
                 <ul id="site-tree" class="c-tree o-list-bare" role="tree">
                     {% for tree in site.data.tree %}
-                    <li class="c-tree__item o-list-bare__item">
+                    <li class="c-tree__item o-list-bare__item" role="treeitem">
                         <div class="c-tree__toggle js-tree-toggle">
                             {{ tree[0] }}
                         </div>

From d87a06f59635ba7b033d97da68e730d927fc7f19 Mon Sep 17 00:00:00 2001
From: Dan Marshall <danmar@microsoft.com>
Date: Thu, 19 Dec 2024 10:23:12 -0800
Subject: [PATCH 4/5] move role=tablist to parent of tabs

---
 docs/app/js/sanddance-app.js                          | 6 +++---
 docs/dist/sanddance-explorer/v4/sanddance-explorer.js | 6 +++---
 docs/tests/v4/es6/js/sanddance-app.js                 | 6 +++---
 packages/sanddance-explorer/src/controls/sidebar.tsx  | 4 ++--
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/docs/app/js/sanddance-app.js b/docs/app/js/sanddance-app.js
index 3f71492d..25925306 100644
--- a/docs/app/js/sanddance-app.js
+++ b/docs/app/js/sanddance-app.js
@@ -56437,10 +56437,10 @@ function Sidebar(props) {
     }, (0, _base.base).react.createElement("div", {
         className: "sidebar-content"
     }, (0, _base.base).react.createElement((0, _dataScope.DataScope), Object.assign({}, props.dataScopeProps)), (0, _base.base).react.createElement("div", {
-        className: "vbuttons",
-        role: 'tablist'
+        className: "vbuttons"
     }, (0, _base.base).react.createElement("div", {
-        className: "sidebar-dialogs"
+        className: "sidebar-dialogs",
+        role: 'tablist'
     }, sidebuttons.map((sidebutton, i)=>(0, _base.base).react.createElement((0, _sideButton.Sidebutton), Object.assign({
             key: i
         }, props, sidebutton, {
diff --git a/docs/dist/sanddance-explorer/v4/sanddance-explorer.js b/docs/dist/sanddance-explorer/v4/sanddance-explorer.js
index c40c0f9a..7bbd5967 100644
--- a/docs/dist/sanddance-explorer/v4/sanddance-explorer.js
+++ b/docs/dist/sanddance-explorer/v4/sanddance-explorer.js
@@ -47152,10 +47152,10 @@ function $a4defabaac4a9afe$export$1ba59dacbcbf90fe(props) {
     }, (0, $a601a4135959dcb0$export$e2253033e6e1df16).react.createElement("div", {
         className: "sidebar-content"
     }, (0, $a601a4135959dcb0$export$e2253033e6e1df16).react.createElement((0, $86b892255d8eb4f0$export$3fb74a6ae4f1171d), Object.assign({}, props.dataScopeProps)), (0, $a601a4135959dcb0$export$e2253033e6e1df16).react.createElement("div", {
-        className: "vbuttons",
-        role: 'tablist'
+        className: "vbuttons"
     }, (0, $a601a4135959dcb0$export$e2253033e6e1df16).react.createElement("div", {
-        className: "sidebar-dialogs"
+        className: "sidebar-dialogs",
+        role: 'tablist'
     }, sidebuttons.map((sidebutton, i)=>(0, $a601a4135959dcb0$export$e2253033e6e1df16).react.createElement((0, $d7542c73853af2f5$export$a8fc19311f33df91), Object.assign({
             key: i
         }, props, sidebutton, {
diff --git a/docs/tests/v4/es6/js/sanddance-app.js b/docs/tests/v4/es6/js/sanddance-app.js
index 3f71492d..25925306 100644
--- a/docs/tests/v4/es6/js/sanddance-app.js
+++ b/docs/tests/v4/es6/js/sanddance-app.js
@@ -56437,10 +56437,10 @@ function Sidebar(props) {
     }, (0, _base.base).react.createElement("div", {
         className: "sidebar-content"
     }, (0, _base.base).react.createElement((0, _dataScope.DataScope), Object.assign({}, props.dataScopeProps)), (0, _base.base).react.createElement("div", {
-        className: "vbuttons",
-        role: 'tablist'
+        className: "vbuttons"
     }, (0, _base.base).react.createElement("div", {
-        className: "sidebar-dialogs"
+        className: "sidebar-dialogs",
+        role: 'tablist'
     }, sidebuttons.map((sidebutton, i)=>(0, _base.base).react.createElement((0, _sideButton.Sidebutton), Object.assign({
             key: i
         }, props, sidebutton, {
diff --git a/packages/sanddance-explorer/src/controls/sidebar.tsx b/packages/sanddance-explorer/src/controls/sidebar.tsx
index a6229ba9..061b2b6c 100644
--- a/packages/sanddance-explorer/src/controls/sidebar.tsx
+++ b/packages/sanddance-explorer/src/controls/sidebar.tsx
@@ -70,8 +70,8 @@ export function Sidebar(props: Props) {
                 <DataScope
                     {...props.dataScopeProps}
                 />
-                <div className="vbuttons" role='tablist'>
-                    <div className="sidebar-dialogs">
+                <div className="vbuttons">
+                    <div className="sidebar-dialogs" role='tablist'>
                         {sidebuttons.map((sidebutton, i) => (
                             <Sidebutton
                                 key={i}

From d6da902abcef4107003ccfd36a2103125e2f88df Mon Sep 17 00:00:00 2001
From: Dan Marshall <danmar@microsoft.com>
Date: Thu, 19 Dec 2024 10:24:12 -0800
Subject: [PATCH 5/5] Add language attribute to HTML tag for improved
 accessibility

---
 docs/tests/data-inference/v1/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/tests/data-inference/v1/index.html b/docs/tests/data-inference/v1/index.html
index e60948fb..eefe448b 100644
--- a/docs/tests/data-inference/v1/index.html
+++ b/docs/tests/data-inference/v1/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 
 <head>
     <meta charset="utf-8" />