Accessibility

Craft is committed to making our products accessible to everyone.

Craft Design System Accessibility Principles

Our design system is built with accessibility at its core. From the initial design concepts to the final implementation, we prioritize inclusivity in every aspect of our process. This means:

  • Adhering to Accessibility Standards: We follow the Web Content Accessibility Guidelines (WCAG) to ensure that our products meet the highest accessibility standards. Our components are designed to be perceivable, operable, understandable, and robust.

  • Inclusive Design Practices: We incorporate inclusive design principles to create experiences that accommodate a wide range of users. This includes designing for users with varying levels of ability, different devices, and diverse contexts of use.

  • Continuous Improvement: Accessibility is an ongoing commitment. We regularly review our components and guidelines to ensure they are up-to-date with the latest best practices. Feedback from our users is integral to this process, and we strive to address any accessibility issues promptly.

Why Accessibility Matters

Accessibility is a fundamental aspect of web development that ensures all users, including those with disabilities, can access, understand, and interact with digital content effectively. An accessible website not only provides an inclusive experience but also enhances usability for everyone.

Inclusivity

Accessibility ensures that people with various disabilities—such as visual, auditory, motor, or cognitive impairments—can use and navigate the web. By prioritizing accessibility, we create a more inclusive environment that respects and values all users.

Legal Requirements

In many regions, accessibility is not just a best practice but a legal requirement. Compliance with standards like the Web Content Accessibility Guidelines (WCAG) can help prevent legal issues and ensure that your digital products are usable by everyone.

Enhanced Usability

Accessible design often leads to better overall usability. Features such as clear navigation, readable text, and intuitive interactions benefit all users, not just those with disabilities.

Key Principles of Accessibility

Perceivable

  • Provide text alternatives, alt text, for non-text content, such as images and icons.
  • Make content adaptable so that it can be presented in different ways without losing information or structure.
  • Ensure content is distinguishable by making it easier for users to see and hear content, such as using sufficient color contrast and allowing users to control audio playback.

Operable

  • Make all functionality available via keyboard to ensure that users who cannot use a mouse can still interact with the website.
  • Provide users with enough time to read and use content, avoiding time limits when possible.
  • Do not design content in a way that is known to cause seizures, such as flashing lights.
  • Provide navigable content to help users find content and determine where they are on a website.

Understandable

  • Make text content readable and understandable by using clear, simple language and providing explanations for complex terms.
  • Make web pages appear and operate in predictable ways to ensure a consistent user experience.
  • Help users avoid and correct mistakes by providing clear instructions, warnings, and error recovery mechanisms.

Robust

  • Ensure content is compatible with current and future user tools, including assistive technologies. This involves using clean, semantic HTML and following coding best practices.