improve a11y

docs/resources/changelog.md

@@ -8,6 +8,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis
 
 ## Next
 
+- Improved a11y in `sl-progress-ring`
 - Updated React docs to use [`@shoelace-style/react`](https://github.com/shoelace-style/react)
 - Updated NextJS docs [#434](https://github.com/shoelace-style/shoelace/pull/434)
 

src/components/progress-ring/progress-ring.ts

@@ -47,7 +47,14 @@ export default class SlProgressRing extends LitElement {
 
   render() {
     return html`
-      <div part="base" class="progress-ring">
+      <div
+        part="base"
+        class="progress-ring"
+        role="progressbar"
+        aria-valuemin="0"
+        aria-valuemax="100"
+        aria-valuenow="${this.percentage}"
+      >
         <svg class="progress-ring__image" width=${this.size} height=${this.size}>
           <circle
             class="progress-ring__track"