diff options
| author | christine betts <[email protected]> | 2025-08-21 22:29:15 +0000 |
|---|---|---|
| committer | GitHub <[email protected]> | 2025-08-21 22:29:15 +0000 |
| commit | 10286934e6a549dcad557adecfc087552e13c983 (patch) | |
| tree | fe6a61cf3158918253d18d891dab52f4c9b7a33b /packages/cli/src/ui/components/messages | |
| parent | 679acc45b222986032a01aebbffcddf756573f14 (diff) | |
Introduce initial screen reader mode handling and flag (#6653)
Diffstat (limited to 'packages/cli/src/ui/components/messages')
3 files changed, 13 insertions, 2 deletions
diff --git a/packages/cli/src/ui/components/messages/CompressionMessage.tsx b/packages/cli/src/ui/components/messages/CompressionMessage.tsx index c7ef122b..6aededbb 100644 --- a/packages/cli/src/ui/components/messages/CompressionMessage.tsx +++ b/packages/cli/src/ui/components/messages/CompressionMessage.tsx @@ -9,6 +9,7 @@ import { Box, Text } from 'ink'; import { CompressionProps } from '../../types.js'; import Spinner from 'ink-spinner'; import { Colors } from '../../colors.js'; +import { SCREEN_READER_MODEL_PREFIX } from '../../constants.js'; export interface CompressionDisplayProps { compression: CompressionProps; @@ -40,6 +41,7 @@ export const CompressionMessage: React.FC<CompressionDisplayProps> = ({ color={ compression.isPending ? Colors.AccentPurple : Colors.AccentGreen } + aria-label={SCREEN_READER_MODEL_PREFIX} > {text} </Text> diff --git a/packages/cli/src/ui/components/messages/GeminiMessage.tsx b/packages/cli/src/ui/components/messages/GeminiMessage.tsx index 9863acd6..cfc3a297 100644 --- a/packages/cli/src/ui/components/messages/GeminiMessage.tsx +++ b/packages/cli/src/ui/components/messages/GeminiMessage.tsx @@ -8,6 +8,7 @@ import React from 'react'; import { Text, Box } from 'ink'; import { MarkdownDisplay } from '../../utils/MarkdownDisplay.js'; import { Colors } from '../../colors.js'; +import { SCREEN_READER_MODEL_PREFIX } from '../../constants.js'; interface GeminiMessageProps { text: string; @@ -28,7 +29,12 @@ export const GeminiMessage: React.FC<GeminiMessageProps> = ({ return ( <Box flexDirection="row"> <Box width={prefixWidth}> - <Text color={Colors.AccentPurple}>{prefix}</Text> + <Text + color={Colors.AccentPurple} + aria-label={SCREEN_READER_MODEL_PREFIX} + > + {prefix} + </Text> </Box> <Box flexGrow={1} flexDirection="column"> <MarkdownDisplay diff --git a/packages/cli/src/ui/components/messages/UserMessage.tsx b/packages/cli/src/ui/components/messages/UserMessage.tsx index 332cb0f4..1be41be9 100644 --- a/packages/cli/src/ui/components/messages/UserMessage.tsx +++ b/packages/cli/src/ui/components/messages/UserMessage.tsx @@ -7,6 +7,7 @@ import React from 'react'; import { Text, Box } from 'ink'; import { Colors } from '../../colors.js'; +import { SCREEN_READER_USER_PREFIX } from '../../constants.js'; interface UserMessageProps { text: string; @@ -31,7 +32,9 @@ export const UserMessage: React.FC<UserMessageProps> = ({ text }) => { alignSelf="flex-start" > <Box width={prefixWidth}> - <Text color={textColor}>{prefix}</Text> + <Text color={textColor} aria-label={SCREEN_READER_USER_PREFIX}> + {prefix} + </Text> </Box> <Box flexGrow={1}> <Text wrap="wrap" color={textColor}> |