Skip to content

Interactivity API: Use a11y Script Module in Gutenberg #65123

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
sirreal merged 16 commits into from
Sep 17, 2024
Merged

Interactivity API: Use a11y Script Module in Gutenberg #65123

Changes from 1 commit
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
29999f8
Use @wordpress/a11y to announce to screen readers
sirreal Sep 6, 2024
2d5317d
Only use a11y module in GUTENBERG_PLUGIN
sirreal Sep 6, 2024
8409612
Add interacitivty-router script dependency on a11y
sirreal Sep 6, 2024
3afbd51
Load translated strings using script module data passing
sirreal Sep 6, 2024
771e61c
Fix i18n domain to use Core translations.
sirreal Sep 12, 2024
1019f5b
Add extra fallback in case a11y module does not load
sirreal Sep 12, 2024
adbfd46
Fix lints
sirreal Sep 12, 2024
85a7d02
Remove extra fallback
sirreal Sep 12, 2024
6a21c9c
Update package lock
sirreal Sep 12, 2024
f64d420
Add comment to gutenberg_register_interactivity_script_module_data_hooks
sirreal Sep 16, 2024
0b7e978
Remove ariaLive param from a11yAnnounce
sirreal Sep 16, 2024
63a1ffa
Move loaded data state out of texts object
sirreal Sep 16, 2024
71515b6
Improve a11yAnnounce param type
sirreal Sep 16, 2024
325249f
Rename function a11ySpeak
sirreal Sep 16, 2024
c9f0940
Add store type to allow texts
sirreal Sep 17, 2024
85821fd
Add fallback for localized texts
sirreal Sep 17, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Move loaded data state out of texts object
  • Loading branch information
@sirreal
sirreal committed Sep 17, 2024
commit 63a1ffa83d8643287a621885193192b9fa57fbe9
6 changes: 3 additions & 3 deletions packages/interactivity-router/src/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -209,8 +209,8 @@ const isValidEvent = ( event: MouseEvent ) =>
// Variable to store the current navigation.
let navigatingTo = '';

let hasLoadedNavigationTextsData = false;
const navigationTexts = {
loadedFromServer: false,
loading: 'Loading page, please wait.',
loaded: 'Page Loaded.',
};
Expand Down Expand Up @@ -367,8 +367,8 @@ export const { state, actions } = store( 'core/router', {
* @param messageKey The message to be announced by assistive technologies.
*/
function a11yAnnounce( messageKey: 'loading' | 'loaded' ) {
if ( ! navigationTexts.loadedFromServer ) {
navigationTexts.loadedFromServer = true;
if ( ! hasLoadedNavigationTextsData ) {
hasLoadedNavigationTextsData = true;
const content = document.getElementById(
'wp-script-module-data-@wordpress/interactivity-router'
)?.textContent;
Expand Down