头像用于显示用户照片的缩略图或任何其他类型内容的视觉表示。
- 图像： 头像应将图像处理成其形状，并适用于任何图像大小，因为它们可能从未知的数据源获取此图像。
- 图像回退： 当没有图像可用时，应有回退方案。这可以通过占位符图像或首字母来完成。
- 可访问性： 始终为屏幕阅读器提供描述，说明头像图像上显示的内容，而不仅仅是命名其角色。
- 尺寸： 头像用于许多上下文，并且它们都需要组件的不同尺寸。对于普通项目，至少使用 2-3 种不同的尺寸，并确保至少有一种小尺寸可用。
- 图标： 头像可以使用图标代替图像，以强调那些不一定有（或需要）与之关联图像的区域。
- 背景颜色： 当与图标或文本一起使用时，必须在头像形状上应用设计系统颜色标记的背景颜色。确保图标和文本与背景有足够的对比度，符合 WCAG AA 标准。