danny-avila / LibreChat

Enhanced ChatGPT Clone: Features Anthropic, AWS, OpenAI, Assistants API, Azure, Groq, o1, GPT-4o, Mistral, OpenRouter, Vertex AI, Gemini, Artifacts, AI model switching, message search, langchain, DALL-E-3, ChatGPT Plugins, OpenAI Functions, Secure Multi-User System, Presets, completely open-source for self-hosting. Actively in public development.
https://librechat.ai/
MIT License
19.15k stars 3.19k forks source link

Missing Form Label and Current Selection in the LLM Menu #4101

Open derekjackson-das opened 2 months ago

derekjackson-das commented 2 months ago

Issue: The button label dynamically changes based on the current LLM selected. The control name should be consistent to understand the purpose, while the value of the selection may change. Additionally, the LLM menu lacks an indication of the currently selected option within the list. This can cause confusion for users relying on assistive technologies, as the focus and selection state are not clear and the name of the control is not persistent.

WCAG Criteria: 1.3.1 Info and Relationships - A

Screenshot or Screen Recording: View Recording

Note: The UI should be replaced with a more accessible pattern, such as the APG Combobox pattern. Additionally, the AriaKit Select with custom closely resembles this pattern and could serve as a replacement.