Merge pull request #1428 from ASU/uds-1917

fix(unity-bootstrap-theme): apply a11y breadcrumbs min size

Author: davidornelas11

packages/unity-bootstrap-theme/src/scss/_custom-asu-variables.scss

@@ -114,3 +114,6 @@ $uds-component-button-padding-x-medium: 1rem;
 $uds-component-button-padding-x: 2rem;
 $uds-component-list-ol-styles-steplist-styles-li-padding-bottom: 2rem;
 $uds-component-border-radius: 400rem;
+
+// Accessibility
+$a11y-target-size-minimum: 1.5rem; // Only required for certain links, see docs: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum

packages/unity-bootstrap-theme/src/scss/extends/_breadcrumb.scss

@@ -1,10 +1,23 @@
 .breadcrumb {
-  padding-left: 0;
+  & {
+    padding-left: 0;
+  }
   &.bg-gray-7 {
     li.active {
       color: $uds-color-base-gray-1;
     }
   }
+  .breadcrumb-item {
+    & {
+      min-height: $a11y-target-size-minimum;
+      min-width: $a11y-target-size-minimum;
+    }
+    a {
+      min-height: $a11y-target-size-minimum;
+      min-width: $a11y-target-size-minimum;
+      display: flex;
+    }
+  }
 }
 // WS2-1036 and UDS-1129 hide breadcrumb on mobile
 @media screen and (max-width: $uds-breakpoint-sm) {