Cloudscape Design System
  • Get started
  • Foundation
  • Components
  • Patterns
  • Demos
  • GitHub 
Cloudscape Design System
  • Get started
  • Foundation
  • Components
  • Patterns
  • Demos
  • GitHub 
  • About

Foundation


  • Visual foundation

    • Colors
    • Content density
    • Data visualization colors
    • Design tokens
    • Iconography
    • Layout
    • Motion
    • Spacing
    • Theming
    • Typography
    • Visual context
    • Visual modes
    • Visual style

  • Core principles

    • Accessibility
      • Focus management principles
      • Building accessible experiences
    • Responsive design
    • Bidirectionality
  1. Cloudscape Design System
    • Foundation
    • Core principles: Accessibility
    1. Cloudscape Design System
    2. Foundation
    3. Core principles: Accessibility

    Accessibility

    Cloudscape provides guidelines, patterns, and components to help you create delightful experiences for your users.

    Published: May 4, 2022

    Accessibility in Cloudscape

    Cloudscape Design System provides you guidelines and tools to help you build accessible interfaces, such as semantic markup and use of appropriate ARIA attributes. We strive to build Cloudscape components with accessibility in mind.

    To help you build an accessible user interface (UI), we have the following suggestions:

    • Follow the accessibility guidelines section for each component on alternative text and ARIA regions, located in the usage tab of each component article.

    • Define ARIA labels that are aligned with the language context of your application.

    • Don't add unnecessary markup to components for roles and landmarks. Follow the guidelines for each component.

    • If you build a custom component, refer to accessibility standards and best practices for usability.

    • About
    • Connect
    • Privacy 
    • Site terms 
    • © 2025, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    Made with love atAWS