Issue Summary

On the “Create page | Insert emoji” page, the emojis such as “grinning”, “Smiley”, “Smile”, “Grin” and so on are missing list markup.

Steps to Reproduce

1. Open the “Create page | Insert emoji” page.
2. Navigate onto the mentioned emojis and observe the screen reader announcement or inspect it.
3. Notice that the list structure is not announced for the emojis.

Screenshot

Actual Results

List mark-up is not used to present related information. For example, emojis such as “grinning”, “Smiley”, “Smile”, “Grin” and so on in the non-modal dialog are not marked as list items which visually look like a list.

Without list markup in the HTML, assistive technologies cannot provide shortcuts that allow users to navigate the lists quickly. Screen readers will not be able to announce the number of lists in the item or other supporting information.

Expected Results

Use appropriate list markup, such as <ul> and <li> to identify related information. In addition, consider applying styles to maintain the visual presentation of a web page.

 This helps users to navigate and interpret the information effectively.

Code snippet

<ul>
  <li>
    <img src="/plugins/servlet/twitterEmojiRedirector?id=1f600" alt=":grinning:" class="emoji">
  </li>
  <li>
    <img src="/plugins/servlet/twitterEmojiRedirector?id=1f603" alt=":smiley:" class="emoji">
  </li>
  <li>
    <img src="/plugins/servlet/twitterEmojiRedirector?id=1f604" alt=":smile:" class="emoji">
  </li>
  <li>
    <img src="/plugins/servlet/twitterEmojiRedirector?id=1f601" alt=":grin:" class="emoji">
  </li>
  <li>
    <img src="/plugins/servlet/twitterEmojiRedirector?id=1f606" alt=":laughing:" class="emoji">
  </li>
  <li>
    <img src="/plugins/servlet/twitterEmojiRedirector?id=1f605" alt=":sweat_smile:" class="emoji">
  </li>
  <li>
    <img src="/plugins/servlet/twitterEmojiRedirector?id=1f602" alt=":joy:" class="emoji">
  </li>
  <li>
    <img src="/plugins/servlet/twitterEmojiRedirector?id=1f923" alt=":rofl:" class="emoji">
  </li>
</ul> 

Workaround

Currently, there is no known workaround for this behaviour. A workaround will be added here when available

Environment

MacBook Pro (14-inch, 2021)
macOs Ventura  13.4
Chrome - Version 114.0.5735.106 (Official Build) (arm64)
Firefox- Version 112.0. 1
Safari- Version 16.5 (18615.2.9.11.4)
JAWS- Version 2023
NVDA- Version 2023
Voiceover - Version Latest