chore: updated component aria-label warning reference links (#182)

* chore: updated component aria label warning docs links * chore: fix capitalization
adaptui · Dec 7, 2020 · ee55c21 · ee55c21 · vercel · Dec 7, 2020
1 parent 4b34d8f
commit ee55c21
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 2 deletions.
diff --git a/src/breadcrumbs/Breadcrumbs.ts b/src/breadcrumbs/Breadcrumbs.ts
@@ -18,6 +18,7 @@ export const Breadcrumbs = createComponent({
     useWarning(
       !props["aria-label"] && !props["aria-labelledby"],
       "You should provide either `aria-label` or `aria-labelledby` props.",
+      "See https://www.w3.org/TR/wai-aria-practices-1.1/#wai-aria-roles-states-and-properties-2",
     );
     return useCreateElement(type, props, children);
   },

diff --git a/src/number-input/NumberInput.ts b/src/number-input/NumberInput.ts
@@ -258,6 +258,7 @@ export const NumberInput = createComponent({
     useWarning(
       !props["aria-label"] && !props["aria-labelledby"],
       "You should provide either `aria-label` or `aria-labelledby` props.",
+      "See https://www.w3.org/TR/wai-aria-1.1/#spinbutton",
     );
     return useCreateElement(type, props, children);
   },

diff --git a/src/progress/Progress.ts b/src/progress/Progress.ts
@@ -47,6 +47,7 @@ export const Progress = createComponent({
     useWarning(
       !props["aria-label"] && !props["aria-labelledby"],
       "You should provide either `aria-label` or `aria-labelledby` props.",
+      "See https://www.w3.org/TR/wai-aria-1.1/#progressbar",
     );
     return useCreateElement(type, props, children);
   },

diff --git a/src/select/SelectList.ts b/src/select/SelectList.ts
@@ -33,7 +33,7 @@ export const SelectList = createComponent({
     useWarning(
       !props["aria-label"] && !props["aria-labelledby"],
       "You should provide either `aria-label` or `aria-labelledby` props.",
-      "See https://reakit.io/docs/select",
+      "See https://www.w3.org/TR/wai-aria-1.1/#listbox",
     );
     return useCreateElement(type, props, children);
   },

diff --git a/src/select/SelectPopover.ts b/src/select/SelectPopover.ts
@@ -43,7 +43,7 @@ export const SelectPopover = createComponent({
     useWarning(
       !props["aria-label"] && !props["aria-labelledby"],
       "You should provide either `aria-label` or `aria-labelledby` props.",
-      "See https://reakit.io/docs/select",
+      "See https://www.w3.org/TR/wai-aria-1.1/#listbox",
     );
     return useCreateElement(type, props, children);
   },