align labeled controls with semantic roles

2026-09-06 17:19:38 +03:00
parent cbb208d440
commit f0811d7aa5
2 changed files with 2 additions and 2 deletions
@@ -48,7 +48,7 @@ export const TenderCalendar = () => {
        <input type="month" aria-label="Takvim ayı seç" value={month} onInput={e=>chooseMonth(e.currentTarget.value)} onChange={e=>chooseMonth(e.target.value)}
          className="ml-3 border border-slate-300 rounded-lg p-2"/>
      </label>
-      <div className="flex flex-wrap gap-2" aria-label="Takvim ayı gezinme">
+      <div role="group" className="flex flex-wrap gap-2" aria-label="Takvim ayı gezinme">
        <button type="button" aria-label="Önceki takvim ayı" className="border rounded px-3 py-2 text-sm" disabled={!shiftCalendarMonth(month,-1)} onClick={()=>chooseMonth(shiftCalendarMonth(month,-1))}>Önceki ay</button>
        <button type="button" aria-label="Bugünün takvim ayına dön" className="border rounded px-3 py-2 text-sm" onClick={()=>{setMonth(today.slice(0,7));setSelectedDay(today);}}>Bugüne dön</button>
        <button type="button" aria-label="Sonraki takvim ayı" className="border rounded px-3 py-2 text-sm" disabled={!shiftCalendarMonth(month,1)} onClick={()=>chooseMonth(shiftCalendarMonth(month,1))}>Sonraki ay</button>