diff --git a/changelogs/DP-30528.yml b/changelogs/DP-30528.yml new file mode 100644 index 0000000000..166cd372d1 --- /dev/null +++ b/changelogs/DP-30528.yml @@ -0,0 +1,6 @@ +Changed: + - project: Patternlab + component: Breadcrumbs, Footnotes + description: Adjust target size for breadcrumbs home and footnotes to meet WCAG 2.2. (#1875) + issue: DP-30528 + impact: Patch diff --git a/packages/assets/scss/02-molecules/_footnote.scss b/packages/assets/scss/02-molecules/_footnote.scss index d1f4b832b6..4454597019 100644 --- a/packages/assets/scss/02-molecules/_footnote.scss +++ b/packages/assets/scss/02-molecules/_footnote.scss @@ -24,11 +24,11 @@ & > &__link { border-width: 2px; border-style: solid; - font-size: $fonts-2xsmall; + font-size: $fonts-xsmall; line-height: 1; - padding: .05em .35em; + padding: 3px 6px; position: absolute; - top: 5px; + top: 3px; left: 0; } diff --git a/packages/assets/scss/03-organisms/_breadcrumbs.scss b/packages/assets/scss/03-organisms/_breadcrumbs.scss index c8aba9406b..6831ebc830 100644 --- a/packages/assets/scss/03-organisms/_breadcrumbs.scss +++ b/packages/assets/scss/03-organisms/_breadcrumbs.scss @@ -93,7 +93,7 @@ $breadcrumbs-scrollbar-height: 12px; &:first-child { &:after { - margin-left: 0; + margin-left: -3px; } } @@ -181,6 +181,8 @@ $breadcrumbs-scrollbar-height: 12px; &.ma__breadcrumbs__item__icon-link { box-shadow: none; + padding: 5px 3px; + margin-left: -3px; &:hover { box-shadow: none; diff --git a/packages/assets/scss/03-organisms/_rich-text.scss b/packages/assets/scss/03-organisms/_rich-text.scss index 11b7468cdd..c763c65548 100644 --- a/packages/assets/scss/03-organisms/_rich-text.scss +++ b/packages/assets/scss/03-organisms/_rich-text.scss @@ -60,11 +60,11 @@ $heading-indent: $gutter; & &__footnote { border-style: solid; border-width: 2px; - font-size: .6em; + font-size: $fonts-smaller; line-height: 1; - padding: 0 .3em; + padding: 0.5px 6.5px; position: relative; - top: .25em; + top: .5em; vertical-align: top; transition: all ease .4s; diff --git a/packages/patternlab/backstopjs/reference/regression_page_information-details-responsive-table_0_document_1_tablet.png b/packages/patternlab/backstopjs/reference/regression_page_information-details-responsive-table_0_document_1_tablet.png index 7a812aa0f7..8c704469a8 100644 Binary files a/packages/patternlab/backstopjs/reference/regression_page_information-details-responsive-table_0_document_1_tablet.png and b/packages/patternlab/backstopjs/reference/regression_page_information-details-responsive-table_0_document_1_tablet.png differ