Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2026-04-18 05:39:05 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

🏷️ a11y: add aria-label to close button and aria-hidden to SVG (#3698)

Browse source 
Fixes #3641

Add accessible name to the close button for added conversations and hide SVG from assistive technology.

* Add `aria-label="Close added conversation"` to the `button` element.
* Add `aria-hidden="true"` to the `svg` element.

---

For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/danny-avila/LibreChat/issues/3641?shareId=XXXX-XXXX-XXXX-XXXX).
This commit is contained in:
Marco Beretta 2024-08-20 00:08:29 +02:00 • committed by GitHub
parent d4c0f7267a
commit 5de3b8a148
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 2 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

2
client/src/components/Chat/Input/AddedConvo.tsx
View file

@ -43,6 +43,7 @@ export default function AddedConvo({
<button <button
className="text-token-text-secondary flex-shrink-0" className="text-token-text-secondary flex-shrink-0"
type="button" type="button"
aria-label="Close added conversation"
onClick={() => setAddedConvo(null)} onClick={() => setAddedConvo(null)}
> >
<svg <svg
@ -52,6 +53,7 @@ export default function AddedConvo({
fill="none" fill="none"
viewBox="0 0 24 24" viewBox="0 0 24 24"
className="icon-lg" className="icon-lg"
aria-hidden="true"
> >
<path <path
fill="currentColor" fill="currentColor"