diff --git a/app/globals.css b/app/globals.css index 31e9dab..fe9d3f4 100644 --- a/app/globals.css +++ b/app/globals.css @@ -103,3 +103,16 @@ body::before { .drawer-fade { animation: drawer-fade-in 0.15s ease-out; } + +/* Visually hidden, still read by screen readers. */ +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; +} diff --git a/components/channel-chat.tsx b/components/channel-chat.tsx index 80949c2..0dda875 100644 --- a/components/channel-chat.tsx +++ b/components/channel-chat.tsx @@ -6,6 +6,7 @@ import { ToolCall } from "@/components/tool-call"; import { Send, Square, Slash, Sparkles, Pin as PinIcon } from "lucide-react"; import { localMember } from "@/lib/team"; import { useIdentityVersion } from "@/lib/use-identity-version"; +import { chatLogProps, composerProps, statusRegionProps } from "@/lib/a11y"; const LOCAL = localMember(); @@ -308,7 +309,7 @@ export function ChannelChat({ description={description} /> ) : ( -
+
{items.map((it, i) => ( )} {item.kind === "assistant" && item.streaming && item.text && ( - + )}