From 27457af85c90c096d3481567eded702e0aaa33e2 Mon Sep 17 00:00:00 2001
From: Daniel Rosenwasser <DanielRosenwasser@users.noreply.github.com>
Date: Thu, 6 Nov 2025 11:08:08 -0800
Subject: [PATCH] Fixes reported accessibility issues around link description
 and `<pre>` focus state.

---
 site/src/blog/announcing-typechat-0-1-0.md | 4 ++--
 site/src/css/styles.css                    | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/site/src/blog/announcing-typechat-0-1-0.md b/site/src/blog/announcing-typechat-0-1-0.md
index 37b32d03..9248e418 100644
--- a/site/src/blog/announcing-typechat-0-1-0.md
+++ b/site/src/blog/announcing-typechat-0-1-0.md
@@ -200,8 +200,8 @@ You can [see specifics of this change on GitHub](https://github.com/microsoft/Ty
 
 Other changes to be aware of are:
 
-* `TypeChatJsonProgram` and related functions, such as `createModuleTextFromProgram`, `evaluateJsonProgram`, and `createProgramTranslator` all live in `typechat/ts` ([see PR](https://github.com/microsoft/TypeChat/pull/147)).
-* The `processRequests` function for creating a REPL-like prompt now lives in `typechat/interactive` ([see PR](https://github.com/microsoft/TypeChat/pull/221)).
+* `TypeChatJsonProgram` and related functions, such as `createModuleTextFromProgram`, `evaluateJsonProgram`, and `createProgramTranslator` all live in `typechat/ts` ([see the pull request for these `TypeChatJsonProgram` changes](https://github.com/microsoft/TypeChat/pull/147)).
+* The `processRequests` function for creating a REPL-like prompt now lives in `typechat/interactive` ([see the pull request for these `processRequests` changes](https://github.com/microsoft/TypeChat/pull/221)).
 
 ## What's Next?
 
diff --git a/site/src/css/styles.css b/site/src/css/styles.css
index a7853e0e..c6df0e8d 100644
--- a/site/src/css/styles.css
+++ b/site/src/css/styles.css
@@ -79,6 +79,11 @@
     background-color: #f5f8fa;
 }
 
+.typechat-prose-content pre:focus {
+    outline: 3px solid #0078d4;
+    outline-offset: 2px;
+}
+
 .typechat-prose-content code {
     font-family: var(--typechat-monospace);
     color: var(--typechat-inline-code-color);