diff --git a/packages/opencode/src/cli/cmd/tui/component/border.tsx b/packages/opencode/src/cli/cmd/tui/component/border.tsx
index 333071020c4..6c37c80be41 100644
--- a/packages/opencode/src/cli/cmd/tui/component/border.tsx
+++ b/packages/opencode/src/cli/cmd/tui/component/border.tsx
@@ -19,3 +19,19 @@ export const SplitBorder = {
     vertical: "┃",
   },
 }
+
+export const SplitBorderAscii = {
+  border: ["left" as const, "right" as const],
+  customBorderChars: {
+    ...EmptyBorder,
+    vertical: "|",
+  },
+}
+
+export function getSplitBorder(accessible: boolean) {
+  return accessible ? SplitBorderAscii : SplitBorder
+}
+
+export function getSplitBorderChars(accessible: boolean) {
+  return accessible ? SplitBorderAscii.customBorderChars : SplitBorder.customBorderChars
+}
diff --git a/packages/opencode/src/cli/cmd/tui/component/dialog-mcp.tsx b/packages/opencode/src/cli/cmd/tui/component/dialog-mcp.tsx
index 9cfa30d4df9..b050d962b4d 100644
--- a/packages/opencode/src/cli/cmd/tui/component/dialog-mcp.tsx
+++ b/packages/opencode/src/cli/cmd/tui/component/dialog-mcp.tsx
@@ -7,16 +7,22 @@ import { useTheme } from "../context/theme"
 import { Keybind } from "@/util/keybind"
 import { TextAttributes } from "@opentui/core"
 import { useSDK } from "@tui/context/sdk"
+import { useAccessibility } from "@tui/util/accessibility"
 
 function Status(props: { enabled: boolean; loading: boolean }) {
   const { theme } = useTheme()
+  const accessibility = useAccessibility()
   if (props.loading) {
-    return <span style={{ fg: theme.textMuted }}>⋯ Loading</span>
+    return <span style={{ fg: theme.textMuted }}>{accessibility() ? "Loading" : "⋯ Loading"}</span>
   }
   if (props.enabled) {
-    return <span style={{ fg: theme.success, attributes: TextAttributes.BOLD }}>✓ Enabled</span>
+    return (
+      <span style={{ fg: theme.success, attributes: TextAttributes.BOLD }}>
+        {accessibility() ? "Enabled" : "✓ Enabled"}
+      </span>
+    )
   }
-  return <span style={{ fg: theme.textMuted }}>○ Disabled</span>
+  return <span style={{ fg: theme.textMuted }}>{accessibility() ? "Disabled" : "○ Disabled"}</span>
 }
 
 export function DialogMcp() {
diff --git a/packages/opencode/src/cli/cmd/tui/component/dialog-session-list.tsx b/packages/opencode/src/cli/cmd/tui/component/dialog-session-list.tsx
index 07de4d47200..4b64286e97d 100644
--- a/packages/opencode/src/cli/cmd/tui/component/dialog-session-list.tsx
+++ b/packages/opencode/src/cli/cmd/tui/component/dialog-session-list.tsx
@@ -11,6 +11,7 @@ import { DialogSessionRename } from "./dialog-session-rename"
 import { useKV } from "../context/kv"
 import { createDebouncedSignal } from "../util/signal"
 import "opentui-spinner/solid"
+import { useAccessibility } from "@tui/util/accessibility"
 
 export function DialogSessionList() {
   const dialog = useDialog()
@@ -19,6 +20,7 @@ export function DialogSessionList() {
   const route = useRoute()
   const sdk = useSDK()
   const kv = useKV()
+  const accessibility = useAccessibility()
 
   const [toDelete, setToDelete] = createSignal<string>()
   const [search, setSearch] = createDebouncedSignal("", 150)
@@ -34,6 +36,8 @@ export function DialogSessionList() {
   const currentSessionID = createMemo(() => (route.data.type === "session" ? route.data.sessionID : undefined))
 
   const spinnerFrames = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"]
+  const busyFallback = () => (accessibility() ? "[busy]" : "[⋯]")
+  const showSpinner = () => kv.get("animations_enabled", true) && !accessibility()
 
   const sessions = createMemo(() => searchResults() ?? sync.data.session)
 
@@ -58,7 +62,7 @@ export function DialogSessionList() {
           category,
           footer: Locale.time(x.time.updated),
           gutter: isWorking ? (
-            <Show when={kv.get("animations_enabled", true)} fallback={<text fg={theme.textMuted}>[⋯]</text>}>
+            <Show when={showSpinner()} fallback={<text fg={theme.textMuted}>{busyFallback()}</text>}>
               <spinner frames={spinnerFrames} interval={80} color={theme.primary} />
             </Show>
           ) : undefined,
diff --git a/packages/opencode/src/cli/cmd/tui/component/dialog-status.tsx b/packages/opencode/src/cli/cmd/tui/component/dialog-status.tsx
index b85cd5c6542..1bb483e7d88 100644
--- a/packages/opencode/src/cli/cmd/tui/component/dialog-status.tsx
+++ b/packages/opencode/src/cli/cmd/tui/component/dialog-status.tsx
@@ -2,12 +2,15 @@ import { TextAttributes } from "@opentui/core"
 import { useTheme } from "../context/theme"
 import { useSync } from "@tui/context/sync"
 import { For, Match, Switch, Show, createMemo } from "solid-js"
+import { useAccessibility } from "@tui/util/accessibility"
 
 export type DialogStatusProps = {}
 
 export function DialogStatus() {
   const sync = useSync()
   const { theme } = useTheme()
+  const accessibility = useAccessibility()
+  const bullet = createMemo(() => (accessibility() ? "-" : "•"))
 
   const enabledFormatters = createMemo(() => sync.data.formatter.filter((f) => f.enabled))
 
@@ -64,7 +67,7 @@ export function DialogStatus() {
                     )[item.status],
                   }}
                 >
-                  •
+                  {bullet()}
                 </text>
                 <text fg={theme.text} wrapMode="word">
                   <b>{key}</b>{" "}
@@ -102,7 +105,7 @@ export function DialogStatus() {
                     }[item.status],
                   }}
                 >
-                  •
+                  {bullet()}
                 </text>
                 <text fg={theme.text} wrapMode="word">
                   <b>{item.id}</b> <span style={{ fg: theme.textMuted }}>{item.root}</span>
@@ -124,7 +127,7 @@ export function DialogStatus() {
                     fg: theme.success,
                   }}
                 >
-                  •
+                  {bullet()}
                 </text>
                 <text wrapMode="word" fg={theme.text}>
                   <b>{item.name}</b>
@@ -146,7 +149,7 @@ export function DialogStatus() {
                     fg: theme.success,
                   }}
                 >
-                  •
+                  {bullet()}
                 </text>
                 <text wrapMode="word" fg={theme.text}>
                   <b>{item.name}</b>
diff --git a/packages/opencode/src/cli/cmd/tui/component/logo.tsx b/packages/opencode/src/cli/cmd/tui/component/logo.tsx
index d1be06a7f25..4f74f1092ba 100644
--- a/packages/opencode/src/cli/cmd/tui/component/logo.tsx
+++ b/packages/opencode/src/cli/cmd/tui/component/logo.tsx
@@ -1,6 +1,7 @@
 import { TextAttributes } from "@opentui/core"
-import { For } from "solid-js"
+import { For, Show } from "solid-js"
 import { useTheme } from "@tui/context/theme"
+import { useAccessibility } from "@tui/util/accessibility"
 
 const LOGO_LEFT = [`                   `, `█▀▀█ █▀▀█ █▀▀█ █▀▀▄`, `█░░█ █░░█ █▀▀▀ █░░█`, `▀▀▀▀ █▀▀▀ ▀▀▀▀ ▀  ▀`]
 
@@ -8,20 +9,30 @@ const LOGO_RIGHT = [`             ▄     `, `█▀▀▀ █▀▀█ █▀
 
 export function Logo() {
   const { theme } = useTheme()
+  const accessibility = useAccessibility()
   return (
     <box>
-      <For each={LOGO_LEFT}>
-        {(line, index) => (
-          <box flexDirection="row" gap={1}>
-            <text fg={theme.textMuted} selectable={false}>
-              {line}
-            </text>
-            <text fg={theme.text} attributes={TextAttributes.BOLD} selectable={false}>
-              {LOGO_RIGHT[index()]}
-            </text>
-          </box>
-        )}
-      </For>
+      <Show
+        when={!accessibility()}
+        fallback={
+          <text fg={theme.text} attributes={TextAttributes.BOLD} selectable={false}>
+            OpenCode
+          </text>
+        }
+      >
+        <For each={LOGO_LEFT}>
+          {(line, index) => (
+            <box flexDirection="row" gap={1}>
+              <text fg={theme.textMuted} selectable={false}>
+                {line}
+              </text>
+              <text fg={theme.text} attributes={TextAttributes.BOLD} selectable={false}>
+                {LOGO_RIGHT[index()]}
+              </text>
+            </box>
+          )}
+        </For>
+      </Show>
     </box>
   )
 }
diff --git a/packages/opencode/src/cli/cmd/tui/component/prompt/autocomplete.tsx b/packages/opencode/src/cli/cmd/tui/component/prompt/autocomplete.tsx
index 601eb82bc48..7cda7f14fa1 100644
--- a/packages/opencode/src/cli/cmd/tui/component/prompt/autocomplete.tsx
+++ b/packages/opencode/src/cli/cmd/tui/component/prompt/autocomplete.tsx
@@ -6,12 +6,13 @@ import { createStore } from "solid-js/store"
 import { useSDK } from "@tui/context/sdk"
 import { useSync } from "@tui/context/sync"
 import { useTheme, selectedForeground } from "@tui/context/theme"
-import { SplitBorder } from "@tui/component/border"
+import { getSplitBorder } from "@tui/component/border"
 import { useCommandDialog } from "@tui/component/dialog-command"
 import { useTerminalDimensions } from "@opentui/solid"
 import { Locale } from "@/util/locale"
 import type { PromptInfo } from "./history"
 import { useFrecency } from "./frecency"
+import { useAccessibility } from "@tui/util/accessibility"
 
 function removeLineRange(input: string) {
   const hashIndex = input.lastIndexOf("#")
@@ -78,6 +79,7 @@ export function Autocomplete(props: {
   const sync = useSync()
   const command = useCommandDialog()
   const { theme } = useTheme()
+  const accessibility = useAccessibility()
   const dimensions = useTerminalDimensions()
   const frecency = useFrecency()
 
@@ -720,7 +722,7 @@ export function Autocomplete(props: {
       left={position().x}
       width={position().width}
       zIndex={100}
-      {...SplitBorder}
+      {...getSplitBorder(accessibility())}
       borderColor={theme.border}
     >
       <scrollbox
diff --git a/packages/opencode/src/cli/cmd/tui/component/prompt/index.tsx b/packages/opencode/src/cli/cmd/tui/component/prompt/index.tsx
index 9ad85d08f0e..f4c08d39741 100644
--- a/packages/opencode/src/cli/cmd/tui/component/prompt/index.tsx
+++ b/packages/opencode/src/cli/cmd/tui/component/prompt/index.tsx
@@ -30,6 +30,7 @@ import { DialogAlert } from "../../ui/dialog-alert"
 import { useToast } from "../../ui/toast"
 import { useKV } from "../../context/kv"
 import { useTextareaKeybindings } from "../textarea-keybindings"
+import { useAccessibility } from "@tui/util/accessibility"
 
 export type PromptProps = {
   sessionID?: string
@@ -72,6 +73,7 @@ export function Prompt(props: PromptProps) {
   const renderer = useRenderer()
   const { theme, syntax } = useTheme()
   const kv = useKV()
+  const accessibility = useAccessibility()
 
   function promptModelWarning() {
     toast.show({
@@ -718,6 +720,22 @@ export function Prompt(props: PromptProps) {
       }),
     }
   })
+  const showSpinner = createMemo(() => kv.get("animations_enabled", true) && !accessibility())
+  const busyFallback = createMemo(() => (accessibility() ? "[busy]" : "[⋯]"))
+  const separator = createMemo(() => (accessibility() ? "-" : "·"))
+  const promptBorderChars = createMemo(() => ({
+    ...EmptyBorder,
+    vertical: accessibility() ? "|" : "┃",
+    bottomLeft: accessibility() ? "|" : "╹",
+  }))
+  const dividerBorderChars = createMemo(() => ({
+    ...EmptyBorder,
+    vertical: theme.backgroundElement.a !== 0 ? (accessibility() ? "|" : "╹") : " ",
+  }))
+  const dividerHorizontalChars = createMemo(() => ({
+    ...EmptyBorder,
+    horizontal: theme.backgroundElement.a !== 0 ? (accessibility() ? "-" : "▀") : " ",
+  }))
 
   return (
     <>
@@ -745,11 +763,7 @@ export function Prompt(props: PromptProps) {
         <box
           border={["left"]}
           borderColor={highlight()}
-          customBorderChars={{
-            ...EmptyBorder,
-            vertical: "┃",
-            bottomLeft: "╹",
-          }}
+          customBorderChars={promptBorderChars()}
         >
           <box
             paddingLeft={2}
@@ -943,7 +957,7 @@ export function Prompt(props: PromptProps) {
                   </text>
                   <text fg={theme.textMuted}>{local.model.parsed().provider}</text>
                   <Show when={showVariant()}>
-                    <text fg={theme.textMuted}>·</text>
+                    <text fg={theme.textMuted}>{separator()}</text>
                     <text>
                       <span style={{ fg: theme.warning, bold: true }}>{local.model.variant.current()}</span>
                     </text>
@@ -957,26 +971,13 @@ export function Prompt(props: PromptProps) {
           height={1}
           border={["left"]}
           borderColor={highlight()}
-          customBorderChars={{
-            ...EmptyBorder,
-            vertical: theme.backgroundElement.a !== 0 ? "╹" : " ",
-          }}
+          customBorderChars={dividerBorderChars()}
         >
           <box
             height={1}
             border={["bottom"]}
             borderColor={theme.backgroundElement}
-            customBorderChars={
-              theme.backgroundElement.a !== 0
-                ? {
-                    ...EmptyBorder,
-                    horizontal: "▀",
-                  }
-                : {
-                    ...EmptyBorder,
-                    horizontal: " ",
-                  }
-            }
+            customBorderChars={dividerHorizontalChars()}
           />
         </box>
         <box flexDirection="row" justifyContent="space-between">
@@ -989,7 +990,7 @@ export function Prompt(props: PromptProps) {
             >
               <box flexShrink={0} flexDirection="row" gap={1}>
                 <box marginLeft={1}>
-                  <Show when={kv.get("animations_enabled", true)} fallback={<text fg={theme.textMuted}>[⋯]</text>}>
+                  <Show when={showSpinner()} fallback={<text fg={theme.textMuted}>{busyFallback()}</text>}>
                     <spinner color={spinnerDef().color} frames={spinnerDef().frames} interval={40} />
                   </Show>
                 </box>
diff --git a/packages/opencode/src/cli/cmd/tui/component/tips.tsx b/packages/opencode/src/cli/cmd/tui/component/tips.tsx
index 516d7e7e2c5..936feab1f08 100644
--- a/packages/opencode/src/cli/cmd/tui/component/tips.tsx
+++ b/packages/opencode/src/cli/cmd/tui/component/tips.tsx
@@ -1,5 +1,6 @@
 import { createMemo, createSignal, For } from "solid-js"
 import { useTheme } from "@tui/context/theme"
+import { useAccessibility } from "@tui/util/accessibility"
 
 type TipPart = { text: string; highlight: boolean }
 
@@ -29,12 +30,13 @@ function parse(tip: string): TipPart[] {
 
 export function Tips() {
   const theme = useTheme().theme
+  const accessibility = useAccessibility()
   const parts = parse(TIPS[Math.floor(Math.random() * TIPS.length)])
 
   return (
     <box flexDirection="row" maxWidth="100%">
       <text flexShrink={0} style={{ fg: theme.warning }}>
-        ● Tip{" "}
+        {accessibility() ? "Tip:" : "● Tip"}{" "}
       </text>
       <text flexShrink={1}>
         <For each={parts}>
diff --git a/packages/opencode/src/cli/cmd/tui/component/todo-item.tsx b/packages/opencode/src/cli/cmd/tui/component/todo-item.tsx
index b54cc463341..36070d71fd1 100644
--- a/packages/opencode/src/cli/cmd/tui/component/todo-item.tsx
+++ b/packages/opencode/src/cli/cmd/tui/component/todo-item.tsx
@@ -1,4 +1,5 @@
 import { useTheme } from "../context/theme"
+import { useAccessibility } from "@tui/util/accessibility"
 
 export interface TodoItemProps {
   status: string
@@ -7,6 +8,15 @@ export interface TodoItemProps {
 
 export function TodoItem(props: TodoItemProps) {
   const { theme } = useTheme()
+  const accessibility = useAccessibility()
+  const marker = () => {
+    if (!accessibility()) {
+      return props.status === "completed" ? "✓" : props.status === "in_progress" ? "•" : " "
+    }
+    if (props.status === "completed") return "x"
+    if (props.status === "in_progress") return "~"
+    return " "
+  }
 
   return (
     <box flexDirection="row" gap={0}>
@@ -16,7 +26,7 @@ export function TodoItem(props: TodoItemProps) {
           fg: props.status === "in_progress" ? theme.warning : theme.textMuted,
         }}
       >
-        [{props.status === "completed" ? "✓" : props.status === "in_progress" ? "•" : " "}]{" "}
+        [{marker()}]{" "}
       </text>
       <text
         flexGrow={1}
diff --git a/packages/opencode/src/cli/cmd/tui/routes/home.tsx b/packages/opencode/src/cli/cmd/tui/routes/home.tsx
index 59923c69d94..2fa6504c3ec 100644
--- a/packages/opencode/src/cli/cmd/tui/routes/home.tsx
+++ b/packages/opencode/src/cli/cmd/tui/routes/home.tsx
@@ -14,6 +14,7 @@ import { usePromptRef } from "../context/prompt"
 import { Installation } from "@/installation"
 import { useKV } from "../context/kv"
 import { useCommandDialog } from "../component/dialog-command"
+import { useAccessibility } from "@tui/util/accessibility"
 
 // TODO: what is the best way to do this?
 let once = false
@@ -25,6 +26,7 @@ export function Home() {
   const route = useRouteData("home")
   const promptRef = usePromptRef()
   const command = useCommandDialog()
+  const accessibility = useAccessibility()
   const mcp = createMemo(() => Object.keys(sync.data.mcp).length > 0)
   const mcpError = createMemo(() => {
     return Object.values(sync.data.mcp).some((x) => x.status === "failed")
@@ -61,11 +63,16 @@ export function Home() {
         <text fg={theme.text}>
           <Switch>
             <Match when={mcpError()}>
-              <span style={{ fg: theme.error }}>•</span> mcp errors{" "}
+              <Show when={!accessibility()}>
+                <span style={{ fg: theme.error }}>•</span>{" "}
+              </Show>
+              mcp errors{" "}
               <span style={{ fg: theme.textMuted }}>ctrl+x s</span>
             </Match>
             <Match when={true}>
-              <span style={{ fg: theme.success }}>•</span>{" "}
+              <Show when={!accessibility()}>
+                <span style={{ fg: theme.success }}>•</span>{" "}
+              </Show>
               {Locale.pluralize(connectedMcpCount(), "{} mcp server", "{} mcp servers")}
             </Match>
           </Switch>
@@ -90,6 +97,12 @@ export function Home() {
   const directory = useDirectory()
 
   const keybind = useKeybind()
+  const mcpTextColor = createMemo(() => {
+    if (!accessibility()) return theme.text
+    if (mcpError()) return theme.error
+    if (connectedMcpCount() > 0) return theme.success
+    return theme.textMuted
+  })
 
   return (
     <>
@@ -116,15 +129,17 @@ export function Home() {
         <text fg={theme.textMuted}>{directory()}</text>
         <box gap={1} flexDirection="row" flexShrink={0}>
           <Show when={mcp()}>
-            <text fg={theme.text}>
-              <Switch>
-                <Match when={mcpError()}>
-                  <span style={{ fg: theme.error }}>⊙ </span>
-                </Match>
-                <Match when={true}>
-                  <span style={{ fg: connectedMcpCount() > 0 ? theme.success : theme.textMuted }}>⊙ </span>
-                </Match>
-              </Switch>
+            <text fg={mcpTextColor()}>
+              <Show when={!accessibility()}>
+                <Switch>
+                  <Match when={mcpError()}>
+                    <span style={{ fg: theme.error }}>⊙ </span>
+                  </Match>
+                  <Match when={true}>
+                    <span style={{ fg: connectedMcpCount() > 0 ? theme.success : theme.textMuted }}>⊙ </span>
+                  </Match>
+                </Switch>
+              </Show>
               {connectedMcpCount()} MCP
             </text>
             <text fg={theme.textMuted}>/status</text>
diff --git a/packages/opencode/src/cli/cmd/tui/routes/session/footer.tsx b/packages/opencode/src/cli/cmd/tui/routes/session/footer.tsx
index 8ace2fff372..a9b4e5cc8bb 100644
--- a/packages/opencode/src/cli/cmd/tui/routes/session/footer.tsx
+++ b/packages/opencode/src/cli/cmd/tui/routes/session/footer.tsx
@@ -5,6 +5,7 @@ import { useDirectory } from "../../context/directory"
 import { useConnected } from "../../component/dialog-model"
 import { createStore } from "solid-js/store"
 import { useRoute } from "../../context/route"
+import { useAccessibility } from "@tui/util/accessibility"
 
 export function Footer() {
   const { theme } = useTheme()
@@ -19,12 +20,14 @@ export function Footer() {
   })
   const directory = useDirectory()
   const connected = useConnected()
+  const accessibility = useAccessibility()
 
   const [store, setStore] = createStore({
     welcome: false,
   })
 
   onMount(() => {
+    if (accessibility()) return
     // Track all timeouts to ensure proper cleanup
     const timeouts: ReturnType<typeof setTimeout>[] = []
 
@@ -48,13 +51,25 @@ export function Footer() {
       timeouts.forEach(clearTimeout)
     })
   })
+  const showWelcome = createMemo(() => (accessibility() ? !connected() : store.welcome))
+  const lspBullet = createMemo(() => (accessibility() ? "-" : "•"))
+  const permissionLabel = createMemo(() => {
+    if (!accessibility()) return "Permission"
+    return permissions().length === 1 ? "Permission" : "Permissions"
+  })
+  const mcpTextColor = createMemo(() => {
+    if (!accessibility()) return theme.text
+    if (mcpError()) return theme.error
+    if (mcp() > 0) return theme.success
+    return theme.textMuted
+  })
 
   return (
     <box flexDirection="row" justifyContent="space-between" gap={1} flexShrink={0}>
       <text fg={theme.textMuted}>{directory()}</text>
       <box gap={2} flexDirection="row" flexShrink={0}>
         <Switch>
-          <Match when={store.welcome}>
+          <Match when={showWelcome()}>
             <text fg={theme.text}>
               Get started <span style={{ fg: theme.textMuted }}>/connect</span>
             </text>
@@ -62,23 +77,29 @@ export function Footer() {
           <Match when={connected()}>
             <Show when={permissions().length > 0}>
               <text fg={theme.warning}>
-                <span style={{ fg: theme.warning }}>△</span> {permissions().length} Permission
-                {permissions().length > 1 ? "s" : ""}
+                <Show when={!accessibility()}>
+                  <span style={{ fg: theme.warning }}>△</span>{" "}
+                </Show>
+                {permissions().length} {permissionLabel()}
+                {permissions().length > 1 && !accessibility() ? "s" : ""}
               </text>
             </Show>
             <text fg={theme.text}>
-              <span style={{ fg: lsp().length > 0 ? theme.success : theme.textMuted }}>•</span> {lsp().length} LSP
+              <span style={{ fg: lsp().length > 0 ? theme.success : theme.textMuted }}>{lspBullet()}</span>{" "}
+              {lsp().length} LSP
             </text>
             <Show when={mcp()}>
-              <text fg={theme.text}>
-                <Switch>
-                  <Match when={mcpError()}>
-                    <span style={{ fg: theme.error }}>⊙ </span>
-                  </Match>
-                  <Match when={true}>
-                    <span style={{ fg: theme.success }}>⊙ </span>
-                  </Match>
-                </Switch>
+              <text fg={mcpTextColor()}>
+                <Show when={!accessibility()}>
+                  <Switch>
+                    <Match when={mcpError()}>
+                      <span style={{ fg: theme.error }}>⊙ </span>
+                    </Match>
+                    <Match when={true}>
+                      <span style={{ fg: theme.success }}>⊙ </span>
+                    </Match>
+                  </Switch>
+                </Show>
                 {mcp()} MCP
               </text>
             </Show>
diff --git a/packages/opencode/src/cli/cmd/tui/routes/session/header.tsx b/packages/opencode/src/cli/cmd/tui/routes/session/header.tsx
index 0b690cfacbe..34517139e16 100644
--- a/packages/opencode/src/cli/cmd/tui/routes/session/header.tsx
+++ b/packages/opencode/src/cli/cmd/tui/routes/session/header.tsx
@@ -3,10 +3,11 @@ import { useRouteData } from "@tui/context/route"
 import { useSync } from "@tui/context/sync"
 import { pipe, sumBy } from "remeda"
 import { useTheme } from "@tui/context/theme"
-import { SplitBorder } from "@tui/component/border"
+import { getSplitBorder } from "@tui/component/border"
 import type { AssistantMessage, Session } from "@opencode-ai/sdk/v2"
 import { useCommandDialog } from "@tui/component/dialog-command"
 import { useKeybind } from "../../context/keybind"
+import { useAccessibility } from "@tui/util/accessibility"
 
 const Title = (props: { session: Accessor<Session> }) => {
   const { theme } = useTheme()
@@ -62,6 +63,7 @@ export function Header() {
   const keybind = useKeybind()
   const command = useCommandDialog()
   const [hover, setHover] = createSignal<"parent" | "prev" | "next" | null>(null)
+  const accessibility = useAccessibility()
 
   return (
     <box flexShrink={0}>
@@ -70,7 +72,7 @@ export function Header() {
         paddingBottom={1}
         paddingLeft={2}
         paddingRight={1}
-        {...SplitBorder}
+        {...getSplitBorder(accessibility())}
         border={["left"]}
         borderColor={theme.border}
         flexShrink={0}
diff --git a/packages/opencode/src/cli/cmd/tui/routes/session/index.tsx b/packages/opencode/src/cli/cmd/tui/routes/session/index.tsx
index d91363954a1..908ce88e0b0 100644
--- a/packages/opencode/src/cli/cmd/tui/routes/session/index.tsx
+++ b/packages/opencode/src/cli/cmd/tui/routes/session/index.tsx
@@ -15,7 +15,7 @@ import { Dynamic } from "solid-js/web"
 import path from "path"
 import { useRoute, useRouteData } from "@tui/context/route"
 import { useSync } from "@tui/context/sync"
-import { SplitBorder } from "@tui/component/border"
+import { getSplitBorderChars } from "@tui/component/border"
 import { useTheme } from "@tui/context/theme"
 import {
   BoxRenderable,
@@ -74,6 +74,7 @@ import { PermissionPrompt } from "./permission"
 import { QuestionPrompt } from "./question"
 import { DialogExportOptions } from "../../ui/dialog-export-options"
 import { formatTranscript } from "../../util/transcript"
+import { useAccessibility } from "@tui/util/accessibility"
 
 addDefaultParsers(parsers.parsers)
 
@@ -111,6 +112,7 @@ export function Session() {
   const kv = useKV()
   const { theme } = useTheme()
   const promptRef = usePromptRef()
+  const accessibility = useAccessibility()
   const session = createMemo(() => sync.session.get(route.sessionID))
   const children = createMemo(() => {
     const parentID = session()?.parentID ?? session()?.id
@@ -954,7 +956,7 @@ export function Session() {
                             marginTop={1}
                             flexShrink={0}
                             border={["left"]}
-                            customBorderChars={SplitBorder.customBorderChars}
+                            customBorderChars={getSplitBorderChars(accessibility())}
                             borderColor={theme.backgroundPanel}
                           >
                             <box
@@ -1098,6 +1100,7 @@ function UserMessage(props: {
   const sync = useSync()
   const { theme } = useTheme()
   const [hover, setHover] = createSignal(false)
+  const accessibility = useAccessibility()
   const queued = createMemo(() => props.pending && props.message.id > props.pending)
   const color = createMemo(() => (queued() ? theme.accent : local.agent.color(props.message.agent)))
   const metadataVisible = createMemo(() => queued() || ctx.showTimestamps())
@@ -1111,7 +1114,7 @@ function UserMessage(props: {
           id={props.message.id}
           border={["left"]}
           borderColor={color()}
-          customBorderChars={SplitBorder.customBorderChars}
+          customBorderChars={getSplitBorderChars(accessibility())}
           marginTop={props.index === 0 ? 0 : 1}
         >
           <box
@@ -1185,6 +1188,8 @@ function AssistantMessage(props: { message: AssistantMessage; parts: Part[]; las
   const { theme } = useTheme()
   const sync = useSync()
   const messages = createMemo(() => sync.data.message[props.message.sessionID] ?? [])
+  const accessibility = useAccessibility()
+  const separator = createMemo(() => (accessibility() ? " - " : " · "))
 
   const final = createMemo(() => {
     return props.message.finish && !["tool-calls", "unknown"].includes(props.message.finish)
@@ -1223,7 +1228,7 @@ function AssistantMessage(props: { message: AssistantMessage; parts: Part[]; las
           paddingLeft={2}
           marginTop={1}
           backgroundColor={theme.backgroundPanel}
-          customBorderChars={SplitBorder.customBorderChars}
+          customBorderChars={getSplitBorderChars(accessibility())}
           borderColor={theme.error}
         >
           <text fg={theme.textMuted}>{props.message.error?.data.message}</text>
@@ -1241,15 +1246,15 @@ function AssistantMessage(props: { message: AssistantMessage; parts: Part[]; las
                       : local.agent.color(props.message.agent),
                 }}
               >
-                ▣{" "}
+                <Show when={!accessibility()}>▣{" "}</Show>
               </span>{" "}
               <span style={{ fg: theme.text }}>{Locale.titlecase(props.message.mode)}</span>
-              <span style={{ fg: theme.textMuted }}> · {props.message.modelID}</span>
+              <span style={{ fg: theme.textMuted }}>{separator() + props.message.modelID}</span>
               <Show when={duration()}>
-                <span style={{ fg: theme.textMuted }}> · {Locale.duration(duration())}</span>
+                <span style={{ fg: theme.textMuted }}>{separator() + Locale.duration(duration())}</span>
               </Show>
               <Show when={props.message.error?.name === "MessageAbortedError"}>
-                <span style={{ fg: theme.textMuted }}> · interrupted</span>
+                <span style={{ fg: theme.textMuted }}>{separator() + "interrupted"}</span>
               </Show>
             </text>
           </box>
@@ -1268,6 +1273,7 @@ const PART_MAPPING = {
 function ReasoningPart(props: { last: boolean; part: ReasoningPart; message: AssistantMessage }) {
   const { theme, subtleSyntax } = useTheme()
   const ctx = use()
+  const accessibility = useAccessibility()
   const content = createMemo(() => {
     // Filter out redacted reasoning chunks from OpenRouter
     // OpenRouter sends encrypted reasoning data that appears as [REDACTED]
@@ -1281,7 +1287,7 @@ function ReasoningPart(props: { last: boolean; part: ReasoningPart; message: Ass
         marginTop={1}
         flexDirection="column"
         border={["left"]}
-        customBorderChars={SplitBorder.customBorderChars}
+        customBorderChars={getSplitBorderChars(accessibility())}
         borderColor={theme.backgroundElement}
       >
         <code
@@ -1425,10 +1431,14 @@ function GenericTool(props: ToolProps<any>) {
 
 function ToolTitle(props: { fallback: string; when: any; icon: string; children: JSX.Element }) {
   const { theme } = useTheme()
+  const accessibility = useAccessibility()
   return (
     <text paddingLeft={3} fg={props.when ? theme.textMuted : theme.text}>
       <Show fallback={<>~ {props.fallback}</>} when={props.when}>
-        <span style={{ bold: true }}>{props.icon}</span> {props.children}
+        <Show when={!accessibility()}>
+          <span style={{ bold: true }}>{props.icon}</span>{" "}
+        </Show>
+        {props.children}
       </Show>
     </text>
   )
@@ -1446,6 +1456,12 @@ function InlineTool(props: {
   const { theme } = useTheme()
   const ctx = use()
   const sync = useSync()
+  const accessibility = useAccessibility()
+  const displayIcon = createMemo(() => {
+    if (!accessibility()) return props.icon
+    if (!props.icon) return ""
+    return props.icon.length === 1 && props.icon.charCodeAt(0) <= 127 ? props.icon : ""
+  })
 
   const permission = createMemo(() => {
     const callID = sync.data.permission[ctx.sessionID]?.at(0)?.tool?.callID
@@ -1497,7 +1513,10 @@ function InlineTool(props: {
     >
       <text paddingLeft={3} fg={fg()} attributes={denied() ? TextAttributes.STRIKETHROUGH : undefined}>
         <Show fallback={<>~ {props.pending}</>} when={props.complete}>
-          <span style={{ fg: props.iconColor }}>{props.icon}</span> {props.children}
+          <Show when={displayIcon()}>
+            <span style={{ fg: props.iconColor }}>{displayIcon()}</span>{" "}
+          </Show>
+          {props.children}
         </Show>
       </text>
       <Show when={error() && !denied()}>
@@ -1511,6 +1530,7 @@ function BlockTool(props: { title: string; children: JSX.Element; onClick?: () =
   const { theme } = useTheme()
   const renderer = useRenderer()
   const [hover, setHover] = createSignal(false)
+  const accessibility = useAccessibility()
   const error = createMemo(() => (props.part?.state.status === "error" ? props.part.state.error : undefined))
   return (
     <box
@@ -1521,7 +1541,7 @@ function BlockTool(props: { title: string; children: JSX.Element; onClick?: () =
       marginTop={1}
       gap={1}
       backgroundColor={hover() ? theme.backgroundMenu : theme.backgroundPanel}
-      customBorderChars={SplitBorder.customBorderChars}
+      customBorderChars={getSplitBorderChars(accessibility())}
       borderColor={theme.background}
       onMouseOver={() => props.onClick && setHover(true)}
       onMouseOut={() => setHover(false)}
@@ -1544,13 +1564,14 @@ function BlockTool(props: { title: string; children: JSX.Element; onClick?: () =
 function Bash(props: ToolProps<typeof BashTool>) {
   const { theme } = useTheme()
   const sync = useSync()
+  const accessibility = useAccessibility()
   const output = createMemo(() => stripAnsi(props.metadata.output?.trim() ?? ""))
   const [expanded, setExpanded] = createSignal(false)
   const lines = createMemo(() => output().split("\n"))
   const overflow = createMemo(() => lines().length > 10)
   const limited = createMemo(() => {
     if (expanded() || !overflow()) return output()
-    return [...lines().slice(0, 10), "…"].join("\n")
+    return [...lines().slice(0, 10), accessibility() ? "..." : "…"].join("\n")
   })
 
   const workdirDisplay = createMemo(() => {
@@ -1722,6 +1743,7 @@ function Task(props: ToolProps<typeof TaskTool>) {
   const keybind = useKeybind()
   const { navigate } = useRoute()
   const local = useLocal()
+  const accessibility = useAccessibility()
 
   const current = createMemo(() => props.metadata.summary?.findLast((x) => x.state.status !== "pending"))
   const color = createMemo(() => local.agent.color(props.input.subagent_type ?? "unknown"))
@@ -1744,7 +1766,7 @@ function Task(props: ToolProps<typeof TaskTool>) {
             </text>
             <Show when={current()}>
               <text style={{ fg: current()!.state.status === "error" ? theme.error : theme.textMuted }}>
-                └ {Locale.titlecase(current()!.tool)}{" "}
+                {accessibility() ? "->" : "└"} {Locale.titlecase(current()!.tool)}{" "}
                 {current()!.state.status === "completed" ? current()!.state.title : ""}
               </text>
             </Show>
@@ -1774,6 +1796,7 @@ function Task(props: ToolProps<typeof TaskTool>) {
 function Edit(props: ToolProps<typeof EditTool>) {
   const ctx = use()
   const { theme, syntax } = useTheme()
+  const accessibility = useAccessibility()
 
   const view = createMemo(() => {
     const diffStyle = ctx.sync.data.config.tui?.diff_style
@@ -1795,7 +1818,10 @@ function Edit(props: ToolProps<typeof EditTool>) {
   return (
     <Switch>
       <Match when={props.metadata.diff !== undefined}>
-        <BlockTool title={"← Edit " + normalizePath(props.input.filePath!)} part={props.part}>
+        <BlockTool
+          title={(accessibility() ? "Edit " : "← Edit ") + normalizePath(props.input.filePath!)}
+          part={props.part}
+        >
           <box paddingLeft={1}>
             <diff
               diff={diffContent()}
diff --git a/packages/opencode/src/cli/cmd/tui/routes/session/permission.tsx b/packages/opencode/src/cli/cmd/tui/routes/session/permission.tsx
index eab2adb100c..1088fccef5c 100644
--- a/packages/opencode/src/cli/cmd/tui/routes/session/permission.tsx
+++ b/packages/opencode/src/cli/cmd/tui/routes/session/permission.tsx
@@ -6,7 +6,7 @@ import { useKeybind } from "../../context/keybind"
 import { useTheme, selectedForeground } from "../../context/theme"
 import type { PermissionRequest } from "@opencode-ai/sdk/v2"
 import { useSDK } from "../../context/sdk"
-import { SplitBorder } from "../../component/border"
+import { getSplitBorderChars } from "../../component/border"
 import { useSync } from "../../context/sync"
 import { useTextareaKeybindings } from "../../component/textarea-keybindings"
 import path from "path"
@@ -14,6 +14,7 @@ import { LANGUAGE_EXTENSIONS } from "@/lsp/language"
 import { Keybind } from "@/util/keybind"
 import { Locale } from "@/util/locale"
 import { Global } from "@/global"
+import { useAccessibility } from "@tui/util/accessibility"
 
 type PermissionStage = "permission" | "always" | "reject"
 
@@ -48,6 +49,7 @@ function EditBody(props: { request: PermissionRequest }) {
   const theme = themeState.theme
   const syntax = themeState.syntax
   const sync = useSync()
+  const accessibility = useAccessibility()
   const dimensions = useTerminalDimensions()
 
   const filepath = createMemo(() => (props.request.metadata?.filepath as string) ?? "")
@@ -64,7 +66,9 @@ function EditBody(props: { request: PermissionRequest }) {
   return (
     <box flexDirection="column" gap={1}>
       <box flexDirection="row" gap={1} paddingLeft={1}>
-        <text fg={theme.textMuted}>{"→"}</text>
+        <Show when={!accessibility()}>
+          <text fg={theme.textMuted}>{"→"}</text>
+        </Show>
         <text fg={theme.textMuted}>Edit {normalizePath(filepath())}</text>
       </box>
       <Show when={diff()}>
@@ -96,10 +100,11 @@ function EditBody(props: { request: PermissionRequest }) {
 
 function TextBody(props: { title: string; description?: string; icon?: string }) {
   const { theme } = useTheme()
+  const accessibility = useAccessibility()
   return (
     <>
       <box flexDirection="row" gap={1} paddingLeft={1}>
-        <Show when={props.icon}>
+        <Show when={props.icon && !accessibility()}>
           <text fg={theme.textMuted} flexShrink={0}>
             {props.icon}
           </text>
@@ -118,6 +123,7 @@ function TextBody(props: { title: string; description?: string; icon?: string })
 export function PermissionPrompt(props: { request: PermissionRequest }) {
   const sdk = useSDK()
   const sync = useSync()
+  const accessibility = useAccessibility()
   const [store, setStore] = createStore({
     stage: "permission" as PermissionStage,
   })
@@ -224,7 +230,7 @@ export function PermissionPrompt(props: { request: PermissionRequest }) {
                     <TextBody
                       icon="#"
                       title={`${Locale.titlecase((input().subagent_type as string) ?? "Unknown")} Task`}
-                      description={"◉ " + input().description}
+                      description={(accessibility() ? "" : "◉ ") + input().description}
                     />
                   </Match>
                   <Match when={props.request.permission === "webfetch"}>
@@ -301,6 +307,8 @@ function RejectPrompt(props: { onConfirm: (message: string) => void; onCancel: (
   const { theme } = useTheme()
   const keybind = useKeybind()
   const textareaKeybindings = useTextareaKeybindings()
+  const accessibility = useAccessibility()
+  const warningIcon = () => (accessibility() ? "!" : "△")
 
   useKeyboard((evt) => {
     if (evt.name === "escape" || keybind.match("app_exit", evt)) {
@@ -319,11 +327,11 @@ function RejectPrompt(props: { onConfirm: (message: string) => void; onCancel: (
       backgroundColor={theme.backgroundPanel}
       border={["left"]}
       borderColor={theme.error}
-      customBorderChars={SplitBorder.customBorderChars}
+      customBorderChars={getSplitBorderChars(accessibility())}
     >
       <box gap={1} paddingLeft={1} paddingRight={3} paddingTop={1} paddingBottom={1}>
         <box flexDirection="row" gap={1} paddingLeft={1}>
-          <text fg={theme.error}>{"△"}</text>
+          <text fg={theme.error}>{warningIcon()}</text>
           <text fg={theme.text}>Reject permission</text>
         </box>
         <box paddingLeft={1}>
@@ -372,6 +380,7 @@ function Prompt<const T extends Record<string, string>>(props: {
   const { theme } = useTheme()
   const keybind = useKeybind()
   const dimensions = useTerminalDimensions()
+  const accessibility = useAccessibility()
   const keys = Object.keys(props.options) as (keyof T)[]
   const [store, setStore] = createStore({
     selected: keys[0],
@@ -419,7 +428,7 @@ function Prompt<const T extends Record<string, string>>(props: {
       backgroundColor={theme.backgroundPanel}
       border={["left"]}
       borderColor={theme.warning}
-      customBorderChars={SplitBorder.customBorderChars}
+      customBorderChars={getSplitBorderChars(accessibility())}
       {...(store.expanded
         ? { top: dimensions().height * -1 + 1, bottom: 1, left: 2, right: 2, position: "absolute" }
         : {
@@ -433,7 +442,7 @@ function Prompt<const T extends Record<string, string>>(props: {
     >
       <box gap={1} paddingLeft={1} paddingRight={3} paddingTop={1} paddingBottom={1} flexGrow={1}>
         <box flexDirection="row" gap={1} paddingLeft={1} flexShrink={0}>
-          <text fg={theme.warning}>{"△"}</text>
+          <text fg={theme.warning}>{accessibility() ? "!" : "△"}</text>
           <text fg={theme.text}>{props.title}</text>
         </box>
         {props.body}
@@ -471,7 +480,7 @@ function Prompt<const T extends Record<string, string>>(props: {
             </text>
           </Show>
           <text fg={theme.text}>
-            {"⇆"} <span style={{ fg: theme.textMuted }}>select</span>
+            {accessibility() ? "left/right" : "⇆"} <span style={{ fg: theme.textMuted }}>select</span>
           </text>
           <text fg={theme.text}>
             enter <span style={{ fg: theme.textMuted }}>confirm</span>
diff --git a/packages/opencode/src/cli/cmd/tui/routes/session/question.tsx b/packages/opencode/src/cli/cmd/tui/routes/session/question.tsx
index 049e320cb99..4dd815724e3 100644
--- a/packages/opencode/src/cli/cmd/tui/routes/session/question.tsx
+++ b/packages/opencode/src/cli/cmd/tui/routes/session/question.tsx
@@ -6,15 +6,17 @@ import { useKeybind } from "../../context/keybind"
 import { useTheme } from "../../context/theme"
 import type { QuestionAnswer, QuestionRequest } from "@opencode-ai/sdk/v2"
 import { useSDK } from "../../context/sdk"
-import { SplitBorder } from "../../component/border"
+import { getSplitBorderChars } from "../../component/border"
 import { useTextareaKeybindings } from "../../component/textarea-keybindings"
 import { useDialog } from "../../ui/dialog"
+import { useAccessibility } from "@tui/util/accessibility"
 
 export function QuestionPrompt(props: { request: QuestionRequest }) {
   const sdk = useSDK()
   const { theme } = useTheme()
   const keybind = useKeybind()
   const bindings = useTextareaKeybindings()
+  const accessibility = useAccessibility()
 
   const questions = createMemo(() => props.request.questions)
   const single = createMemo(() => questions().length === 1 && questions()[0]?.multiple !== true)
@@ -41,6 +43,9 @@ export function QuestionPrompt(props: { request: QuestionRequest }) {
     if (!value) return false
     return store.answers[store.tab]?.includes(value) ?? false
   })
+  const checkMark = createMemo(() => (accessibility() ? "x" : "✓"))
+  const tabHint = createMemo(() => (accessibility() ? "tab" : "⇆"))
+  const navHint = createMemo(() => (accessibility() ? "up/down" : "↑↓"))
 
   function submit() {
     const answers = questions().map((_, i) => store.answers[i] ?? [])
@@ -248,7 +253,7 @@ export function QuestionPrompt(props: { request: QuestionRequest }) {
       backgroundColor={theme.backgroundPanel}
       border={["left"]}
       borderColor={theme.accent}
-      customBorderChars={SplitBorder.customBorderChars}
+      customBorderChars={getSplitBorderChars(accessibility())}
     >
       <box gap={1} paddingLeft={1} paddingRight={3} paddingTop={1} paddingBottom={1}>
         <Show when={!single()}>
@@ -303,12 +308,12 @@ export function QuestionPrompt(props: { request: QuestionRequest }) {
                         <box backgroundColor={active() ? theme.backgroundElement : undefined}>
                           <text fg={active() ? theme.secondary : picked() ? theme.success : theme.text}>
                             {multi()
-                              ? `${i() + 1}. [${picked() ? "✓" : " "}] ${opt.label}`
+                              ? `${i() + 1}. [${picked() ? checkMark() : " "}] ${opt.label}`
                               : `${i() + 1}. ${opt.label}`}
                           </text>
                         </box>
                         <Show when={!multi()}>
-                          <text fg={theme.success}>{picked() ? "✓" : ""}</text>
+                          <text fg={theme.success}>{picked() ? checkMark() : ""}</text>
                         </Show>
                       </box>
 
@@ -325,12 +330,12 @@ export function QuestionPrompt(props: { request: QuestionRequest }) {
                     <box backgroundColor={other() ? theme.backgroundElement : undefined}>
                       <text fg={other() ? theme.secondary : customPicked() ? theme.success : theme.text}>
                         {multi()
-                          ? `${options().length + 1}. [${customPicked() ? "✓" : " "}] Type your own answer`
+                          ? `${options().length + 1}. [${customPicked() ? checkMark() : " "}] Type your own answer`
                           : `${options().length + 1}. Type your own answer`}
                       </text>
                     </box>
                     <Show when={!multi()}>
-                      <text fg={theme.success}>{customPicked() ? "✓" : ""}</text>
+                      <text fg={theme.success}>{customPicked() ? checkMark() : ""}</text>
                     </Show>
                   </box>
                   <Show when={store.editing}>
@@ -397,12 +402,12 @@ export function QuestionPrompt(props: { request: QuestionRequest }) {
         <box flexDirection="row" gap={2}>
           <Show when={!single()}>
             <text fg={theme.text}>
-              {"⇆"} <span style={{ fg: theme.textMuted }}>tab</span>
+              {tabHint()} <span style={{ fg: theme.textMuted }}>tab</span>
             </text>
           </Show>
           <Show when={!confirm()}>
             <text fg={theme.text}>
-              {"↑↓"} <span style={{ fg: theme.textMuted }}>select</span>
+              {navHint()} <span style={{ fg: theme.textMuted }}>select</span>
             </text>
           </Show>
           <text fg={theme.text}>
diff --git a/packages/opencode/src/cli/cmd/tui/routes/session/sidebar.tsx b/packages/opencode/src/cli/cmd/tui/routes/session/sidebar.tsx
index c0f4bd74abd..2197266da6b 100644
--- a/packages/opencode/src/cli/cmd/tui/routes/session/sidebar.tsx
+++ b/packages/opencode/src/cli/cmd/tui/routes/session/sidebar.tsx
@@ -11,6 +11,7 @@ import { useKeybind } from "../../context/keybind"
 import { useDirectory } from "../../context/directory"
 import { useKV } from "../../context/kv"
 import { TodoItem } from "../../component/todo-item"
+import { useAccessibility } from "@tui/util/accessibility"
 
 export function Sidebar(props: { sessionID: string; overlay?: boolean }) {
   const sync = useSync()
@@ -62,11 +63,14 @@ export function Sidebar(props: { sessionID: string; overlay?: boolean }) {
 
   const directory = useDirectory()
   const kv = useKV()
+  const accessibility = useAccessibility()
 
   const hasProviders = createMemo(() =>
     sync.data.provider.some((x) => x.id !== "opencode" || Object.values(x.models).some((y) => y.cost?.input !== 0)),
   )
   const gettingStartedDismissed = createMemo(() => kv.get("dismissed_getting_started", false))
+  const bullet = createMemo(() => (accessibility() ? "-" : "•"))
+  const toggleIcon = (expanded: boolean) => (accessibility() ? (expanded ? "v" : ">") : expanded ? "▼" : "▶")
 
   return (
     <Show when={session()}>
@@ -105,7 +109,7 @@ export function Sidebar(props: { sessionID: string; overlay?: boolean }) {
                   onMouseDown={() => mcpEntries().length > 2 && setExpanded("mcp", !expanded.mcp)}
                 >
                   <Show when={mcpEntries().length > 2}>
-                    <text fg={theme.text}>{expanded.mcp ? "▼" : "▶"}</text>
+                    <text fg={theme.text}>{toggleIcon(expanded.mcp)}</text>
                   </Show>
                   <text fg={theme.text}>
                     <b>MCP</b>
@@ -136,7 +140,7 @@ export function Sidebar(props: { sessionID: string; overlay?: boolean }) {
                             )[item.status],
                           }}
                         >
-                          •
+                          {bullet()}
                         </text>
                         <text fg={theme.text} wrapMode="word">
                           {key}{" "}
@@ -165,7 +169,7 @@ export function Sidebar(props: { sessionID: string; overlay?: boolean }) {
                 onMouseDown={() => sync.data.lsp.length > 2 && setExpanded("lsp", !expanded.lsp)}
               >
                 <Show when={sync.data.lsp.length > 2}>
-                  <text fg={theme.text}>{expanded.lsp ? "▼" : "▶"}</text>
+                  <text fg={theme.text}>{toggleIcon(expanded.lsp)}</text>
                 </Show>
                 <text fg={theme.text}>
                   <b>LSP</b>
@@ -191,7 +195,7 @@ export function Sidebar(props: { sessionID: string; overlay?: boolean }) {
                           }[item.status],
                         }}
                       >
-                        •
+                        {bullet()}
                       </text>
                       <text fg={theme.textMuted}>
                         {item.id} {item.root}
@@ -209,7 +213,7 @@ export function Sidebar(props: { sessionID: string; overlay?: boolean }) {
                   onMouseDown={() => todo().length > 2 && setExpanded("todo", !expanded.todo)}
                 >
                   <Show when={todo().length > 2}>
-                    <text fg={theme.text}>{expanded.todo ? "▼" : "▶"}</text>
+                    <text fg={theme.text}>{toggleIcon(expanded.todo)}</text>
                   </Show>
                   <text fg={theme.text}>
                     <b>Todo</b>
@@ -228,7 +232,7 @@ export function Sidebar(props: { sessionID: string; overlay?: boolean }) {
                   onMouseDown={() => diff().length > 2 && setExpanded("diff", !expanded.diff)}
                 >
                   <Show when={diff().length > 2}>
-                    <text fg={theme.text}>{expanded.diff ? "▼" : "▶"}</text>
+                    <text fg={theme.text}>{toggleIcon(expanded.diff)}</text>
                   </Show>
                   <text fg={theme.text}>
                     <b>Modified Files</b>
@@ -279,7 +283,7 @@ export function Sidebar(props: { sessionID: string; overlay?: boolean }) {
               gap={1}
             >
               <text flexShrink={0} fg={theme.text}>
-                ⬖
+                {accessibility() ? "!" : "⬖"}
               </text>
               <box flexGrow={1} gap={1}>
                 <box flexDirection="row" justifyContent="space-between">
@@ -287,7 +291,7 @@ export function Sidebar(props: { sessionID: string; overlay?: boolean }) {
                     <b>Getting started</b>
                   </text>
                   <text fg={theme.textMuted} onMouseDown={() => kv.set("dismissed_getting_started", true)}>
-                    ✕
+                    {accessibility() ? "x" : "✕"}
                   </text>
                 </box>
                 <text fg={theme.textMuted}>OpenCode includes free models so you can start immediately.</text>
@@ -306,7 +310,7 @@ export function Sidebar(props: { sessionID: string; overlay?: boolean }) {
             <span style={{ fg: theme.text }}>{directory().split("/").at(-1)}</span>
           </text>
           <text fg={theme.textMuted}>
-            <span style={{ fg: theme.success }}>•</span> <b>Open</b>
+            <span style={{ fg: theme.success }}>{bullet()}</span> <b>Open</b>
             <span style={{ fg: theme.text }}>
               <b>Code</b>
             </span>{" "}
diff --git a/packages/opencode/src/cli/cmd/tui/ui/dialog-select.tsx b/packages/opencode/src/cli/cmd/tui/ui/dialog-select.tsx
index 98adcdeb135..b839ffd05ce 100644
--- a/packages/opencode/src/cli/cmd/tui/ui/dialog-select.tsx
+++ b/packages/opencode/src/cli/cmd/tui/ui/dialog-select.tsx
@@ -1,15 +1,16 @@
 import { InputRenderable, RGBA, ScrollBoxRenderable, TextAttributes } from "@opentui/core"
 import { useTheme, selectedForeground } from "@tui/context/theme"
 import { entries, filter, flatMap, groupBy, pipe, take } from "remeda"
-import { batch, createEffect, createMemo, For, Show, type JSX, on } from "solid-js"
+import { batch, createEffect, createMemo, createSignal, For, Show, type JSX, on } from "solid-js"
 import { createStore } from "solid-js/store"
-import { useKeyboard, useTerminalDimensions } from "@opentui/solid"
+import { useKeyboard, useRenderer, useTerminalDimensions } from "@opentui/solid"
 import * as fuzzysort from "fuzzysort"
 import { isDeepEqual } from "remeda"
 import { useDialog, type DialogContext } from "@tui/ui/dialog"
 import { useKeybind } from "@tui/context/keybind"
 import { Keybind } from "@/util/keybind"
 import { Locale } from "@/util/locale"
+import { useAccessibility, useNumberedMenus } from "@tui/util/accessibility"
 
 export interface DialogSelectProps<T> {
   title: string
@@ -49,6 +50,9 @@ export type DialogSelectRef<T> = {
 export function DialogSelect<T>(props: DialogSelectProps<T>) {
   const dialog = useDialog()
   const { theme } = useTheme()
+  const renderer = useRenderer()
+  const [numberBuffer, setNumberBuffer] = createSignal("")
+  const numberedMenus = useNumberedMenus()
   const [store, setStore] = createStore({
     selected: 0,
     filter: "",
@@ -69,6 +73,24 @@ export function DialogSelect<T>(props: DialogSelectProps<T>) {
   )
 
   let input: InputRenderable
+  const placeholder = createMemo(() => props.placeholder ?? (numberedMenus() ? "Search (/)" : "Search"))
+  const isInputFocused = () => !!input && renderer.currentFocusedRenderable === input
+
+  createEffect(
+    on(
+      () => numberedMenus(),
+      (enabled) => {
+        if (!input) return
+        if (numberBuffer().length > 0) setNumberBuffer("")
+        if (enabled) {
+          input.blur()
+        } else {
+          setTimeout(() => input.focus(), 1)
+        }
+      },
+      { defer: true },
+    ),
+  )
 
   const filtered = createMemo(() => {
     if (props.skipFilter) {
@@ -99,6 +121,7 @@ export function DialogSelect<T>(props: DialogSelectProps<T>) {
       flatMap(([_, options]) => options),
     )
   })
+  const numberWidth = createMemo(() => String(Math.max(flat().length, 1)).length)
 
   const dimensions = useTerminalDimensions()
   const height = createMemo(() =>
@@ -129,7 +152,10 @@ export function DialogSelect<T>(props: DialogSelectProps<T>) {
     moveTo(next)
   }
 
-  function moveTo(next: number) {
+  function moveTo(next: number, opts?: { preserveNumberBuffer?: boolean }) {
+    if (!opts?.preserveNumberBuffer && numberBuffer().length > 0) {
+      setNumberBuffer("")
+    }
     setStore("selected", next)
     props.onMove?.(selected()!)
     if (!scroll) return
@@ -149,8 +175,59 @@ export function DialogSelect<T>(props: DialogSelectProps<T>) {
     }
   }
 
+  function isDigit(value?: string) {
+    return value !== undefined && value.length === 1 && value >= "0" && value <= "9"
+  }
+
+  function updateNumberBuffer(next: string) {
+    setNumberBuffer(next)
+    const index = Number.parseInt(next, 10) - 1
+    if (!Number.isNaN(index) && index >= 0 && index < flat().length) {
+      moveTo(index, { preserveNumberBuffer: true })
+    }
+  }
+
   const keybind = useKeybind()
   useKeyboard((evt) => {
+    if (numberedMenus() && !isInputFocused()) {
+      if (evt.name === "/") {
+        if (numberBuffer().length > 0) setNumberBuffer("")
+        input?.focus()
+        evt.preventDefault()
+        evt.stopPropagation()
+        return
+      }
+
+      if (evt.name === "backspace" && numberBuffer().length > 0) {
+        setNumberBuffer(numberBuffer().slice(0, -1))
+        evt.preventDefault()
+        evt.stopPropagation()
+        return
+      }
+
+      if (evt.name === "return" && numberBuffer().length > 0) {
+        const index = Number.parseInt(numberBuffer(), 10) - 1
+        const option = flat()[index]
+        setNumberBuffer("")
+        if (option) {
+          evt.preventDefault()
+          evt.stopPropagation()
+          if (option.onSelect) option.onSelect(dialog)
+          props.onSelect?.(option)
+        }
+        return
+      }
+
+      if (isDigit(evt.name)) {
+        const maxDigits = numberWidth()
+        const next = (numberBuffer() + evt.name).slice(0, maxDigits)
+        updateNumberBuffer(next)
+        evt.preventDefault()
+        evt.stopPropagation()
+        return
+      }
+    }
+
     if (evt.name === "up" || (evt.ctrl && evt.name === "p")) move(-1)
     if (evt.name === "down" || (evt.ctrl && evt.name === "n")) move(1)
     if (evt.name === "pageup") move(-10)
@@ -197,7 +274,15 @@ export function DialogSelect<T>(props: DialogSelectProps<T>) {
           <text fg={theme.text} attributes={TextAttributes.BOLD}>
             {props.title}
           </text>
-          <text fg={theme.textMuted}>esc</text>
+          <box flexDirection="row" gap={1}>
+            <Show when={numberedMenus()}>
+              <text fg={theme.textMuted}>/ search</text>
+            </Show>
+            <Show when={numberedMenus() && numberBuffer().length > 0}>
+              <text fg={theme.textMuted}>select {numberBuffer()}</text>
+            </Show>
+            <text fg={theme.textMuted}>esc</text>
+          </box>
         </box>
         <box paddingTop={1} paddingBottom={1}>
           <input
@@ -205,6 +290,7 @@ export function DialogSelect<T>(props: DialogSelectProps<T>) {
               batch(() => {
                 setStore("filter", e)
                 props.onFilter?.(e)
+                if (numberedMenus()) setNumberBuffer("")
               })
             }}
             focusedBackgroundColor={theme.backgroundPanel}
@@ -212,9 +298,11 @@ export function DialogSelect<T>(props: DialogSelectProps<T>) {
             focusedTextColor={theme.textMuted}
             ref={(r) => {
               input = r
-              setTimeout(() => input.focus(), 1)
+              if (!numberedMenus()) {
+                setTimeout(() => input.focus(), 1)
+              }
             }}
-            placeholder={props.placeholder ?? "Search"}
+            placeholder={placeholder()}
           />
         </box>
       </box>
@@ -247,6 +335,7 @@ export function DialogSelect<T>(props: DialogSelectProps<T>) {
                   {(option) => {
                     const active = createMemo(() => isDeepEqual(option.value, selected()?.value))
                     const current = createMemo(() => isDeepEqual(option.value, props.current))
+                    const index = createMemo(() => flat().indexOf(option))
                     return (
                       <box
                         id={JSON.stringify(option.value)}
@@ -261,7 +350,7 @@ export function DialogSelect<T>(props: DialogSelectProps<T>) {
                           moveTo(index)
                         }}
                         backgroundColor={active() ? (option.bg ?? theme.primary) : RGBA.fromInts(0, 0, 0, 0)}
-                        paddingLeft={current() || option.gutter ? 1 : 3}
+                        paddingLeft={numberedMenus() ? 1 : current() || option.gutter ? 1 : 3}
                         paddingRight={3}
                         gap={1}
                       >
@@ -272,6 +361,9 @@ export function DialogSelect<T>(props: DialogSelectProps<T>) {
                           active={active()}
                           current={current()}
                           gutter={option.gutter}
+                          index={index()}
+                          numbered={numberedMenus()}
+                          numberWidth={numberWidth()}
                         />
                       </box>
                     )
@@ -307,16 +399,31 @@ function Option(props: {
   current?: boolean
   footer?: JSX.Element | string
   gutter?: JSX.Element
+  index?: number
+  numbered?: boolean
+  numberWidth?: number
   onMouseOver?: () => void
 }) {
   const { theme } = useTheme()
+  const accessibility = useAccessibility()
   const fg = selectedForeground(theme)
+  const currentIcon = createMemo(() => (accessibility() ? "*" : "●"))
+  const numberLabel = createMemo(() => {
+    if (props.index === undefined || props.index < 0) return ""
+    const width = props.numberWidth ?? String(props.index + 1).length
+    return `${String(props.index + 1).padStart(width, " ")}.`
+  })
 
   return (
     <>
+      <Show when={props.numbered && props.index !== undefined && props.index >= 0}>
+        <text flexShrink={0} fg={props.active ? fg : theme.textMuted}>
+          {numberLabel()}
+        </text>
+      </Show>
       <Show when={props.current}>
         <text flexShrink={0} fg={props.active ? fg : props.current ? theme.primary : theme.text} marginRight={0}>
-          ●
+          {currentIcon()}
         </text>
       </Show>
       <Show when={!props.current && props.gutter}>
diff --git a/packages/opencode/src/cli/cmd/tui/ui/toast.tsx b/packages/opencode/src/cli/cmd/tui/ui/toast.tsx
index 36095580fb0..442780a3496 100644
--- a/packages/opencode/src/cli/cmd/tui/ui/toast.tsx
+++ b/packages/opencode/src/cli/cmd/tui/ui/toast.tsx
@@ -2,10 +2,11 @@ import { createContext, useContext, type ParentProps, Show } from "solid-js"
 import { createStore } from "solid-js/store"
 import { useTheme } from "@tui/context/theme"
 import { useTerminalDimensions } from "@opentui/solid"
-import { SplitBorder } from "../component/border"
+import { getSplitBorderChars } from "../component/border"
 import { TextAttributes } from "@opentui/core"
 import z from "zod"
 import { TuiEvent } from "../event"
+import { useAccessibility } from "@tui/util/accessibility"
 
 export type ToastOptions = z.infer<typeof TuiEvent.ToastShow.properties>
 
@@ -13,6 +14,7 @@ export function Toast() {
   const toast = useToast()
   const { theme } = useTheme()
   const dimensions = useTerminalDimensions()
+  const accessibility = useAccessibility()
 
   return (
     <Show when={toast.currentToast}>
@@ -31,7 +33,7 @@ export function Toast() {
           backgroundColor={theme.backgroundPanel}
           borderColor={theme[current().variant]}
           border={["left", "right"]}
-          customBorderChars={SplitBorder.customBorderChars}
+          customBorderChars={getSplitBorderChars(accessibility())}
         >
           <Show when={current().title}>
             <text attributes={TextAttributes.BOLD} marginBottom={1} fg={theme.text}>
diff --git a/packages/opencode/src/cli/cmd/tui/util/accessibility.ts b/packages/opencode/src/cli/cmd/tui/util/accessibility.ts
new file mode 100644
index 00000000000..95bebf9b947
--- /dev/null
+++ b/packages/opencode/src/cli/cmd/tui/util/accessibility.ts
@@ -0,0 +1,27 @@
+import { createMemo } from "solid-js"
+import { useSync } from "@tui/context/sync"
+
+type AccessibilityConfig = {
+  tui?: {
+    accessibility?: {
+      numbered_menus?: boolean
+      ascii?: boolean
+    }
+  }
+}
+
+export function useAccessibility() {
+  const sync = useSync()
+  return createMemo(() => {
+    const config = sync.data.config as AccessibilityConfig
+    return config.tui?.accessibility?.ascii === true
+  })
+}
+
+export function useNumberedMenus() {
+  const sync = useSync()
+  return createMemo(() => {
+    const config = sync.data.config as AccessibilityConfig
+    return config.tui?.accessibility?.numbered_menus === true
+  })
+}
diff --git a/packages/opencode/src/config/config.ts b/packages/opencode/src/config/config.ts
index bf4a6035bd8..4ba69676a84 100644
--- a/packages/opencode/src/config/config.ts
+++ b/packages/opencode/src/config/config.ts
@@ -765,6 +765,16 @@ export namespace Config {
       .enum(["auto", "stacked"])
       .optional()
       .describe("Control diff rendering style: 'auto' adapts to terminal width, 'stacked' always shows single column"),
+    accessibility: z
+      .object({
+        numbered_menus: z
+          .boolean()
+          .optional()
+          .describe("Enable numbered selection and slash-to-search in TUI dialogs"),
+        ascii: z.boolean().optional().describe("Use ASCII-only text mode in the TUI"),
+      })
+      .optional()
+      .describe("Accessibility settings"),
   })
 
   export const Server = z
diff --git a/packages/web/src/content/docs/config.mdx b/packages/web/src/content/docs/config.mdx
index 30edbbd2146..436769b037c 100644
--- a/packages/web/src/content/docs/config.mdx
+++ b/packages/web/src/content/docs/config.mdx
@@ -160,7 +160,11 @@ You can configure TUI-specific settings through the `tui` option.
     "scroll_acceleration": {
       "enabled": true
     },
-    "diff_style": "auto"
+    "diff_style": "auto",
+    "accessibility": {
+      "numbered_menus": true,
+      "ascii": true
+    }
   }
 }
 ```
@@ -170,6 +174,8 @@ Available options:
 - `scroll_acceleration.enabled` - Enable macOS-style scroll acceleration. **Takes precedence over `scroll_speed`.**
 - `scroll_speed` - Custom scroll speed multiplier (default: `3`, minimum: `1`). Ignored if `scroll_acceleration.enabled` is `true`.
 - `diff_style` - Control diff rendering. `"auto"` adapts to terminal width, `"stacked"` always shows single column.
+- `accessibility.numbered_menus` - Enable numbered selection and `/` to focus search in TUI dialogs.
+- `accessibility.ascii` - Use ASCII-only TUI rendering (no Unicode icons/box drawing, and no spinner animations).
 
 [Learn more about using the TUI here](/docs/tui).
 
diff --git a/packages/web/src/content/docs/tui.mdx b/packages/web/src/content/docs/tui.mdx
index a7f59f21599..a3178e5355c 100644
--- a/packages/web/src/content/docs/tui.mdx
+++ b/packages/web/src/content/docs/tui.mdx
@@ -350,6 +350,10 @@ You can customize TUI behavior through your OpenCode config file.
     "scroll_speed": 3,
     "scroll_acceleration": {
       "enabled": true
+    },
+    "accessibility": {
+      "numbered_menus": true,
+      "ascii": true
     }
   }
 }
@@ -359,6 +363,8 @@ You can customize TUI behavior through your OpenCode config file.
 
 - `scroll_acceleration` - Enable macOS-style scroll acceleration for smooth, natural scrolling. When enabled, scroll speed increases with rapid scrolling gestures and stays precise for slower movements. **This setting takes precedence over `scroll_speed` and overrides it when enabled.**
 - `scroll_speed` - Controls how fast the TUI scrolls when using scroll commands (minimum: `1`). Defaults to `3`. **Note: This is ignored if `scroll_acceleration.enabled` is set to `true`.**
+- `accessibility.numbered_menus` - Enable numbered selection and `/` to focus search in TUI dialogs.
+- `accessibility.ascii` - Use ASCII-only TUI rendering (no Unicode icons/box drawing, and no spinner animations).
 
 ---