diff --git a/src/views/progressbar/ProgressBarDoc.vue b/src/views/progressbar/ProgressBarDoc.vue index aeb7110001..d81c54ed03 100755 --- a/src/views/progressbar/ProgressBarDoc.vue +++ b/src/views/progressbar/ProgressBarDoc.vue @@ -112,6 +112,28 @@ data() { +
+ ProgressBar components uses progressbar role along with aria-valuemin, aria-valuemax and aria-valuenow attributes. Value to describe the component can be defined using aria-labelledby and + aria-label props. +
+ +
+<span aria-labelledby="label_status">
+</span>
+
+<ProgressBar aria-labelledby="label_status">
+</ProgressBar>
+
+<ProgressBar aria-label="Status">
+</ProgressBar>
+
+
+
+ Not applicable.
+None.
@@ -200,7 +222,7 @@ export default { onBeforeUnmount(() => { endProgress(); }) - + const value1 = ref(0); const value2 = ref(50); const interval = ref(null); @@ -248,7 +270,7 @@ export default { onBeforeUnmount(() => { endProgress(); }) - + const value1 = ref(0); const value2 = ref(50); const interval = ref(null);