PS：一下内容为总结，详细的看原文，原文在最下面。

Angular 团队正在专注于提高组件的无障碍性，通过 ng update 自动为 Angular Material 组件带来改进，同时也更新了相关文档，以帮助开发者更好地理解和实现无障碍性。

摘要

Angular 的无障碍性改进是该团队在近期的主要工作之一。这些改进包括对组件的代码更新，以及对 material.angular.io 上每个组件的无障碍性部分的文档进行了修订和扩展。这些改进涵盖了多个方面，例如：

• cdk/a11y 包提供了 FocusTrap 和 LiveAnnouncer 等工具来增强无障碍性。
• Badge 组件改进了 ARIA 描述，使其更加无障碍。
• Bottom Sheet 组件增加了自定义初始焦点的选项。
• Button 组件改进了高对比度模式下的轮廓，并增加了触摸目标大小。
• Checkbox 组件改进了屏幕阅读器的支持，并扩大了触摸目标大小。
• Chips 组件提供了关于 matChipRemove 的最佳实践指导。
• Datepicker 组件进行了多项改进，包括对高对比度模式的支持和对屏幕阅读器的优化。
• Dialog 组件改进了初始焦点选项，并增强了屏幕阅读器的体验。
• Expansion Panel 组件在高对 kontrast 代码中添加了标题下的边框。
• Form field 组件在高对比度模式下添加了缺失的焦点指示器。
• Input 组件改进了只读输入的焦点指示和无效状态的屏幕阅读器通告。
• List 组件改进了高对比度模式下的焦点状态和初始焦点设置。
• Menu 组件在高对比度模式下添加了子菜单图标支持。
• Paginator 组件添加了屏幕阅读器公告和 aria-labelledby 支持。
• Progress bar 和 Progress spinner 组件现在对屏幕阅读器可达。
• Radio button 组件添加了无障碍的触摸目标。
• Select 组件改进了高对比度模式下的视觉效果。
• Sidenav 组件增加了类似 Dialog 的初始焦点选项。
• Slide toggle 组件在高对比度模式下增加了禁用状态的对比度。
• Slider 组件添加了强烈的焦点指示器。
• Sort header 组件添加了可访问性描述的输入。
• Stepper 组件进行了多项改进，包括对高对比度模式的支持和对屏幕阅读器的优化。
• Table 组件添加了默认角色为 “table”。
• Tabs 组件增加了使用 Tab 和键盘事件的功能性。
• Tooltip 组件增加了背景颜色对比度，以提高可读性。

观点

• Angular 团队致力于无障碍性，确保组件对所有用户都是可访问的。
• 无障碍性的改进不仅包括代码更新，还包括对文档的修订，以便开发者能够更好地理解和实施无障碍性最佳实践。³
• 通过 ng update，开发者可以不必进行额外的工作就能获得更加无障碍的 Angular Material 体验。
• Angular 的无障碍性改进涵盖了从基础组件到复杂交互控件的广泛领域，确保了无论是通过键盘、屏幕阅读器还是触摸操作，用户都能获得良好的体验。⁶
• Angular 团队鼓励开发者继续关注无障碍性，并在 GitHub 上报告任何可以进一步改进的问题。

原文链接：https://blog.angular.dev/improving-angular-components-accessibility-89b8ae904952