Accessibility Improvements for Message Editor

[philprime]

Problem Description

Several accessibility issues were identified in the message editor that affect user interaction and compliance with accessibility standards.

Issues Identified

1. Checkbox Click Targets

• Problem: Direct clicking on checkboxes doesn't register reliably
• Workaround: Users must click on label text instead
• Affected: "Require user to use action" checkbox and filter checkboxes

2. Touch Target Sizes

• Problem: Some interactive elements may be too small for optimal mobile interaction
• Impact: Affects usability on touch devices

Current Behavior

• Checkbox clicks require clicking on associated label text
• Some touch targets may be smaller than recommended 44px minimum
• Inconsistent interaction patterns

Expected Behavior

• Checkboxes should respond to direct clicks
• All interactive elements should meet accessibility guidelines
• Consistent and predictable interaction patterns
• Touch targets should be appropriately sized

Impact

• Reduced accessibility for users with motor difficulties
• Inconsistent user experience
• Potential non-compliance with accessibility standards

Components Affected

• Checkbox components throughout the message editor
• All interactive elements (buttons, dropdowns, inputs)
• Touch target sizing across the interface

Testing Criteria

• Checkboxes respond to direct clicks
• All touch targets meet 44px minimum size
• Proper focus indicators for keyboard navigation
• Screen reader compatibility
• Consistent interaction patterns

Accessibility Standards

• WCAG 2.1 AA compliance
• Touch target size recommendations
• Keyboard navigation support

Related Issue

Parent issue: #1702