Add website W3 ARIA-AT (#193)

Also update colors for PowerMapper.

Author: meduzen

src/css/config/sites.css

@@ -26,11 +26,6 @@
   --site-accent: hsl(0 0% 100%);
 }
 
-.html5accessibility {
-  --site-primary: hsl(0 0% 20%);
-  --site-bg: hsl(0 0% 97%);
-}
-
 .mdn {
   --site-primary: hsl(0 0% 20%);
   --site-bg: hsl(198 81% 73%);
@@ -41,6 +36,11 @@
   --site-bg: hsl(0 0% 20%);
 }
 
+.powermapper {
+  --site-primary: hsl(0 0% 97%);
+  --site-bg: hsl(250 57% 50%);
+}
+
 .privacytests {
   --site-accent: hsl(106 55% 44%);
 }

src/index.html

@@ -194,25 +194,25 @@ <h3 class="site__title" itemprop="name" translate="no">Accessibility Support</h3
                 </article>
             </li>
 
-            <!-- HTML5 Accessibility -->
-            <li class="site html5accessibility">
+            <!-- ARIA-AT -->
+            <li class="site w3-aria-at">
                 <article class="site__inner" itemscope itemtype="http://schema.org/WebSite">
-                    <h3 class="site__title" itemprop="name" translate="no">HTML5 Accessibility</h3>
-                    <p class="site__description" itemprop="abstract">Accessibility support status of HTML5 features across major browsers.</p>
+                    <h3 class="site__title" itemprop="name" translate="no">ARIA-AT Interoperability Reports</h3>
+                    <p class="site__description" itemprop="abstract">Interoperability reports for <a href="https://www.w3.org/WAI/ARIA/apg/patterns">WCAG patterns</a> tested by assistive technologies.</p>
                     <div class="site__links">
-                        <a class="site__link site__link--main | flex-center nowrap" href="https://html5accessibility.com" itemprop="url" translate="no">
-                            <span class="site__link__inner">html5accessibility.com</span>
+                        <a class="site__link site__link--main | flex-center nowrap" href="https://aria-at.w3.org/reports" itemprop="url" translate="no">
+                            <span class="site__link__inner">aria-at.w3.org/reports</span>
                         </a>
                         <aside class="site__secondary-links | flex-center">
-                            <a class="site__link | flex-center" href="https://github.com/stevefaulkner/HTML5accessibility" title="HTML5 Accessibility code repository" itemscope itemtype="http://schema.org/SoftwareSourceCode">
-                                <meta itemprop="codeRepository" content="https://github.com/stevefaulkner/HTML5accessibility">
+                            <a class="site__link | flex-center" href="https://github.com/w3c/aria-at-app" title="ARIA-AT website repository" itemscope itemtype="http://schema.org/SoftwareSourceCode">
+                                <meta itemprop="codeRepository" content="https://github.com/w3c/aria-at-app">
                                 <svg width="33" height="33">
                                     <title>Code</title>
                                     <use href="#code-path"/>
                                 </svg>
                             </a>
 
-                            <a class="site__link | flex-center" href="https://mastodon.social/@stevefaulkner" title="HTML5 Accessibility author on Mastodon">
+                            <a class="site__link | flex-center" href="https://w3c.social/@w3c" title="World Wide Web Consortium on Mastodon">
                                 <svg width="19" height="21">
                                     <title>Mastodon</title>
                                     <use href="#mastodon-path"/>