Remove section on redundant use of ARIA roles on HTML5 (#686)

* Update regions.md

Removing section describing redundant use of roles on HTML5 elements

* Update pages/design-develop/tutorials/page-structure/regions.md

* Update changelog for PR 686 (#1927)

* update changelog for PR #686

* update last_updated variable

* Update changelog.md

* Update last updated date

---------

Co-authored-by: Becky Gibson <gibson.becky@gmail.com>

---------

Co-authored-by: Brian Elton <bcelton@gmail.com>
Co-authored-by: Becky Gibson <gibson.becky@gmail.com>

Author: 3 people

pages/design-develop/tutorials/changelog.md

@@ -31,6 +31,10 @@ This changelog lists substantive content edits. It does _not_ list typo fixes an
 
 ## March 2026
 
+In [Page Structure tutorial](https://www.w3.org/WAI/tutorials/page-structure/)
+* Removed section on "Page regions in HTML5 using WAI-ARIA" from [Page Regions](https://www.w3.org/WAI/tutorials/page-structure/regions/). Browsers and screen readers now fully support HTML5 region elements.
+    * [GitHub PR #686](https://github.com/w3c/wai-website/pull/686/)
+
 In [Images tutorial](/tutorials/images/):
 * Fixed a color contrast issue in [Complex Images](https://www.w3.org/WAI/tutorials/images/complex/)
 

pages/design-develop/tutorials/page-structure/regions.md

@@ -21,7 +21,7 @@ wcag_techniques:
   - ARIA11
 
 metafooter: true
-last_updated: 2024-05-13
+last_updated: 2026-03-24
 editors:
 - Eric Eggert: "https://www.w3.org/People/yatil/"
 - Shadi Abou-Zahra: "https://www.w3.org/People/shadi/"
@@ -176,35 +176,6 @@ The [Menus tutorial](/tutorials/menus/) provides more details on creating menus.
 ## Responsive design
 Components may be collapsed or even hidden on smaller screens, but components that show should appear in the same order for a particular view (set size and orientation). If possible, page structure should be consistent across different screen sizes and orientations, though not a specific WCAG requirement.
 
-{% include ednote.html note="Remove or drastically simplify the next two sections." status="proposed" %}
-
-## Page regions in HTML5 using WAI-ARIA
-{:#accessupport}
-
-Most current web browsers support the above HTML5 elements and convey the information to assistive technology through the accessibility APIs. However, to maximize compatibility with web browsers and assistive technologies that support WAI-ARIA but do not yet support HTML5, it is currently advisable to use both the HTML5 elements and the corresponding WAI-ARIA roles.
-
-{::nomarkdown}
-{% include box.html type="start" title="Examples in HTML5" class="example" %}
-{:/}
-
-~~~html
-<header role="banner">…</header>
-<main role="main">…</main>
-<nav role="navigation">…</nav>
-<footer role="contentinfo">…</footer>
-~~~
-
-{::nomarkdown}
-{% include box.html type="end" %}
-{:/}
-
-{% include ednote.html note="Figure out how to display reference links now that the sidebar is not available anymore." %}
-
-Explore other WAI-ARIA resources:
-
-* [WAI-ARIA Overview](/standards-guidelines/aria/)
-* [Notes on Using ARIA in HTML](https://www.w3.org/TR/aria-in-html/)
-
 ## Page regions in HTML4 using WAI-ARIA
 {:#accessupport-html4}
 
@@ -224,3 +195,8 @@ If HTML5 cannot be used or if an HTML4 page is retrofitted to improve accessibil
 {::nomarkdown}
 {% include box.html type="end" %}
 {:/}
+
+Explore other WAI-ARIA resources:
+
+* [WAI-ARIA Overview](/standards-guidelines/aria/)
+* [ARIA in HTML](https://www.w3.org/TR/html-aria/) web standard