Changeset 45726 for trunk

Timestamp:

08/03/2019 11:52:51 AM (5 years ago)

Author:

afercia

Message:

Accessibility: Improve the way emojis are announced by screen readers.

Adds an ARIA role="img" to the emojis markup in the front end. While the ARIA role is technically redundant, it helps Safari and VoiceOver to properly announce the emojis as "image". Without the role, they announce a generic "group" role.
Tested with Safari 12.1.1 / VoiceOver 9.

Props pento.
See #37486.

File:

• trunk/src/js/_enqueues/wp/emoji.js (modified) (1 diff)

trunk/src/js/_enqueues/wp/emoji.js

@@ -254 +254 @@
                     return ''.concat( options.base, icon, options.ext );
                 },
+                attributes: function() {
+                    return {
+                        role: 'img'
+                    };
+                },
                 onerror: function() {
                     if ( twemoji.parentNode ) {