Voit Docs
  • Read Me
  • Introduction
    • Get Started
  • Design Language
    • Philosophy
  • Accessing The Design System
    • Using Variables
  • Structure Overview
  • Accessibility & Inclusivity
  • Guidelines
    • Design tokens
  • Components
    • Overview
    • Accordion
    • Aspect Ratio
    • Badge
    • Breadcrumb
    • Button
    • Tab Button
    • Tile Button
    • Card (Header, Footer)
    • Checkbox
    • ComboBox
    • Digit Entry
    • Dimming Overlay
    • File Drop
    • Index Bar
    • Info Label
    • Inline Message
    • Link
    • List Item
    • List Tree
    • Page Control
    • Pagination
    • Popover
    • Progress Bar
    • Progress Indicator
    • Radio
    • Segmented Control
    • Select
    • Shortcut
    • Slider
    • Stepper
    • Switch
    • Tag
    • Text Area
    • Text field
    • Toast
    • Tooltip
    • Tool Bar
  • Legal
    • Terms & Conditions
    • Contact US
    • License Agreement
    • Feedback
Powered by GitBook
On this page
  • Key Accessibility Features
  • Accessibility Considerations
  • Inclusivity Considerations

Accessibility & Inclusivity

At VOIT, accessibility is not a secondary concern; it is a basic design principle. We think that the best designs benefit everyone, regardless of their ability.

Key Accessibility Features

  • Dynamic Type: All text in VOIT adjusts automatically to user-preferred text sizes, ensuring readability while maintaining layout integrity.

  • Screen Reader Integration: Every VOIT component is optimized for screen readers, providing rich and contextual information to users who rely on them.

  • Intelligent Contrast: Our color system automatically adjusts to maintain optimal contrast ratios, ensuring readability for users with visual impairments.

  • Keyboard Navigation: All VOIT interfaces are fully navigable by keyboard, featuring clear focus indicators and logical tab navigation.

  • Reduce Motion: For users sensitive to motion, VOIT offers a reduced-motion mode that maintains functionality while minimizing animations.

  • Customizable Accessibility Options: VOIT provides a range of customizable accessibility options, allowing users to tailor their experience to their specific needs.

Accessibility Considerations

Remember, designing for accessibility doesn't just support users with disabilities - it improves the experience for everyone. By embracing accessibility, we create designs that are more flexible, more robust, and ultimately, more human.

When using VOIT, consider the following principles:

  • Provide alternatives: For every non-text element, provide a text alternative.

  • Don't rely on color alone: Use multiple cues, such as shapes and text, to convey important information.

  • Ensure sufficient contrast: Use our Intelligent Color System to maintain readable contrast ratios.

  • Make it keyboard accessible: Ensure all functionality is accessible via keyboard navigation.

  • Provide clear feedback: Make sure users know when their actions had an effect.

Inclusivity Considerations

Inclusivity is at the heart of our design philosophy. We strive to create designs that reflect and respect the diversity of our users. Therefore, we invite you to consider these factors:

  • Language: Use inclusive language that avoids bias and stereotypes.

  • Representation: Ensure diverse representation in imagery and iconography.

  • Cultural Sensitivity: Be aware of cultural differences and design with sensitivity to various cultural contexts.

  • Gender Neutrality: Use gender-neutral language and design elements.

  • User Feedback: Continuously gather feedback from a diverse group of users to enhance inclusivity in designs.

PreviousStructure OverviewNextGuidelines

Last updated 7 months ago