<h2>Accessibility and DDS</h2>
<p>Together, we’ve partnered by:</p>
<ul>
<li>Ensuring that current accessibility standards and best practices inform and drive initial component requirements.</li>
<li>Incorporating feedback from accessibility professionals at every stage of the lifecycle.</li>
<li>Requiring every DDS component and pattern to pass both design and engineering accessibility reviews before they are released.</li>
<li>Capturing accessibility guidance directly within DDS component documentation.</li>
</ul>
<h2>What is accessibility?</h2>
<p>Accessibility is the practice of creating inclusive products, services, and experiences that are usable by as many people as possible. By removing barriers that impact <strong>visual, physical, auditory, and cognitive disabilities or impairments</strong>, DDS can help create better digital experiences for all.<br><br>Disabilities and impairments can be <strong>permanent, situational, or temporary</strong>. Various limitations mean that a piece of critical information should be delivered in alternate ways, such as text, audio, and visual formats. For example:</p>
<ul>
<li>Blindness or low vision may mean that a person primarily perceives and interacts with content via a screen reader.</li>
<li>Deafness, hard of hearing, or use of a device without headphones in a noisy environment necessitates closed captioning or audio description on a video.</li>
<li>Fatigue or stress may require a graphic, short video, or simple text to prevent cognitive overload.</li>
<li>For those with fine motor disabilities unable to use a mouse, logically ordered content is necessary when using a keyboard to navigate.</li>
</ul>
<p>Accessible design empowers all people to equally experience and interact with the world.</p>
<h2>About the Accessibility Center of Excellence</h2>
<p>Dell’s <a href="https://dell.sharepoint.com/:u:/r/sites/AccessibilityCoE/SitePages/Accessibility-Policy.aspx?csf=1&web=1&e=E76RVZ">Accessibility CoE</a> is committed to fostering an inclusive culture at Dell that enables accessible experiences for people of all abilities. Their mission is to educate and inspire accessibility advocates with innovative practices that build empathy and inclusion for everyone.</p>
<h2>Accessibility standards</h2>
<p>As per Dell’s Accessibility Statement, all DDS components follow the global <a href="https://www.w3.org/TR/WCAG22/">Web Content Accessibility Guidelines (WCAG) 2.2</a>, Level AA. However, the team aims to exceed these guidelines when possible. To that end, Dell also integrates:</p>
<ul>
<li>Forthcoming WCAG 2.2 updates</li>
<li>WCAG 2.2 Level AAA guidelines, where possible</li>
<li>General accessibility best practices (specifically, those not yet required by WCAG 2.2)</li>
</ul>
<p>Be sure to leverage guidance when designing and developing with DDS components. Relevant accessibility guidance can be found on each individual component, foundation, and pattern pages.</p>
<h2>Resources</h2>
<details data-name='card-collection' data-cards='[{"image":{"url":"","alt":""},"link":{"label":"Review Dell&#39;s Accessibility Statement","path":"https://www.dell.com/en-us/lp/accessibility","type":"External"},"description":"Dell&#39;s commitment to digital accessibility and how to provide feedback.","title":"Accessibility Statement","icon":"pop-up-arrow-corner"},{"image":{"url":"","alt":""},"link":{"label":"Go to Accessibility CoE SharePoint","path":"https://dell.sharepoint.com/:u:/r/sites/AccessibilityCoE/SitePages/Accessibility-Policy.aspx?csf=1&web=1&e=E76RVZ","type":"External"},"description":"Dell&#39;s internal SharePoint site for accessibility training, consulting, and testing services.","title":"Accessibility CoE","icon":"pop-up-arrow-corner"},{"image":{"url":"","alt":""},"link":{"label":"Go to WCAG guidance","path":"https://www.w3.org/WAI/WCAG22/quickref/?currentsidebar=%23col_customize&levels=aaa","type":"External"},"description":"How to meet WCAG requirements and success criteria.\n","title":"WCAG guidance","icon":"pop-up-arrow-corner"}]' data-NumberOfColumns='3' data-NumberOfColumnsMedium='2' data-NumberOfColumnsSmall='1'></details>

We’ve redesigned DDS v2 with a specific focus on accessibility through a partnership with Dell’s Accessibility Center of Excellence (CoE).



Accessibility: Dell Design System (DDS)

React update

<p>The DDS React library now contains all components available in the Angular and Vanilla component libraries.</p>


DDS React components

Home

About DDS

Figma

Vanilla

Angular

React

Data visualization

Migration guide

A11y annotation kit

AI chat toolkit

Contributor sandbox

Getting started

Changelog

Roadmap

Updates

Overview

Color

Elevation

Grid

Icons

Typography

Foundations

Accordion

Action menu

Badge

Blockquote

Breadcrumb

Button

Card

Carousel

Category navigation

Checkbox

Date picker

Divider

Drawer

Dropdown

File input

Footnote

Link

List

Loading indicator

Message bar

Modal

Notification

Overlay

Pagination

Popover

Progress bar

Progress tracker

Radio button

Search

Select

Side navigation

Switch

Table

Tabs

Text area

Text input

Time picker

Tooltip

View more/less

Components

Area chart

Bar chart

Bubble chart

Donut chart

Gauge chart

Line chart

Metrics card

Pie chart

Utilization chart

Dashboard template

Chart customization

Drag and drop

Empty state

Filter

Form

Microinteraction

Sign-in

Table view

Patterns

Accessibility

Brand

Partners

Case studies

FAQs

Tools

Videos

Dell Design System v1

Resources

Send Feedback

Check my tickets

Find us on Teams

Support