diff --git a/README.md b/README.md index 872e02fca..11173bc47 100644 --- 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 index 6c583e8c8..6bdc4ffe0 100644 --- 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 index 99d6289b1..1bc4668c6 100644 --- a/client/components/Home/Home.jsx +++ b/client/components/Home/Home.jsx @@ -21,6 +21,48 @@ const Home = () => {
+ ✨ + + Note: The{' '} + + ARIA-AT Project + {' '} + is managed by the{' '} + + ARIA-AT Community Group + {' '} + in coordination with the{' '} + + Authoring Practices Task Force + {' '} + of the{' '} + + ARIA Working Group + + . The W3C staff contact is{' '} + + Daniel Montalvo + + . + +
Today, different screen readers often yield conflicting experiences when presenting a web page, @@ -55,7 +97,7 @@ const Home = () => {