@adobe/design-data-spec 0.8.0 → 0.10.0

package/components/accordion.json

@@ -513,5 +513,22 @@
       "token": "field-top-to-disclosure-icon-300-spacious",
       "context": "Spacing (top/bottom to disclosure icon)"
     }
-  ]
+  ],
+  "accessibility": {
+    "intents": ["expand"],
+    "focusable": true,
+    "keyboardIntents": ["activate", "expand", "collapse"],
+    "wcag": [
+      {
+        "criterion": "2.1.1",
+        "level": "A",
+        "title": "Keyboard"
+      },
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
+    ]
+  }
 }

package/components/action-bar.json

@@ -199,5 +199,16 @@
       "token": "neutral-visual-color",
       "context": "Step visual"
     }
-  ]
+  ],
+  "accessibility": {
+    "intents": ["trigger"],
+    "focusable": false,
+    "wcag": [
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
+    ]
+  }
 }

package/components/action-button.json

@@ -477,5 +477,23 @@
       "token": "static-black-focus-indicator-color",
       "context": "Focus ring (black)"
     }
-  ]
+  ],
+  "accessibility": {
+    "role": "button",
+    "intents": ["trigger"],
+    "focusable": true,
+    "keyboardIntents": ["activate"],
+    "wcag": [
+      {
+        "criterion": "2.1.1",
+        "level": "A",
+        "title": "Keyboard"
+      },
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
+    ]
+  }
 }

package/components/action-group.json

@@ -78,5 +78,16 @@
       "token": "spacing-50",
       "context": "Spacing (horizontal, compact)"
     }
-  ]
+  ],
+  "accessibility": {
+    "intents": ["trigger"],
+    "focusable": false,
+    "wcag": [
+      {
+        "criterion": "2.1.1",
+        "level": "A",
+        "title": "Keyboard"
+      }
+    ]
+  }
 }

package/components/alert-banner.json

@@ -107,5 +107,15 @@
       "token": "cjk-line-height-100",
       "context": "Text"
     }
-  ]
+  ],
+  "accessibility": {
+    "focusable": false,
+    "wcag": [
+      {
+        "criterion": "4.1.3",
+        "level": "AA",
+        "title": "Status Messages"
+      }
+    ]
+  }
 }

package/components/alert-dialog.json

@@ -148,5 +148,23 @@
       "token": "negative-visual-color",
       "context": "Icon (error variant)"
     }
-  ]
+  ],
+  "accessibility": {
+    "role": "dialog",
+    "intents": ["dismiss"],
+    "focusable": false,
+    "keyboardIntents": ["dismiss"],
+    "wcag": [
+      {
+        "criterion": "2.4.3",
+        "level": "A",
+        "title": "Focus Order"
+      },
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
+    ]
+  }
 }

package/components/avatar-group.json

@@ -136,5 +136,8 @@
       "token": "cjk-line-height-100",
       "context": "Layout"
     }
-  ]
+  ],
+  "accessibility": {
+    "focusable": false
+  }
 }

package/components/avatar.json

@@ -180,5 +180,8 @@
       "token": "line-height-100",
       "context": "Text (List view item)"
     }
-  ]
+  ],
+  "accessibility": {
+    "focusable": false
+  }
 }

package/components/badge.json

@@ -498,5 +498,8 @@
     {
       "token": "cjk-line-height-100"
     }
-  ]
+  ],
+  "accessibility": {
+    "focusable": false
+  }
 }

package/components/body.json

@@ -25,5 +25,8 @@
   },
   "lifecycle": {
     "introduced": "1.0.0-draft"
+  },
+  "accessibility": {
+    "focusable": false
   }
 }

package/components/bottom-navigation-android.json

@@ -37,5 +37,22 @@
   },
   "lifecycle": {
     "introduced": "1.0.0-draft"
+  },
+  "accessibility": {
+    "intents": ["navigate"],
+    "focusable": true,
+    "keyboardIntents": ["navigate-items", "activate"],
+    "wcag": [
+      {
+        "criterion": "2.1.1",
+        "level": "A",
+        "title": "Keyboard"
+      },
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
+    ]
   }
 }

package/components/breadcrumbs.json

@@ -4,7 +4,7 @@
   "specVersion": "1.0.0-draft",
   "name": "breadcrumbs",
   "displayName": "Breadcrumbs",
-  "description": "Breadcrumbs show hierarchy and navigational context for a user’s location within an app.",
+  "description": "Breadcrumbs show hierarchy and navigational context for a user\u2019s location within an app.",
   "meta": {
     "category": "navigation",
     "documentationUrl": "https://spectrum.adobe.com/page/breadcrumbs/"
@@ -259,5 +259,22 @@
       "token": "heading-size-l",
       "context": "Text (breadcrumb item and title, multiline)"
     }
-  ]
+  ],
+  "accessibility": {
+    "intents": ["navigate"],
+    "focusable": true,
+    "keyboardIntents": ["navigate-items", "activate"],
+    "wcag": [
+      {
+        "criterion": "2.1.1",
+        "level": "A",
+        "title": "Keyboard"
+      },
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
+    ]
+  }
 }

package/components/button-group.json

@@ -43,5 +43,16 @@
       "token": "spacing-200",
       "context": "Spacing (horizontal)"
     }
-  ]
+  ],
+  "accessibility": {
+    "intents": ["trigger"],
+    "focusable": false,
+    "wcag": [
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
+    ]
+  }
 }

package/components/button.json

@@ -478,7 +478,7 @@
     },
     {
       "token": "static-white-focus-indicator-color",
-      "context": "Static white – Focus indicator"
+      "context": "Static white \u2013 Focus indicator"
     },
     {
       "token": "transparent-black-900",
@@ -522,7 +522,25 @@
     },
     {
       "token": "static-black-focus-indicator-color",
-      "context": "Static black – Focus indicator"
+      "context": "Static black \u2013 Focus indicator"
     }
-  ]
+  ],
+  "accessibility": {
+    "role": "button",
+    "intents": ["trigger"],
+    "focusable": true,
+    "keyboardIntents": ["activate"],
+    "wcag": [
+      {
+        "criterion": "2.1.1",
+        "level": "A",
+        "title": "Keyboard"
+      },
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
+    ]
+  }
 }

package/components/calendar.json

@@ -100,5 +100,27 @@
   },
   "lifecycle": {
     "introduced": "1.0.0-draft"
+  },
+  "accessibility": {
+    "intents": ["input", "choose"],
+    "focusable": true,
+    "keyboardIntents": ["navigate-items", "activate"],
+    "wcag": [
+      {
+        "criterion": "1.3.1",
+        "level": "A",
+        "title": "Info and Relationships"
+      },
+      {
+        "criterion": "2.1.1",
+        "level": "A",
+        "title": "Keyboard"
+      },
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
+    ]
   }
 }

package/components/cards.json

@@ -508,5 +508,22 @@
       "token": "horizontal-card-edge-to-content-spacious",
       "context": "Spacing (top/side/bottom edge to content)"
     }
-  ]
+  ],
+  "accessibility": {
+    "intents": ["select"],
+    "focusable": true,
+    "keyboardIntents": ["activate"],
+    "wcag": [
+      {
+        "criterion": "2.1.1",
+        "level": "A",
+        "title": "Keyboard"
+      },
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
+    ]
+  }
 }

package/components/checkbox-group.json

@@ -50,5 +50,21 @@
   "lifecycle": {
     "introduced": "1.0.0-draft"
   },
-  "tokenBindings": []
+  "tokenBindings": [],
+  "accessibility": {
+    "intents": ["choose"],
+    "focusable": false,
+    "wcag": [
+      {
+        "criterion": "1.3.1",
+        "level": "A",
+        "title": "Info and Relationships"
+      },
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
+    ]
+  }
 }

package/components/checkbox.json

@@ -299,5 +299,28 @@
       "token": "cjk-line-height-100",
       "context": "Label"
     }
-  ]
+  ],
+  "accessibility": {
+    "role": "checkbox",
+    "intents": ["choose"],
+    "focusable": true,
+    "keyboardIntents": ["activate"],
+    "wcag": [
+      {
+        "criterion": "1.3.1",
+        "level": "A",
+        "title": "Info and Relationships"
+      },
+      {
+        "criterion": "2.1.1",
+        "level": "A",
+        "title": "Keyboard"
+      },
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
+    ]
+  }
 }

package/components/close-button.json

@@ -166,5 +166,23 @@
       "token": "transparent-black-100",
       "context": "Background (static black)"
     }
-  ]
+  ],
+  "accessibility": {
+    "role": "button",
+    "intents": ["dismiss"],
+    "focusable": true,
+    "keyboardIntents": ["activate"],
+    "wcag": [
+      {
+        "criterion": "2.1.1",
+        "level": "A",
+        "title": "Keyboard"
+      },
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
+    ]
+  }
 }

package/components/coach-indicator.json

@@ -72,5 +72,8 @@
       "token": "white",
       "context": "Indicator (Static white)"
     }
-  ]
+  ],
+  "accessibility": {
+    "focusable": false
+  }
 }

package/components/coach-mark.json

@@ -153,5 +153,17 @@
       "token": "coach-mark-pagination-color",
       "context": "Color"
     }
-  ]
+  ],
+  "accessibility": {
+    "intents": ["dismiss"],
+    "focusable": true,
+    "keyboardIntents": ["dismiss"],
+    "wcag": [
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
+    ]
+  }
 }

package/components/code.json

@@ -21,5 +21,8 @@
   },
   "lifecycle": {
     "introduced": "1.0.0-draft"
+  },
+  "accessibility": {
+    "focusable": false
   }
 }

package/components/color-area.json

@@ -111,5 +111,28 @@
       "token": "disabled-background-color",
       "context": "Disabled"
     }
-  ]
+  ],
+  "accessibility": {
+    "role": "slider",
+    "intents": ["choose"],
+    "focusable": true,
+    "keyboardIntents": ["increment", "decrement"],
+    "wcag": [
+      {
+        "criterion": "1.3.1",
+        "level": "A",
+        "title": "Info and Relationships"
+      },
+      {
+        "criterion": "2.1.1",
+        "level": "A",
+        "title": "Keyboard"
+      },
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
+    ]
+  }
 }

package/components/color-handle.json

@@ -81,5 +81,17 @@
       "token": "disabled-background-color",
       "context": "Border (disabled)"
     }
-  ]
+  ],
+  "accessibility": {
+    "intents": ["choose"],
+    "focusable": true,
+    "keyboardIntents": ["increment", "decrement"],
+    "wcag": [
+      {
+        "criterion": "2.1.1",
+        "level": "A",
+        "title": "Keyboard"
+      }
+    ]
+  }
 }

package/components/color-loupe.json

@@ -70,5 +70,8 @@
       "token": "color-loupe-drop-shadow-color",
       "context": "S1 Shadows"
     }
-  ]
+  ],
+  "accessibility": {
+    "focusable": false
+  }
 }

package/components/color-slider.json

@@ -117,5 +117,28 @@
       "token": "disabled-background-color",
       "context": "Disabled"
     }
-  ]
+  ],
+  "accessibility": {
+    "role": "slider",
+    "intents": ["choose"],
+    "focusable": true,
+    "keyboardIntents": ["increment", "decrement"],
+    "wcag": [
+      {
+        "criterion": "1.3.1",
+        "level": "A",
+        "title": "Info and Relationships"
+      },
+      {
+        "criterion": "2.1.1",
+        "level": "A",
+        "title": "Keyboard"
+      },
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
+    ]
+  }
 }

package/components/color-wheel.json

@@ -90,5 +90,28 @@
       "token": "disabled-background-color",
       "context": "Disabled"
     }
-  ]
+  ],
+  "accessibility": {
+    "role": "slider",
+    "intents": ["choose"],
+    "focusable": true,
+    "keyboardIntents": ["increment", "decrement"],
+    "wcag": [
+      {
+        "criterion": "1.3.1",
+        "level": "A",
+        "title": "Info and Relationships"
+      },
+      {
+        "criterion": "2.1.1",
+        "level": "A",
+        "title": "Keyboard"
+      },
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
+    ]
+  }
 }

package/components/combo-box.json

@@ -476,5 +476,28 @@
       "token": "gray-600",
       "context": "Label (populated true/false)"
     }
-  ]
+  ],
+  "accessibility": {
+    "role": "combobox",
+    "intents": ["input", "select", "expand"],
+    "focusable": true,
+    "keyboardIntents": ["expand", "collapse", "navigate-options"],
+    "wcag": [
+      {
+        "criterion": "1.3.1",
+        "level": "A",
+        "title": "Info and Relationships"
+      },
+      {
+        "criterion": "2.1.1",
+        "level": "A",
+        "title": "Keyboard"
+      },
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
+    ]
+  }
 }

package/components/contextual-help.json

@@ -158,5 +158,22 @@
       "token": "body-color",
       "context": "Color"
     }
-  ]
+  ],
+  "accessibility": {
+    "intents": ["trigger"],
+    "focusable": true,
+    "keyboardIntents": ["activate"],
+    "wcag": [
+      {
+        "criterion": "2.1.1",
+        "level": "A",
+        "title": "Keyboard"
+      },
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
+    ]
+  }
 }

package/components/date-picker.json

@@ -435,5 +435,27 @@
       "token": "spacing-500",
       "context": "Popover minimum width"
     }
-  ]
+  ],
+  "accessibility": {
+    "intents": ["input", "choose"],
+    "focusable": true,
+    "keyboardIntents": ["navigate-items", "activate"],
+    "wcag": [
+      {
+        "criterion": "1.3.1",
+        "level": "A",
+        "title": "Info and Relationships"
+      },
+      {
+        "criterion": "2.1.1",
+        "level": "A",
+        "title": "Keyboard"
+      },
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
+    ]
+  }
 }

package/components/detail.json

@@ -26,5 +26,8 @@
   },
   "lifecycle": {
     "introduced": "1.0.0-draft"
+  },
+  "accessibility": {
+    "focusable": false
   }
 }