crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-10 03:37:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

a11y pass

Browse Source
This commit is contained in:
Belen Curcio 2020-10-25 13:10:06 -03:00
parent 28cae88b5b
commit 44f5c70b7b
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
components/core/Footer/Footer.tsx
View File

@ -36,21 +36,21 @@ const Footer: FC<Props> = ({ className, pages }) => {
<ul className="flex flex-initial flex-col md:flex-1"> <ul className="flex flex-initial flex-col md:flex-1">
<li className="py-3 md:py-0 md:pb-4"> <li className="py-3 md:py-0 md:pb-4">
<Link href="/"> <Link href="/">
<a className="text-gray-400 hover:text-white transition ease-in-out duration-150"> <a className="text-accent-3 hover:text-white transition ease-in-out duration-150">
Home Home
</a> </a>
</Link> </Link>
</li> </li>
<li className="py-3 md:py-0 md:pb-4"> <li className="py-3 md:py-0 md:pb-4">
<Link href="/"> <Link href="/">
<a className="text-gray-400 hover:text-white transition ease-in-out duration-150"> <a className="text-accent-3 hover:text-white transition ease-in-out duration-150">
Careers Careers
</a> </a>
</Link> </Link>
</li> </li>
<li className="py-3 md:py-0 md:pb-4"> <li className="py-3 md:py-0 md:pb-4">
<Link href="/blog"> <Link href="/blog">
<a className="text-gray-400 hover:text-white transition ease-in-out duration-150"> <a className="text-accent-3 hover:text-white transition ease-in-out duration-150">
Blog Blog
</a> </a>
</Link> </Link>
@ -58,7 +58,7 @@ const Footer: FC<Props> = ({ className, pages }) => {
{sitePages.map((page) => ( {sitePages.map((page) => (
<li key={page.url} className="py-3 md:py-0 md:pb-4"> <li key={page.url} className="py-3 md:py-0 md:pb-4">
<Link href={page.url!}> <Link href={page.url!}>
<a className="text-gray-400 hover:text-white transition ease-in-out duration-150"> <a className="text-accent-3 hover:text-white transition ease-in-out duration-150">
{page.name} {page.name}
</a> </a>
</Link> </Link>
@ -71,7 +71,7 @@ const Footer: FC<Props> = ({ className, pages }) => {
{legalPages.map((page) => ( {legalPages.map((page) => (
<li key={page.url} className="py-3 md:py-0 md:pb-4"> <li key={page.url} className="py-3 md:py-0 md:pb-4">
<Link href={page.url!}> <Link href={page.url!}>
<a className="text-gray-400 hover:text-white transition ease-in-out duration-150"> <a className="text-accent-3 hover:text-white transition ease-in-out duration-150">
{page.name} {page.name}
</a> </a>
</Link> </Link>
@ -90,8 +90,8 @@ const Footer: FC<Props> = ({ className, pages }) => {
<div> <div>
<span>&copy; 2020 ACME, Inc. All rights reserved.</span> <span>&copy; 2020 ACME, Inc. All rights reserved.</span>
</div> </div>
<div className="flex items-center text-accents-4"> <div className="flex items-center">
<span>Crafted by</span> <span className="text-accent-3">Crafted by</span>
<a href="https://vercel.com" aria-label="Vercel.com Link"> <a href="https://vercel.com" aria-label="Vercel.com Link">
<img <img
src="/vercel.png" src="/vercel.png"

2
components/core/Toggle/Toggle.tsx
View File

@ -35,7 +35,7 @@ const Toggle: FC<Props> = ({ className, checked, onChange }) => {
: 'opacity-100 ease-in duration-150' : 'opacity-100 ease-in duration-150'
} absolute inset-0 h-full w-full flex items-center justify-center transition-opacity`} } absolute inset-0 h-full w-full flex items-center justify-center transition-opacity`}
> >
<Sun className="h-3 w-3 text-gray-400" /> <Sun className="h-3 w-3 text-accent-3" />
</span> </span>
<span <span
className={`${ className={`${