What you need to provide
- alt="" when there is a text label available and Avatar has a decorative role.
-
alt property with descriptive text when there is no textual label available, or when Avatar is interactive
Color contrast
Since the Avatar’s background is not necessary to determine the component’s hit area, there is no contrast requirement beyond the 4.5:1 text contrast and 3:1 icon contrast, which is ensured.
Avatar in size:small and the Property Logo fail the 1.4.4 Resize Text WCAG Success Criterion. The resized text overflows the boundaries and is not fully readable. Those properties are not used in the Guest-facing products.