Skip to main content Red Hat Design System logo Contribute on Github

Avatar

Overview Style Guidelines Code Demos Accessibility

Implementation

  • If you are using an SVG for the avatar, make sure it is accessible
  • If you are combining an avatar with another element, check accessibility guidelines for that element as well

Additional guidelines

  • Ensure users can navigate to the avatar via screen reader
  • Ensure the avatar image has alternative text
  • Ensure keyboard users should not be able to interact with the avatar on its own via Tab and Shift+Tab

ARIA Authoring Practices Guide (APG)

Learn to use the accessibility semantics defined by the Accessible Rich Internet Application (ARIA) specification to create accessible web experiences.

View APG resources

Web Content Accessibility Guidelines

Understanding documents provide detailed explanations for Web Content Accessibility Guidelines (WCAG) guidelines and success criteria.

© 2021-2024 Red Hat, Inc. Deploys by Netlify