html - "Attribute aria-expanded not allowed on element li at this point"

Question

我有以下代码( from here ):

<div role="menubar">
    <ul role="menu" aria-label="functions" id="appmenu">
            <li role="menuitem" aria-haspopup="true" tabindex="0" aria-expanded="false">
                File
                <ul role="menu">
                            <li role="menuitem" tabindex="-1">New</li>
                            <li role="menuitem" tabindex="-1">Open</li>
                            <li role="menuitem" tabindex="-1">Print</li>
                    </ul>
            </li>
            <li role="menuitem" aria-haspopup="true" tabindex="-1" aria-expanded="false">
                Edit
                <ul role="menu">
                            <li role="menuitem" tabindex="-1">Undo</li>
                            <li role="menuitem" tabindex="-1">Redo</li>
                            <li role="menuitem" tabindex="-1">Cut</li>
                            <li role="menuitem" tabindex="-1">Copy</li>
                            <li role="menuitem" tabindex="-1">Paste</li>
                    </ul>
            </li>
            <li role="menuitem" aria-haspopup="true" tabindex="-1" aria-expanded="false">
                    Format
                    <ul role="menu">
                            <li role="menuitem" tabindex="-1">Font</li>
                            <li role="menuitem" tabindex="-1">Text</li>
                    </ul>
            </li>
            <li role="menuitem" aria-haspopup="true" tabindex="-1" aria-expanded="false">
                View
                <ul role="menu">
                    <li role="menuitem" tabindex="-1">100%</li>
                    <li role="menuitem" tabindex="-1">Zoom In</li>
                    <li role="menuitem" tabindex="-1">Zoom Out</li>
                </ul>
            </li>
            <li role="menuitem" tabindex="-1" aria-expanded="false">Help</li>
    </ul>
</div>

但是，当我尝试验证( via the W3C validator )该 HTML 片段时，它给出了错误:

Attribute aria-expanded not allowed on element li at this point.

由于这是一个官方的 W3C 示例，我有点困惑，因为他们自己的示例没有使用自己的验证器进行验证。这里有什么问题？

Answer 1

W3C HTML 检查器(验证器)的维护者在这里。我认为检查器的行为符合预期，因为 aria-expanded与 role=menuitem isn’t allowed by the ARIA spec .
至于为什么https://www.w3.org/WAI/tutorials/menus/examples/appmenu/有无效标记，根据我的经验，那里有许多无效的示例。没有任何内容与 ARIA 规范和其他规范在同一意义上是官方/权威的，因此当您注意到与 ARIA 规范要求不匹配的示例时，您应该在 https://github.com/w3c/wai-tutorials/issues 报告它以便可以修复示例。
根据我的经验，如果人们花时间报告这些教程中的错误，他们会很快得到修复。
2017-07-09 更新:另请参阅 About use 'aria-expanded' on 'role=menuitem' 的答案并查看 https://github.com/w3c/aria/issues/454 ARIA 工作组针对 ARIA 规范的问题跟踪器中的“ARIA 1.1:菜单项角色不支持 aria-expanded”。