@adobe/design-data-spec 0.8.0 → 0.10.0

package/components/divider.json

@@ -69,5 +69,8 @@
       "token": "transparent-black-800",
       "context": "Fill (black)"
     }
-  ]
+  ],
+  "accessibility": {
+    "focusable": false
+  }
 }

package/components/drop-zone.json

@@ -207,5 +207,22 @@
       "token": "white",
       "context": "Border, background, and text area color (filled, hover)"
     }
-  ]
+  ],
+  "accessibility": {
+    "intents": ["input"],
+    "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/field-label.json

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

package/components/heading.json

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

package/components/help-text.json

@@ -4,7 +4,7 @@
   "specVersion": "1.0.0-draft",
   "name": "help-text",
   "displayName": "Help text",
-  "description": "Help text provides either an informative description or an error message that gives more context about what a user needs to input. It’s commonly used in forms.",
+  "description": "Help text provides either an informative description or an error message that gives more context about what a user needs to input. It\u2019s commonly used in forms.",
   "meta": {
     "category": "inputs",
     "documentationUrl": "https://spectrum.adobe.com/page/help-text/"
@@ -182,5 +182,8 @@
       "token": "cjk-line-height-100",
       "context": "Text"
     }
-  ]
+  ],
+  "accessibility": {
+    "focusable": false
+  }
 }

package/components/illustrated-message.json

@@ -151,5 +151,8 @@
       "token": "body-color",
       "context": "Description color"
     }
-  ]
+  ],
+  "accessibility": {
+    "focusable": false
+  }
 }

package/components/in-field-progress-button.json

@@ -40,5 +40,23 @@
   ],
   "lifecycle": {
     "introduced": "1.0.0-draft"
+  },
+  "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/in-field-progress-circle.json

@@ -76,5 +76,8 @@
       "token": "progress-circle-thickness-large",
       "context": "S1 Thickness"
     }
-  ]
+  ],
+  "accessibility": {
+    "focusable": false
+  }
 }

package/components/in-line-alert.json

@@ -197,5 +197,15 @@
       "token": "body-line-height",
       "context": "Title and Description"
     }
-  ]
+  ],
+  "accessibility": {
+    "focusable": false,
+    "wcag": [
+      {
+        "criterion": "4.1.3",
+        "level": "AA",
+        "title": "Status Messages"
+      }
+    ]
+  }
 }

package/components/link.json

@@ -131,5 +131,23 @@
       "token": "focus-indicator-gap",
       "context": "Focus ring"
     }
-  ]
+  ],
+  "accessibility": {
+    "role": "link",
+    "intents": ["navigate"],
+    "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/list-view.json

@@ -351,5 +351,22 @@
       "token": "bold-font-weight",
       "context": "Text (List view title)"
     }
-  ]
+  ],
+  "accessibility": {
+    "intents": ["select", "navigate"],
+    "focusable": true,
+    "keyboardIntents": ["navigate-items", "activate", "select-all"],
+    "wcag": [
+      {
+        "criterion": "2.1.1",
+        "level": "A",
+        "title": "Keyboard"
+      },
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
+    ]
+  }
 }

package/components/menu.json

@@ -538,5 +538,23 @@
       "token": "font-size-50",
       "context": "Descriptions (section header and item)"
     }
-  ]
+  ],
+  "accessibility": {
+    "role": "menu",
+    "intents": ["select"],
+    "focusable": false,
+    "keyboardIntents": ["navigate-options", "activate", "dismiss"],
+    "wcag": [
+      {
+        "criterion": "2.1.1",
+        "level": "A",
+        "title": "Keyboard"
+      },
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
+    ]
+  }
 }

package/components/meter.json

@@ -158,5 +158,8 @@
       "token": "static-white-track-indicator-color",
       "context": "Track and indicator (white)"
     }
-  ]
+  ],
+  "accessibility": {
+    "focusable": false
+  }
 }

package/components/number-field.json

@@ -464,5 +464,28 @@
       "token": "positive-visual-color",
       "context": "Positive icon"
     }
-  ]
+  ],
+  "accessibility": {
+    "role": "spinbutton",
+    "intents": ["choose", "input"],
+    "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/opacity-checkerboard.json

@@ -39,5 +39,8 @@
       "token": "opacity-checkerboard-square-dark",
       "context": "Square"
     }
-  ]
+  ],
+  "accessibility": {
+    "focusable": false
+  }
 }

package/components/picker.json

@@ -518,5 +518,28 @@
       "token": "component-xl-medium",
       "context": "Prefix"
     }
-  ]
+  ],
+  "accessibility": {
+    "role": "combobox",
+    "intents": ["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/popover.json

@@ -115,5 +115,16 @@
       "token": "drop-shadow-elevated-blur",
       "context": "Drop shadow"
     }
-  ]
+  ],
+  "accessibility": {
+    "intents": ["dismiss"],
+    "focusable": false,
+    "wcag": [
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
+    ]
+  }
 }

package/components/progress-bar.json

@@ -178,5 +178,8 @@
       "token": "static-white-track-indicator-color",
       "context": "Track and indicator (white)"
     }
-  ]
+  ],
+  "accessibility": {
+    "focusable": false
+  }
 }

package/components/progress-circle.json

@@ -95,5 +95,8 @@
       "token": "static-black-track-indicator-color",
       "context": "Track and fill (black)"
     }
-  ]
+  ],
+  "accessibility": {
+    "focusable": false
+  }
 }

package/components/radio-button.json

@@ -281,5 +281,28 @@
       "token": "cjk-line-height-100",
       "context": "Label"
     }
-  ]
+  ],
+  "accessibility": {
+    "role": "radio",
+    "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/radio-group.json

@@ -59,5 +59,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/rating.json

@@ -141,5 +141,28 @@
       "token": "disabled-content-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/scroll-zoom-bar.json

@@ -49,5 +49,17 @@
   ],
   "lifecycle": {
     "introduced": "1.0.0-draft"
+  },
+  "accessibility": {
+    "intents": ["choose"],
+    "focusable": true,
+    "keyboardIntents": ["increment", "decrement"],
+    "wcag": [
+      {
+        "criterion": "2.1.1",
+        "level": "A",
+        "title": "Keyboard"
+      }
+    ]
   }
 }

package/components/search-field.json

@@ -302,5 +302,32 @@
       "token": "focus-indicator-color",
       "context": "Focus ring"
     }
-  ]
+  ],
+  "accessibility": {
+    "role": "textbox",
+    "intents": ["input"],
+    "focusable": true,
+    "wcag": [
+      {
+        "criterion": "1.3.1",
+        "level": "A",
+        "title": "Info and Relationships"
+      },
+      {
+        "criterion": "1.3.5",
+        "level": "AA",
+        "title": "Identify Input Purpose"
+      },
+      {
+        "criterion": "2.1.1",
+        "level": "A",
+        "title": "Keyboard"
+      },
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
+    ]
+  }
 }

package/components/segmented-control.json

@@ -206,5 +206,22 @@
       "token": "line-height-100",
       "context": "Label"
     }
-  ]
+  ],
+  "accessibility": {
+    "intents": ["choose"],
+    "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/select-box.json

@@ -244,5 +244,22 @@
       "token": "drop-shadow-elevated-color",
       "context": "Focus"
     }
-  ]
+  ],
+  "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/side-navigation.json

@@ -289,5 +289,22 @@
       "token": "font-size-75",
       "context": "Text (Side navigation title)"
     }
-  ]
+  ],
+  "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/slider.json

@@ -366,5 +366,28 @@
       "token": "cjk-line-height-100",
       "context": "Label"
     }
-  ]
+  ],
+  "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/standard-dialog.json

@@ -147,5 +147,23 @@
       "token": "body-color",
       "context": "Description"
     }
-  ]
+  ],
+  "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/standard-panel.json

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

package/components/status-light.json

@@ -268,5 +268,8 @@
       "token": "neutral-content-color-default",
       "context": "Label"
     }
-  ]
+  ],
+  "accessibility": {
+    "focusable": false
+  }
 }

package/components/steplist.json

@@ -266,5 +266,22 @@
       "token": "cjk-line-height-100",
       "context": "Label"
     }
-  ]
+  ],
+  "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/swatch-group.json

@@ -58,5 +58,16 @@
       "token": "swatch-group-border-opacity",
       "context": "Border"
     }
-  ]
+  ],
+  "accessibility": {
+    "intents": ["choose"],
+    "focusable": false,
+    "wcag": [
+      {
+        "criterion": "4.1.2",
+        "level": "A",
+        "title": "Name, Role, Value"
+      }
+    ]
+  }
 }