Cloudscape Design System
  • Get started
  • Foundation
  • Components
  • Patterns
  • Demos
  • Gen AI
  • GitHub 
Cloudscape Design System
  • Get started
  • Foundation
  • Components
  • Patterns
  • Demos
  • Gen AI
  • 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

  • Key principles

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

    Accessibility

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

    On this page

    1. Accessibility in Cloudscape

    About this page

    Published: May 4, 2022

    Did this page help you?

    Your feedback helps us improve our documentation.
    Provide additional feedback

    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.

    Did this page help you?

    Your feedback helps us improve our documentation.
    Provide additional feedback
    • About
    • Connect
    • Privacy 
    • Site terms 
    • © 2026, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    Made with ❤️ at AWS