diff --git a/.jules/palette.md b/.jules/palette.md
index bd0f73248..2d56049e3 100644
--- a/.jules/palette.md
+++ b/.jules/palette.md
@@ -57,3 +57,6 @@
 ## 2026-07-30 - Add window.confirm for destructive actions
 **Learning:** Destructive actions like deleting groups and edge relationships previously occurred immediately without user confirmation.
 **Action:** Always wrap delete operations with window.confirm() dialogs and ensure corresponding tests successfully mock window.confirm.
+## 2024-10-24 - Custom Radio Groups Accessibility
+**Learning:** 커스텀 UI 요소(색상 스와치 등)를 라디오 그룹으로 사용할 때 `role="radio"` 대신 일반 버튼에 `aria-pressed`를 사용하는 경우가 많습니다. 이는 `radiogroup` 내부에 라디오 대신 버튼이 존재하는 잘못된 ARIA 구조를 만들어 스크린 리더에 혼란을 줍니다.
+**Action:** `role="radiogroup"`을 가진 커스텀 라디오 그룹을 만들 때, 자식 요소들은 일반 버튼과 `aria-pressed` 대신 명시적으로 `role="radio"`와 `aria-checked`를 사용하도록 하십시오. 또한 React Testing Library의 쿼리도 'button' 대신 'radio' 역할을 찾도록 업데이트하십시오.
diff --git a/frontend/src/components/modals/GroupModal.tsx b/frontend/src/components/modals/GroupModal.tsx
index bd96c21b1..e68be5c79 100644
--- a/frontend/src/components/modals/GroupModal.tsx
+++ b/frontend/src/components/modals/GroupModal.tsx
@@ -75,8 +75,9 @@ export function GroupModal({
             {BUSINESS_GROUP_COLORS.map((color) => (
               <button
                 type="button"
+                role="radio"
                 aria-label={`색상 ${color}`}
-                aria-pressed={newGroupColor === color}
+                aria-checked={newGroupColor === color}
                 className="groupManager__swatch"
                 key={color}
                 onClick={() => setNewGroupColor(color)}
diff --git a/frontend/src/components/modals/ModalCoverage.test.tsx b/frontend/src/components/modals/ModalCoverage.test.tsx
index 8732f7efa..90d327ad9 100644
--- a/frontend/src/components/modals/ModalCoverage.test.tsx
+++ b/frontend/src/components/modals/ModalCoverage.test.tsx
@@ -262,7 +262,7 @@ describe('modal behavior coverage', () => {
       />,
     )
     fireEvent.change(screen.getByLabelText('그룹 이름'), { target: { value: 'New' } })
-    fireEvent.click(screen.getAllByRole('button', { name: /^색상 / })[1]!)
+    fireEvent.click(screen.getAllByRole('radio', { name: /^색상 / })[1]!)
     fireEvent.click(screen.getByRole('button', { name: '추가' }))
     vi.spyOn(window, 'confirm').mockReturnValueOnce(true)
     fireEvent.click(screen.getByRole('button', { name: 'Billing 그룹 삭제' }))
diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index 3605ce9fb..49a5747a9 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -943,7 +943,7 @@ button:disabled {
   box-shadow: 0 0 0 1px var(--color-border);
 }
 
-.groupManager__swatch[aria-pressed="true"] {
+.groupManager__swatch[aria-checked="true"] {
   box-shadow: 0 0 0 3px var(--color-text-strong);
 }