fix(chat): add aria-label and title attributes to dismiss button for accessibility (#3693)
This commit is contained in:
parent
2fae3b5f64
commit
b1af29c7bc
1 changed files with 3 additions and 1 deletions
|
|
@ -740,9 +740,11 @@ import { wireArrowUpRecall, getLastUserMessageFromChatHistory } from './composer
|
||||||
const dismissBtn = document.createElement('button');
|
const dismissBtn = document.createElement('button');
|
||||||
dismissBtn.textContent = '\u00d7';
|
dismissBtn.textContent = '\u00d7';
|
||||||
dismissBtn.className = 'import-prompt-dismiss';
|
dismissBtn.className = 'import-prompt-dismiss';
|
||||||
|
dismissBtn.setAttribute('aria-label', 'Dismiss');
|
||||||
|
dismissBtn.title = 'Dismiss';
|
||||||
dismissBtn.addEventListener('click', () => banner.remove());
|
dismissBtn.addEventListener('click', () => banner.remove());
|
||||||
banner.appendChild(dismissBtn);
|
banner.appendChild(dismissBtn);
|
||||||
const chatBar = document.getElementById('chat-bar');
|
const chatBar = document.querySelector('.chat-input-bar');
|
||||||
if (chatBar) chatBar.parentNode.insertBefore(banner, chatBar);
|
if (chatBar) chatBar.parentNode.insertBefore(banner, chatBar);
|
||||||
// Auto-dismiss after 15 seconds
|
// Auto-dismiss after 15 seconds
|
||||||
setTimeout(() => { if (banner.parentNode) banner.remove(); }, 15000);
|
setTimeout(() => { if (banner.parentNode) banner.remove(); }, 15000);
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue