Skip to content

Commit e4c24de

Browse files
committed
Add WCAG reference in README
1 parent c903050 commit e4c24de

File tree

2 files changed

+11
-8
lines changed

2 files changed

+11
-8
lines changed

README.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,7 @@
4040
- Support for simple products and variable products
4141
- Cart handling and checkout with WooCommerce (Cash On Delivery only for now)
4242
- Algolia search
43+
- Meets WCAG accessibility standards where possible
4344
- Placeholder for products without images
4445
- Apollo Client with GraphQL
4546
- React Hook Form with form validation and error display

components/Cart/Cart.component.jsx

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import { useContext } from 'react';
2-
32
import Link from 'next/link';
43

54
import { AppContext } from 'utils/context/AppContext';
@@ -9,17 +8,19 @@ import { AppContext } from 'utils/context/AppContext';
98
* Currently only displays a sample cart.
109
* Displays amount of items in cart.
1110
*/
12-
const Cart = () => {
11+
const Cart = () => {
1312
const [cart, setCart] = useContext(AppContext);
14-
1513

1614
const productsCount =
1715
null !== cart && Object.keys(cart).length ? cart.totalProductsCount : '';
1816

1917
return (
2018
<>
2119
<Link href="/handlekurv">
22-
<a className="inline-block pl-3 no-underline hover:text-black" aria-label="Handlekurv">
20+
<a
21+
className="inline-block pl-3 no-underline hover:text-black"
22+
aria-label="Handlekurv"
23+
>
2324
<svg
2425
className="fill-current hover:text-black"
2526
xmlns="http://www.w3.org/2000/svg"
@@ -28,11 +29,12 @@ const Cart = () => {
2829
viewBox="0 0 24 24"
2930
aria-label="Handlekurv"
3031
>
31-
<path d="M21,7H7.462L5.91,3.586C5.748,3.229,5.392,3,5,3H2v2h2.356L9.09,15.414C9.252,15.771,9.608,16,10,16h8 c0.4,0,0.762-0.238,0.919-0.606l3-7c0.133-0.309,0.101-0.663-0.084-0.944C21.649,7.169,21.336,7,21,7z M17.341,14h-6.697L8.371,9 h11.112L17.341,14z"
32-
aria-label="Handlekurv"
32+
<path
33+
d="M21,7H7.462L5.91,3.586C5.748,3.229,5.392,3,5,3H2v2h2.356L9.09,15.414C9.252,15.771,9.608,16,10,16h8 c0.4,0,0.762-0.238,0.919-0.606l3-7c0.133-0.309,0.101-0.663-0.084-0.944C21.649,7.169,21.336,7,21,7z M17.341,14h-6.697L8.371,9 h11.112L17.341,14z"
34+
aria-label="Handlekurv"
3335
/>
34-
<circle cx="10.5" cy="18.5" r="1.5" aria-label="Handlekurv"/>
35-
<circle cx="17.5" cy="18.5" r="1.5" aria-label="Handlekurv"/>
36+
<circle cx="10.5" cy="18.5" r="1.5" aria-label="Handlekurv" />
37+
<circle cx="17.5" cy="18.5" r="1.5" aria-label="Handlekurv" />
3638
</svg>
3739
</a>
3840
</Link>

0 commit comments

Comments
 (0)