Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2025-12-20 18:30:15 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

🔇 a11y: Silence Unnecessary Icons for Screen Readers (#5726)

Browse source 
* a11y: silence miscellaneous icons that should not be read by screen reader (#5723, #5724)

* 📝 chore: Update bug report template with additional guidance and version information

* 📝 chore: Update bug report template to guide users on using Discussions for general inquiries and setup help

---------

Co-authored-by: Danny Avila <danny@librechat.ai>
This commit is contained in:
Kay Belardinelli 2025-02-09 10:53:43 -05:00 • committed by GitHub
parent 1519afd4b9
commit 2e8d969e35
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
14 changed files with 55 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

2
client/src/components/Prompts/AdminSettings.tsx
View file

@ -153,7 +153,7 @@ const AdminSettings = () => {
variant="outline"
className="mr-2 h-10 w-fit gap-1 border transition-all dark:bg-transparent dark:hover:bg-surface-tertiary sm:m-0"
>
<ShieldEllipsis className="cursor-pointer" />
<ShieldEllipsis className="cursor-pointer" aria-hidden="true" />
<span className="hidden sm:flex">{localize('com_ui_admin')}</span>
</Button>
</OGDialogTrigger>

2
client/src/components/Prompts/Command.tsx
View file

@ -46,7 +46,7 @@ const Command = ({
return (
<div className="rounded-xl border border-border-light">
<h3 className="flex h-10 items-center gap-1 pl-4 text-sm text-text-secondary">
<SquareSlash className="icon-sm" />
<SquareSlash className="icon-sm" aria-hidden="true" />
<Input
type="text"
tabIndex={tabIndex}

2
client/src/components/Prompts/Description.tsx
View file

@ -43,7 +43,7 @@ const Description = ({
return (
<div className="rounded-xl border border-border-light">
<h3 className="flex h-10 items-center gap-1 pl-4 text-sm text-text-secondary">
<Info className="icon-sm" />
<Info className="icon-sm" aria-hidden="true" />
<Input
type="text"
tabIndex={tabIndex}

2
client/src/components/Prompts/Groups/CategoryIcon.tsx
View file

@ -48,5 +48,5 @@ export default function CategoryIcon({
if (!IconComponent) {
return null;
}
return <IconComponent className={cn(colorClass, className)} />;
return <IconComponent className={cn(colorClass, className)} aria-hidden="true" />;
}

2
client/src/components/Prompts/PromptVariables.tsx
View file

@ -30,7 +30,7 @@ const PromptVariables = ({
return (
<div className="rounded-xl border border-border-light bg-transparent p-4 shadow-md ">
<h3 className="flex items-center gap-2 py-2 text-lg font-semibold text-text-primary">
<Variable className="icon-sm" />
<Variable className="icon-sm" aria-hidden="true" />
{localize('com_ui_variables')}
</h3>
<div className="flex flex-col space-y-4">