Accessibility for ReactRedux (#11571)

Accessibility for ReactRedux

Author: ryanbrandenburg

src/ProjectTemplates/Web.Spa.ProjectTemplates/content/ReactRedux-CSharp/ClientApp/src/App.tsx

@@ -5,9 +5,11 @@ import Home from './components/Home';
 import Counter from './components/Counter';
 import FetchData from './components/FetchData';
 
+import './custom.css'
+
 export default () => (
     <Layout>
-        <Route exact path='/' component={Home}/>
+        <Route exact path='/' component={Home} />
         <Route path='/counter' component={Counter} />
         <Route path='/fetch-data/:startDateIndex?' component={FetchData} />
     </Layout>

src/ProjectTemplates/Web.Spa.ProjectTemplates/content/ReactRedux-CSharp/ClientApp/src/custom.css

@@ -0,0 +1,14 @@
+/* Provide sufficient contrast against white background */
+a {
+  color: #0366d6;
+}
+
+code {
+  color: #E01A76;
+}
+
+.btn-primary {
+  color: #fff;
+  background-color: #1b6ec2;
+  border-color: #1861ac;
+}

src/ProjectTemplates/test/template-baselines.json

@@ -1235,6 +1235,7 @@
         "ClientApp/src/store/WeatherForecasts.ts",
         "ClientApp/src/App.tsx",
         "ClientApp/src/App.test.tsx",
+        "ClientApp/src/custom.css",
         "ClientApp/src/index.tsx",
         "ClientApp/src/react-app-env.d.ts",
         "ClientApp/src/registerServiceWorker.ts",