<html>
    <head>
      <base href="https://bugs.webkit.org/">
    </head>
    <body><table border="1" cellspacing="0" cellpadding="8">
        <tr>
          <th>Bug ID</th>
          <td><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - AX: Voiceover does not read in correct language when lang attr added on or within option"
   href="https://bugs.webkit.org/show_bug.cgi?id=229306">229306</a>
          </td>
        </tr>

        <tr>
          <th>Summary</th>
          <td>AX: Voiceover does not read in correct language when lang attr added on or within option
          </td>
        </tr>

        <tr>
          <th>Product</th>
          <td>WebKit
          </td>
        </tr>

        <tr>
          <th>Version</th>
          <td>Safari 14
          </td>
        </tr>

        <tr>
          <th>Hardware</th>
          <td>All
          </td>
        </tr>

        <tr>
          <th>OS</th>
          <td>All
          </td>
        </tr>

        <tr>
          <th>Status</th>
          <td>NEW
          </td>
        </tr>

        <tr>
          <th>Severity</th>
          <td>Normal
          </td>
        </tr>

        <tr>
          <th>Priority</th>
          <td>P2
          </td>
        </tr>

        <tr>
          <th>Component</th>
          <td>Accessibility
          </td>
        </tr>

        <tr>
          <th>Assignee</th>
          <td>webkit-unassigned@lists.webkit.org
          </td>
        </tr>

        <tr>
          <th>Reporter</th>
          <td>kayleeknowles42@gmail.com
          </td>
        </tr>

        <tr>
          <th>CC</th>
          <td>andresg_22@apple.com, webkit-bug-importer@group.apple.com
          </td>
        </tr></table>
      <p>
        <div>
        <pre>I made a codepen to demonstrate this behavior: <a href="https://codepen.io/kaylee42/pen/Exmqgjq">https://codepen.io/kaylee42/pen/Exmqgjq</a>

When I use the lang attribute on a paragraph, Voiceover correctly reads the paragraph in the designated language.

However, when I set the lang attribute on an option within a select (either on the option tag itself, or on a span within the option), Voiceover reads with the pronunciation of the default language (in this case, English). This makes it almost impossible to understand what the options are within the select. The lang attribute should be expose to Voiceover both when it is on the option itself and on a span within the option to improve accessibility of selects.</pre>
        </div>
      </p>


      <hr>
      <span>You are receiving this mail because:</span>

      <ul>
          <li>You are the assignee for the bug.</li>
      </ul>
    </body>
</html>