Add accessibility info to <progress> doc

[dev-nicolaos]

Summary

Adds content outlining common accessibility concerns when using the HTML <progress> element as described in various specs.

Motivation

To increase awareness of how to use the <progress> element in an accessible way.

Supporting details

https://www.w3.org/TR/wai-aria-practices-1.2/#naming_role_guidance (scroll down to progressbar role)
https://www.w3.org/TR/wai-aria-1.2/#progressbar
https://html.spec.whatwg.org/multipage/form-elements.html#the-progress-element

Related issues

None that I could find

Metadata

• Adds a new document
• Rewrites (or significantly expands) a document
• Fixes a typo, bug, or other error

[github-actions]

Preview URLs

• https://pr10707.content.dev.mdn.mozit.cloud/en-US/docs/Web/HTML/Element/progress

Flaws

URL: /en-US/docs/Web/HTML/Element/progress
Title: <progress>: The Progress Indicator element
on GitHub
Flaw count: 4

• macros:
  • /en-US/docs/Web/CSS/::-ms-fill does not exist
• broken_links:
  • Can't resolve /en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby
  • Can't resolve /en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label
  • Can't resolve /en-US/docs/Web/Accessibility/ARIA/Attributes/aria_busy

External URLs

URL: /en-US/docs/Web/HTML/Element/progress
Title: <progress>: The Progress Indicator element
on GitHub

No new external URLs

(this comment was updated 2021-11-24 17:30:20.663763)

[dev-nicolaos]

@estelle I think this PR is ready to merge, what do you think?

[estelle]

Fantastic!

[estelle]

Thank you!