etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-28 17:43:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(a11y): associate Support ticket form labels with their inputs

Browse Source 
Add htmlFor/id pairs for the create-ticket subject and message fields so screen
readers announce the label and clicking the label focuses the control (WCAG 1.3.1).
This commit is contained in:
c0mrade
2026-05-25 23:53:42 +03:00
parent 5c7d4b4888
commit 90888db48c
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/Support.tsx
View File

@@ -511,8 +511,11 @@ export default function Support() {
className="space-y-4" className="space-y-4"
> >
<div> <div>
<label className="label">{t('support.subject')}</label> <label htmlFor="support-subject" className="label">
{t('support.subject')}
</label>
<input <input
id="support-subject"
type="text" type="text"
className="input" className="input"
placeholder={t('support.subjectPlaceholder')} placeholder={t('support.subjectPlaceholder')}
@@ -524,8 +527,11 @@ export default function Support() {
/> />
</div> </div>
<div> <div>
<label className="label">{t('support.message')}</label> <label htmlFor="support-message" className="label">
{t('support.message')}
</label>
<textarea <textarea
id="support-message"
className="input min-h-[150px]" className="input min-h-[150px]"
placeholder={t('support.messagePlaceholder')} placeholder={t('support.messagePlaceholder')}
value={newMessage} value={newMessage}