@colixsystems/widget-sdk 0.134.0 → 0.134.1

package/dist/markdown-link-dialog.js

@@ -100,8 +100,11 @@ export function makeMarkdownLinkDialog(rn, Overlay) {
         {
           key,
           onPress: () => setMode(key),
-          accessibilityRole: "button",
-          accessibilityState: { selected: mode === key },
+          // RNW 0.21.2 drops the a11y state prop, so the chosen tab was
+          // legible only as a fill colour (sc-6350). role + aria-* announces
+          // on both hosts; aria-selected needs role="tab", not "button".
+          accessibilityRole: "tab",
+          "aria-selected": mode === key,
           testID: testID ? `${testID}-mode-${key}` : undefined,
           style: {
             paddingVertical: tokens.markerGap,
@@ -189,7 +192,10 @@ export function makeMarkdownLinkDialog(rn, Overlay) {
       canPickPage
         ? React.createElement(
             View,
-            { style: { flexDirection: "row", marginBottom: tokens.blockGap } },
+            {
+              accessibilityRole: "tablist",
+              style: { flexDirection: "row", marginBottom: tokens.blockGap },
+            },
             tab("page", "A page in this app"),
             tab("url", "An external URL"),
           )
@@ -202,6 +208,7 @@ export function makeMarkdownLinkDialog(rn, Overlay) {
             React.createElement(
               ScrollView,
               {
+                accessibilityRole: "radiogroup",
                 style: {
                   maxHeight: PAGE_LIST_MAX_HEIGHT,
                   borderWidth: 1,
@@ -216,8 +223,8 @@ export function makeMarkdownLinkDialog(rn, Overlay) {
                   {
                     key: page.id,
                     onPress: () => setPageId(page.id),
-                    accessibilityRole: "button",
-                    accessibilityState: { selected: pageId === page.id },
+                    accessibilityRole: "radio",
+                    "aria-checked": pageId === page.id,
                     style: {
                       padding: tokens.markerGap,
                       ...(pageId === page.id

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colixsystems/widget-sdk",
-  "version": "0.134.0",
+  "version": "0.134.1",
   "description": "Common widget interface for AppStudio. Implements WidgetManifest, WidgetContext, property schema, and helper hooks.",
   "homepage": "https://github.com/Colix-AB/AppStudio",
   "type": "module",