enhancement: Post Editor : Accessibility Improvement#788
Conversation
|
Done ma...Thank you! @RUKAYAT-CODER2025 |
|
Great job so far There’s just one blocker — the workflow is failing. Could you take a look and fix it so all checks pass? Happy to review again once that’s done. |
|
@jaynomyaro Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits. You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀 |
|
Hello I have done the necessary corrections, but it then say's only you being the maintainer can approve the workflows.. And by the way do you have a community i could join for more jobs or anything ma.Thanks @RUKAYAT-CODER |
This is because, its your first time contributing to the project. The next time you contribute, the workflow will run automatically. |
2 participants
Description
This PR enhances the Post Editor by introducing accessibility improvements to ensure that all users, including those relying on assistive technologies, can create and edit posts seamlessly. The changes align with WCAG 2.1 AA standards and improve usability across diverse user groups.
🎯 Key Improvements
Keyboard Navigation
Added full support for tab/arrow key navigation across editor controls.
Ensured focus states are visible and consistent.
Screen Reader Support
Implemented ARIA labels and roles for editor buttons, toolbars, and formatting options.
Improved semantic HTML structure for better interpretation by assistive technologies.
Color Contrast & Visual Cues
Updated button and toolbar styles to meet minimum contrast ratios.
Added non-color indicators (icons/text) for formatting states.
Error & Status Messaging
Introduced accessible alerts for validation errors and save/publish status.
Messages are announced to screen readers without disrupting workflow.
🛠️ Implementation Details
Refactored editor toolbar components to include ARIA attributes.
Added role="status" and aria-live regions for dynamic updates.
Adjusted CSS variables to meet contrast requirements.
Introduced unit tests for accessibility compliance using axe-core.
✅ Testing
Manual testing with NVDA and VoiceOver screen readers.
Verified keyboard-only workflows for post creation and editing.
Automated accessibility checks integrated into CI pipeline.
📊 Impact
Improves inclusivity and compliance with accessibility standards.
Enhances user experience for individuals with visual, motor, or cognitive impairments.
Reduces risk of accessibility-related issues in audits.
🚀 Next Steps
Extend accessibility improvements to media upload dialogs.
Add localization support for ARIA labels.
Conduct usability testing with diverse user groups.
👉 This PR positions the Post Editor as more inclusive and compliant, while also laying the groundwork for future accessibility enhancements. closed #359