@@ -169,6 +169,7 @@ export const PlaygroundMessage = (props: Props) => {
169
169
{ props . isTTSEnabled && (
170
170
< Tooltip title = { t ( "tts" ) } >
171
171
< button
172
+ aria-label = { t ( "tts" ) }
172
173
onClick = { ( ) => {
173
174
if ( isSpeaking ) {
174
175
cancel ( )
@@ -192,6 +193,7 @@ export const PlaygroundMessage = (props: Props) => {
192
193
{ ! props . hideCopy && (
193
194
< Tooltip title = { t ( "copyToClipboard" ) } >
194
195
< button
196
+ aria-label = { t ( "copyToClipboard" ) }
195
197
onClick = { ( ) => {
196
198
navigator . clipboard . writeText ( props . message )
197
199
setIsBtnPressed ( true )
@@ -217,7 +219,9 @@ export const PlaygroundMessage = (props: Props) => {
217
219
/>
218
220
}
219
221
title = { t ( "generationInfo" ) } >
220
- < button className = "flex items-center justify-center w-6 h-6 rounded-full bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500" >
222
+ < button
223
+ aria-label = { t ( "generationInfo" ) }
224
+ className = "flex items-center justify-center w-6 h-6 rounded-full bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500" >
221
225
< InfoIcon className = "w-3 h-3 text-gray-400 group-hover:text-gray-500" />
222
226
</ button >
223
227
</ Popover >
@@ -227,6 +231,7 @@ export const PlaygroundMessage = (props: Props) => {
227
231
props . currentMessageIndex === props . totalMessages - 1 && (
228
232
< Tooltip title = { t ( "regenerate" ) } >
229
233
< button
234
+ aria-label = { t ( "regenerate" ) }
230
235
onClick = { props . onRengerate }
231
236
className = "flex items-center justify-center w-6 h-6 rounded-full bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500" >
232
237
< RotateCcw className = "w-3 h-3 text-gray-400 group-hover:text-gray-500" />
@@ -239,6 +244,7 @@ export const PlaygroundMessage = (props: Props) => {
239
244
< Tooltip title = { t ( "edit" ) } >
240
245
< button
241
246
onClick = { ( ) => setEditMode ( true ) }
247
+ aria-label = { t ( "edit" ) }
242
248
className = "flex items-center justify-center w-6 h-6 rounded-full bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500" >
243
249
< Pen className = "w-3 h-3 text-gray-400 group-hover:text-gray-500" />
244
250
</ button >
0 commit comments