Jayden Blake
Forum Replies Created
-
Forum: Accessibility
In reply to: Audio player controls not accessibleThe basic WordPress audio player does include volume and time slider controls, but they are not fully accessible with screen readers like NVDA. NVDA can read elapsed and total track time but does not detect the sliders, preventing adjustments to playback position or volume.
Solutions:
Use an Accessible Audio Player Plugin – Install plugins like “MediaElement.js” or “WP Accessible Audio Player” that offer improved accessibility with ARIA labels and keyboard navigation.
Custom ARIA Enhancements – Developers can enhance the default player by adding ARIA roles, states, and keyboard focus to sliders for better screen reader compatibility.
Keyboard Shortcuts – Use system-level media keys (e.g., volume up/down) as a workaround to adjust volume, though this doesn’t address the time slider issue.Forum: Accessibility
In reply to: How to add aria-live property to noticeThe aria-live attribute is missing because the @wordpress/components Notice component isn’t applying politeness=”polite” as expected, likely a bug.
Quick Fix
Wrap the Notice in a <div> with aria-live:jsx
Copy
import { Notice } from ‘@wordpress/components’;function AccessibleNotice() {
return (
<div aria-live=”polite” role=”status” aria-atomic=”true”>
<Notice status=”warning” politeness=”polite” isDismissible={false}>
Here is a test notice
</Notice>
</div>
);
}
Steps
Test: Verify with NVDA/VoiceOver; ensure the notice is announced.
Check Version: Update WordPress (e.g., 6.6.2) and Gutenberg (e.g., 18.0+). Retest original JSX.
Report Bug: If still missing, file an issue on Gutenberg GitHub with your JSX, HTML output, and versions.