Merge pull request #599 from w3c/w3c-authorized-message

Add w3c message to home page
w3c · Apr 13, 2023 · 391f481 · 391f481
2 parents 232e26b + 4c49bb2
commit 391f481
Show file tree

Hide file tree

Showing 3 changed files with 73 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
 # ARIA and Assistive Technologies App (ARIA-AT App)
 ## ARIA-AT APP
-ARIA-AT aims to improve interoperability between different Assistive Technologies (ATs) in how they render ARIA patterns. This is achieved through running manual tests and presenting test results to AT vendors. The tests are based on examples from [WAI-ARIA Authoring Practices](https://w3c.github.io/aria-practices/), and are vetted with stakeholders following the [Working Mode](https://github.com/w3c/aria-at/wiki/Working-Mode) process.
+ARIA-AT aims to improve interoperability between different Assistive Technologies (ATs) in how they render ARIA patterns. This is achieved through running manual tests and presenting test results to AT vendors. The tests are based on examples from [WAI-ARIA Authoring Practices](https://w3c.github.io/aria-practices/), and are vetted with stakeholders following the [Working Mode](https://github.com/w3c/aria-at/wiki/Working-Mode) process. This project is managed by the [ARIA-AT Community Group](https://www.w3.org/groups/cg/aria-at) in coordination with the [Authoring Practices Task Force](https://www.w3.org/WAI/ARIA/task-forces/practices/) of the [ARIA Working Group](http://www.w3.org/WAI/ARIA/). The W3C staff contact is Daniel Montalvo.
 
 This app includes a reports page that shows the public results of manual testing across various browser / AT combinations. The app is also used by manual testers
 

diff --git a/client/components/App/App.css b/client/components/App/App.css
@@ -365,6 +365,7 @@ main.home-page.container {
 
 main.home-page.container h1 {
     border: none;
+    padding-bottom: 0;
 }
 
 .hero-section {
@@ -401,6 +402,34 @@ main.home-page.container h1 {
     color: #0058b6;
 }
 
+.w3c-authorization-message {
+    background-color: #fff9ea;
+    display: flex;
+    padding: 1em;
+}
+.w3c-authorization-message i {
+    padding-right: 0.5em;
+    font-size: 25px;
+    font-style: normal;
+}
+.w3c-authorization-message em {
+    display: block;
+    font-style: normal;
+    font-size: 0.875rem;
+    color: #654E29;
+    line-height: 1.3;
+}
+.w3c-authorization-message strong {
+    font-style: italic;
+}
+.w3c-authorization-message a {
+    font-weight: bold;
+    color: #654E29;
+}
+.w3c-authorization-message a:hover {
+    text-decoration: underline;
+}
+
 .right {
     float: right;
 }

diff --git a/client/components/Home/Home.jsx b/client/components/Home/Home.jsx
@@ -21,6 +21,48 @@ const Home = () => {
                 </h1>
                 <div className="hero-copy-and-video">
                     <div className="hero-copy">
+                        <p className="w3c-authorization-message">
+                            <i aria-hidden="true">✨</i>
+                            <em>
+                                <strong>Note:</strong> The{' '}
+                                <a
+                                    target="_blank"
+                                    rel="noreferrer"
+                                    href="https://github.com/w3c/aria-at"
+                                >
+                                    ARIA-AT Project
+                                </a>{' '}
+                                is managed by the{' '}
+                                <a
+                                    target="_blank"
+                                    rel="noreferrer"
+                                    href="https://www.w3.org/community/aria-at/"
+                                >
+                                    ARIA-AT Community Group
+                                </a>{' '}
+                                in coordination with the{' '}
+                                <a
+                                    target="_blank"
+                                    rel="noreferrer"
+                                    href="https://www.w3.org/WAI/ARIA/task-forces/practices/"
+                                >
+                                    Authoring Practices Task Force
+                                </a>{' '}
+                                of the{' '}
+                                <a
+                                    target="_blank"
+                                    rel="noreferrer"
+                                    href="https://www.w3.org/WAI/ARIA/"
+                                >
+                                    ARIA Working Group
+                                </a>
+                                . The W3C staff contact is{' '}
+                                <a href="mailto:[email protected]">
+                                    Daniel Montalvo
+                                </a>
+                                .
+                            </em>
+                        </p>
                         <p>
                             Today, different screen readers often yield
                             conflicting experiences when presenting a web page,
@@ -55,7 +97,7 @@ const Home = () => {
                         <iframe
                             src="https://player.vimeo.com/video/651279608?h=45aefd646f&byline=false&dnt=true&portrait=false"
                             width="640"
-                            height="360"
+                            height="340"
                             frameBorder="0"
                             allow="autoplay; fullscreen; picture-in-picture"
                             allowFullScreen