Kendo UI for Angular Switch组件标签不显示问题求助

嘿，我之前也碰到过类似的情况，来帮你捋一捋~

首先你注意到的aria-hidden="true"是Kendo Switch组件的默认设计逻辑：这些标签（不管是默认的"On"/"Off"还是你设置的"Yes"/"No"），默认是作为屏幕阅读器的辅助文本存在的，并非给普通视觉用户展示的，所以组件不仅给标签加了aria-hidden属性，还通过CSS把它们做了视觉隐藏处理（比如定位到可视区域外、设置visibility: hidden之类的）。

你的组件代码本身是没问题的，想要让标签在页面上显示出来，只需要自定义CSS覆盖默认的隐藏样式就行。试试在你的组件样式文件里添加这段代码：

/* 针对你给Switch绑定的.switch类 */
.switch .k-switch-label-on,
.switch .k-switch-label-off {
    visibility: visible;
    position: static;
    padding: 0 6px; /* 可以根据需求调整内边距，让标签显示更自然 */
}

另外提一句：别轻易移除aria-hidden="true"哦，因为Switch组件本身已经通过aria-checked等属性向屏幕阅读器传递了开关状态，保留这个属性能避免辅助技术重复读取内容，保障无障碍访问的合理性。

备注：内容来源于stack exchange，提问作者Georgi Yakov