Skip to content
tmr Design System

Accessibility

Ensuring accessibility in design is not just a best practice but a necessity. It guarantees that your designs are usable and inclusive for people with a range of abilities and disabilities. This document provides a set of guidelines to help make your designs more accessible.

Understanding Accessibility

Accessibility means creating designs that can be used by people with varying physical and cognitive abilities. This includes people with visual, auditory, motor, and cognitive impairments.

General Guidelines

  1. Color Contrast: Ensure high contrast between text and background colors to aid users with visual impairments.

  2. Text Size and Readability: Use legible font sizes and maintain a clear hierarchy in text for easy readability.

  3. Keyboard Navigation: Ensure that all interactive elements are navigable using a keyboard.

  4. Alternative Text for Images: Provide descriptive alt text for images, which is crucial for screen reader users.

  5. Accessible Forms: Label form elements clearly and provide error messages that are easy to understand.

  6. Avoid Seizure-Triggering Content: Steer clear of design elements that flash or flicker, as they can trigger seizures in people with photosensitive epilepsy.

  7. Screen Reader Compatibility: Use semantic HTML to ensure compatibility with screen readers.

  8. Consistent Navigation: Maintain consistent navigation across your website or application to help users predict how to move around.

Specific Tips for Web Design

  • Use ARIA (Accessible Rich Internet Applications) Landmarks: These help screen reader users to navigate and understand the structure of your website.

  • Responsive Design: Ensure your design is usable on a variety of devices and screen sizes.

  • Focus Indicators: Provide clear focus indicators for interactive elements to help users with limited motor skills.

Testing for Accessibility

  • Use Accessibility Testing Tools: Tools like the WAVE Web Accessibility Evaluation Tool can help identify issues in your designs.

  • Involve Users in Testing: Get feedback from users with disabilities to understand how they interact with your design.

By incorporating these accessibility guidelines, your design will not only be more inclusive but also reach a wider audience, enhancing the overall user experience.