让WordPress说话:WordPress4.2中的新功能

作者:Andrea Fercia和Joe Dolson

WordPress 4.2附带了一个有用的新版本JavaScript脚本JavaScript脚本 JavaScript或JS是一种面向对象的计算机编程语言,常用于在web浏览器中创建交互效果。WordPress广泛使用JS以获得更好的用户体验。当PHP在服务器上执行时,JS在用户的浏览器中执行。https://www.javascript.com/.方法:wp.a11y.speak()。这是一个使WordPress变得简单的实用程序核心核心 Core是运行WordPress所需的一组软件。核心开发团队构建WordPress。创建一致的方法,为屏幕阅读器用户提供JavaScript事件的实时更新,附带的好处是插件和主题的开发人员也可以在前端或后端使用它。

为什么?

在现代web开发中,使用JavaScript更新屏幕的离散区域很常见。在基于JavaScript的现代用户界面中使用AJAX响应,允许web开发人员创建类似于桌面应用程序的漂亮界面,这些应用程序不需要重新加载或刷新页面。

JavaScript可以为大多数用户带来巨大的可用性改进,但当内容动态更新时,它有可能引入可达性无障碍 无障碍性(通常简称为a11y)是指为残疾人设计产品、设备、服务或环境。无障碍设计的概念确保了“直接访问”(即无人协助)和“间接访问”,即与个人的辅助技术(例如计算机屏幕阅读器)兼容。(https://en.wikipedia.org/wiki/Accessibility网站)问题。这是您可以采取的处理该问题的步骤之一。

什么。

当用JavaScript更新页面的一部分时,更新通常用动画和明亮的颜色突出显示,并且很容易看到。但是,如果您无法看到屏幕,则不知道发生了这种情况,除非更新的区域标记为ARIA-live区域。

如果没有标记,则不会通知屏幕阅读器。但是,如果ARIA活动区域太大,也有可能在更新后公布所有区域的内容。您只想为用户提供一条简单、简洁的消息。

怎样。

就是这样wp.a11y.speak()是为了。它是一个简单的工具,可以创建ARIA实时通知区域并将其附加到<body>元素,开发人员可以在其中发送文本消息。辅助技术将自动宣布此区域中的任何文本更改。该ARIA活动区域具有ARIA的“状态”角色,因此它具有一个隐式现场咏叹调的值有礼貌的和一个隐式aria原子的值真的.

这意味着辅助技术将通知用户更新,但通常不会中断当前任务,并且更新优先级较低。如果您正在创建具有更高优先级更新的应用程序(例如,通知他们的当前会话即将到期),那么您将需要使用咏叹调的值坚定自信的.

我怎么用这个?

  • 将“wp”排队-11年无障碍 无障碍性(通常简称为a11y)是指为残疾人设计产品、设备、服务或环境。无障碍设计的概念确保了“直接访问”(即无人协助)和“间接访问”,即与个人的辅助技术(例如计算机屏幕阅读器)兼容。(https://en.wikipedia.org/wiki/Accessibility网站)'来自您的插件插件 插件是一个包含一组功能的软件,可以添加到WordPress网站。他们可以扩展功能或为WordPress网站添加新功能。WordPress插件是用PHP编程语言编写的,并与WordPres无缝集成。这些可以在WordPress.org插件目录中免费https://wordpress.org/插件/或者可以是第三方基于成本的插件或将其设置为生成更新的脚本的依赖项
  • 在DOM就绪时,将可翻译字符串传递给wp.a11年.spec():wp.a11y.说话(mystring);
add_action('wp_enqueue_scripts','yourprefix_a11y');函数yourprefix_a11y(){wp_enqueue_script('wp-a11y');}

add_action('wp_enqueue_scripts','yourprefix_ajax');函数yourprefix_ajax(){wp_enqueue_script('yourprefix.ajax',get_template_directory_uri()。'/“js/ajax.js”,数组(“wp-a11y”);}

对于一个实现示例,请看wp-admin/js/updates.js。重要提示:wp.a11y.speak()只有在DOM就绪后才可用,因此请确保不要提前调用它!

如果你打算在你的主题中使用它,你应该注意你的主题也应该支持核心类.屏幕阅读器-文本,用于插入的内容。阅读有关屏幕阅读器文本的更多信息.

参考文献和进一步阅读

#阿贾克斯#咏叹调#javascript脚本