Merge branch 'master' of github.com:caneveryoneusetemp/caneveryoneuse…

…_tool
caneveryoneusetemp · Mar 18, 2024 · 8054bed · 8054bed
2 parents 3f657d3 + b38ae16
commit 8054bed
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 15 deletions.
diff --git a/src/json/material-angular.json b/src/json/material-angular.json
@@ -15,7 +15,7 @@
                     {
                         "error_type": "2.1.1 Keyboard",
                         "description": "Content is not scrollable with the keyboard. Long content gets cut off.",
-                        "fix": "Make content of dialog focusable so it can be scrolled via keyboard. Suggestion: Add ad tabindex='0'",
+                        "fix": "Make content of dialog focusable so it can be scrolled via keyboard. Suggestion: Add tabindex='0'",
                         "wcag": {
                             "version": "2.2",
                             "success_criteria": "https://www.w3.org/TR/WCAG22/#keyboard"

diff --git a/src/json/tailwind_ui.json b/src/json/tailwind_ui.json
@@ -56,7 +56,7 @@
             "name": "Table",
             "slug": "table",
             "Axe": {
-                "total_issues": 26,
+                "total_issues": 2,
                 "errors": [
                     {
                         "error_type": "Form elements must have labels",
@@ -84,19 +84,17 @@
             "name": "Alert/Notification",
             "slug": "alert",
             "Axe": {
-                "total_issues": 5,
-                "errors": [
-                ]
+                "total_issues": 0,
+                "errors": []
             },
             "preview_link": "https://tailwindui.com/components/application-ui/feedback/alerts"
         },
         {
             "name": "Form",
             "slug": "form",
             "Axe": {
-                "total_issues": 6,
-                "errors": [
-                ]
+                "total_issues": 0,
+                "errors": []
             },
             "preview_link": "https://tailwindui.com/components/application-ui/forms/form-layouts"
         }

diff --git a/src/partials/component.jsx b/src/partials/component.jsx
@@ -1,10 +1,10 @@
 import React, {useEffect, useState} from 'react';
-import { Link, useParams } from "react-router-dom";
+import { useParams } from "react-router-dom";
 
 const Component = (props) => {
 
     const { selectedComponent, type } = props;
-    const { framework, component } = useParams();
+    const { framework } = useParams();
     const [errorCountTotal, setErrorCountTotal] = useState(0);
     const [errors, setErrors] = useState([]);
     const [requirements, setRequirements] = useState([]);
@@ -81,7 +81,7 @@ const Component = (props) => {
      }, [selectedComponent, type]);
 
     const retrieveBgColor = (count) => {
-        if (count > 3) return 'bg-danger';
+        if (count > 2) return 'bg-danger';
         return count > 0 ? 'bg-warning' : 'bg-success';
     }
 
@@ -100,7 +100,7 @@ const Component = (props) => {
 
                         <div className="component-card-footer d-flex flex-column text-center">
                             {selectedComponent.preview_link && selectedComponent.preview_link.length > 0 &&
-                                <a href={selectedComponent.preview_link} target="_blank" rel="noreferrer" aria-label="open component example"><svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 24 24" fill="none" stroke="#000" strokeWidth="2.5" strokeLinecap="square" strokeLinejoin="round"><g fill="none" fillRule="evenodd"><path d="M18 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8c0-1.1.9-2 2-2h5M15 3h6v6M10 14L20.2 3.8"/></g></svg></a>
+                                <a href={selectedComponent.preview_link} target="_blank" rel="noreferrer" aria-label="open component example"><svg aria-hidden={true} xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 24 24" fill="none" stroke="#000" strokeWidth="2.5" strokeLinecap="square" strokeLinejoin="round"><g fill="none" fillRule="evenodd"><path d="M18 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8c0-1.1.9-2 2-2h5M15 3h6v6M10 14L20.2 3.8"/></g></svg></a>
                             }
                         </div>
                     </div>

diff --git a/src/partials/footer.jsx b/src/partials/footer.jsx
@@ -4,7 +4,15 @@ const Footer = () => {
     return(
         <div className='bg-black mt-5'>
             <div className='container mt-5 py-3 pt-5 text-white'>
-                Because Accessibility matters<b className='text-brand'>.</b>
+                <div className='row'>
+                    <div className="col">
+                        We are currently aware that our website may not be fully accessible to all users. This site serves as a minimum viable product (MVP) developed for a hackathon and is still in its early stages of development.
+                    </div>
+                    <div className="col text-end">
+                        Proudly developed at the <a className='text-white' href='https://hackathon.cloudfest.com/' target="_blank" rel="noreferrer">CloudFest Hackathon 2024</a>. 
+                        <br />❤️ Because Accessibility matters.
+                    </div>
+                </div>
             </div>
         </div>
     );

diff --git a/src/partials/framework-overview.jsx b/src/partials/framework-overview.jsx
@@ -50,7 +50,7 @@ const FrameworkOverview = () => {
     <div className="container">
       <div className="mb-4">
         <Link to={`/`}>
-            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000" strokeWidth="2" strokeLinecap="square" strokeLinejoin="round"><path d="M19 12H6M12 5l-7 7 7 7"/></svg> Back
+            <svg aria-hidden={true} xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000" strokeWidth="2" strokeLinecap="square" strokeLinejoin="round"><path d="M19 12H6M12 5l-7 7 7 7"/></svg> Back
         </Link>
       </div>
       <h2>Frameworks Component Issues Overview</h2>

diff --git a/src/partials/single-framework.jsx b/src/partials/single-framework.jsx
@@ -29,7 +29,7 @@ const SingleFramework = (props) => {
                 <div className="col-12 my-5">
                     <div className="mb-4">
                         <Link to={`/${component ? framework : ''}`}>
-                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000" strokeWidth="2" strokeLinecap="square" strokeLinejoin="round"><path d="M19 12H6M12 5l-7 7 7 7"/></svg> Back
+                            <svg aria-hidden={true} xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000" strokeWidth="2" strokeLinecap="square" strokeLinejoin="round"><path d="M19 12H6M12 5l-7 7 7 7"/></svg> Back
                         </Link>
                     </div>
                     <h2>{selectedFramework.name}</h2>