Skip to content

Commit bfa4bd5

Browse files
w3bdesignw3bdesign
committed
Fix WCAG issues
1 parent 8209caf commit bfa4bd5

File tree

3 files changed

+23
-15
lines changed

3 files changed

+23
-15
lines changed

‎public/js/app.js‎

Lines changed: 12 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -17915,18 +17915,22 @@ var render = /*#__PURE__*/_withId(function (_ctx, _cache, $props, $setup, $data,
1791517915
return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", {
1791617916
key: products.id,
1791717917
"class": "container mx-auto mt-4 flex-container"
17918-
}, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_5, [_hoisted_6, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", _hoisted_7, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("img", {
17918+
}, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_5, [_hoisted_6, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", _hoisted_7, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("a", {
17919+
tabindex: "0",
17920+
onClick: function onClick($event) {
17921+
return _ctx.removeProductFromCart(products);
17922+
}
17923+
}, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("img", {
1791917924
"class": ["mt-2 ml-4 cursor-pointer", {
1792017925
removing: _ctx.localState.removingCartItem
1792117926
}],
1792217927
alt: "Remove icon",
1792317928
"aria-label": "Remove",
17924-
src: _img_svg_Remove_svg__WEBPACK_IMPORTED_MODULE_1__.default,
17925-
onClick: function onClick($event) {
17926-
return _ctx.removeProductFromCart(products);
17927-
}
17928-
}, null, 10
17929-
/* CLASS, PROPS */
17929+
src: _img_svg_Remove_svg__WEBPACK_IMPORTED_MODULE_1__.default
17930+
}, null, 2
17931+
/* CLASS */
17932+
)], 8
17933+
/* PROPS */
1793017934
, ["onClick"])])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_8, [_hoisted_9, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", _hoisted_10, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)(products.name), 1
1793117935
/* TEXT */
1793217936
)]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_11, [_hoisted_12, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("span", _hoisted_13, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)(products.quantity), 1
@@ -18778,7 +18782,7 @@ __webpack_require__.r(__webpack_exports__);
1877818782

1877918783
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
1878018784
// Module
18781-
___CSS_LOADER_EXPORT___.push([module.id, ".text-input[data-v-5aa0c92c] {\n --tw-border-opacity: 1;\n border-color: rgba(156, 163, 175, var(--tw-border-opacity));\n border-radius: 0.25rem;\n border-width: 1px;\n padding: 0.5rem;\n}\n.text-input[data-v-5aa0c92c]::-moz-placeholder {\n --tw-placeholder-opacity: 1;\n color: rgba(31, 41, 55, var(--tw-placeholder-opacity));\n}\n.text-input[data-v-5aa0c92c]:-ms-input-placeholder {\n --tw-placeholder-opacity: 1;\n color: rgba(31, 41, 55, var(--tw-placeholder-opacity));\n}\n.text-input[data-v-5aa0c92c]::placeholder {\n --tw-placeholder-opacity: 1;\n color: rgba(31, 41, 55, var(--tw-placeholder-opacity));\n}\n.text-input[data-v-5aa0c92c] {\n --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n --tw-text-opacity: 1;\n color: rgba(31, 41, 55, var(--tw-text-opacity));\n width: 100%;\n}\n.submitButton[data-v-5aa0c92c] {\n --tw-bg-opacity: 1;\n background-color: rgba(59, 130, 246, var(--tw-bg-opacity));\n font-weight: 700;\n font-size: 1.125rem;\n line-height: 1.75rem;\n margin-left: auto;\n margin-right: auto;\n margin-top: 1rem;\n margin-bottom: 1rem;\n padding: 0.5rem;\n --tw-text-opacity: 1;\n color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n.submitButton[data-v-5aa0c92c]:hover {\n --tw-bg-opacity: 1;\n background-color: rgba(29, 78, 216, var(--tw-bg-opacity));\n}\n.submitButton[data-v-5aa0c92c] {\n border-radius: 0.25rem;\n cursor: pointer;\n}\n", ""]);
18785+
___CSS_LOADER_EXPORT___.push([module.id, ".text-input[data-v-5aa0c92c] {\n --tw-border-opacity: 1;\n border-color: rgba(156, 163, 175, var(--tw-border-opacity));\n border-radius: 0.25rem;\n border-width: 1px;\n padding: 0.5rem;\n}\n.text-input[data-v-5aa0c92c]::-moz-placeholder {\n --tw-placeholder-opacity: 1;\n color: rgba(31, 41, 55, var(--tw-placeholder-opacity));\n}\n.text-input[data-v-5aa0c92c]:-ms-input-placeholder {\n --tw-placeholder-opacity: 1;\n color: rgba(31, 41, 55, var(--tw-placeholder-opacity));\n}\n.text-input[data-v-5aa0c92c]::placeholder {\n --tw-placeholder-opacity: 1;\n color: rgba(31, 41, 55, var(--tw-placeholder-opacity));\n}\n.text-input[data-v-5aa0c92c] {\n --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n --tw-text-opacity: 1;\n color: rgba(31, 41, 55, var(--tw-text-opacity));\n width: 100%;\n}\n.submitButton[data-v-5aa0c92c] {\n --tw-bg-opacity: 1;\n background-color: rgba(29, 78, 216, var(--tw-bg-opacity));\n font-weight: 700;\n font-size: 1.125rem;\n line-height: 1.75rem;\n margin-left: auto;\n margin-right: auto;\n margin-top: 1rem;\n margin-bottom: 1rem;\n padding: 0.5rem;\n --tw-text-opacity: 1;\n color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n.submitButton[data-v-5aa0c92c]:hover {\n --tw-bg-opacity: 1;\n background-color: rgba(29, 78, 216, var(--tw-bg-opacity));\n}\n.submitButton[data-v-5aa0c92c] {\n border-radius: 0.25rem;\n cursor: pointer;\n}\n", ""]);
1878218786
// Exports
1878318787
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
1878418788

‎resources/js/components/Checkout/CustomerDetailsForm.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -176,7 +176,7 @@ export default defineComponent({
176176
}
177177
178178
.submitButton {
179-
@apply p-2 mt-4 mx-auto mb-4 text-lg font-bold text-white bg-blue-500;
179+
@apply p-2 mt-4 mx-auto mb-4 text-lg font-bold text-white bg-blue-700;
180180
@apply rounded hover:bg-blue-700 cursor-pointer;
181181
}
182182
</style>

‎resources/js/components/Checkout/OrderCheckout.vue‎

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -22,14 +22,18 @@
2222
class="block mt-2 text-xl font-bold"
2323
>Remove: <br></span>
2424
<span class="item-content">
25-
<img
26-
class="mt-2 ml-4 cursor-pointer"
27-
:class="{ removing: localState.removingCartItem }"
28-
alt="Remove icon"
29-
aria-label="Remove"
30-
src="../../../img/svg/Remove.svg"
25+
<a
26+
tabindex="0"
3127
@click="removeProductFromCart(products)"
3228
>
29+
<img
30+
class="mt-2 ml-4 cursor-pointer"
31+
:class="{ removing: localState.removingCartItem }"
32+
alt="Remove icon"
33+
aria-label="Remove"
34+
src="../../../img/svg/Remove.svg"
35+
>
36+
</a>
3337
</span>
3438
</div>
3539
<div class="item">

0 commit comments

Comments
 (0)