Terms

• I have searched open and closed feature requests
• I agree to follow activist's Code of Conduct

Description

Description

FAQ items can only be reordered using mouse drag and drop. Keyboard users cannot reorder FAQ items, creating an accessibility barrier.

Current Behavior

• FAQ drag handle (IconDraggableEdit) is a non-interactive <div> element
• Only mouse/touch interactions are supported via vuedraggable
• No keyboard handlers exist for reordering

Expected Behavior

Keyboard users should be able to reorder FAQ items using standard keyboard controls:

• Arrow Up: Move item up one position
• Arrow Down: Move item down one position
• Focusable drag handle button with proper ARIA labels

Impact

• Severity: Medium (accessibility barrier)
• Users Affected: Keyboard-only users, screen reader users
• WCAG Compliance: Violates WCAG 2.1 Level A (Keyboard Accessible)

Component Locations

• frontend/app/components/icon/IconDraggableEdit.vue
• frontend/app/components/card/CardFAQEntry.vue
• frontend/app/pages/organizations/[orgId]/faq.vue
• frontend/app/pages/organizations/[orgId]/groups/[groupId]/faq.vue

Related

• Similar functionality may be needed for other draggable lists (resources, etc.)

Contribution

No response