Skip to content

Commit 90849dd

Browse files
Safvan-tsyjmuzina
andauthored
fix(#5664): Pricing block pattern adds "Does not include" prefix to disabled items for screen readers (#5674)
* fix(#5664): Pricing block accessibility issues * update sr_prefix to use 'Does not include' for clearer language --------- Co-authored-by: Julie Muzina <[email protected]>
1 parent 3c819d8 commit 90849dd

File tree

1 file changed

+2
-1
lines changed

1 file changed

+2
-1
lines changed

templates/_macros/vf_pricing-block.jinja

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -45,10 +45,11 @@
4545
{% set item_class = "is-ticked" -%}
4646
{% elif item_style == 'crossed' -%}
4747
{% set item_class = "is-crossed u-text--muted" -%}
48+
{% set sr_prefix = '<span class="u-off-screen">Does not include</span>' -%}
4849
{% else -%}
4950
{% set item_class = "has-bullet" -%}
5051
{%- endif -%}
51-
<li class="p-list__item {{ item_class }}">{{ offering.list_item_content_html }}</li>
52+
<li class="p-list__item {{ item_class }}">{{ sr_prefix }}{{ offering.list_item_content_html }}</li>
5253
{% endfor -%}
5354
</ul>
5455
{%- endmacro -%}

0 commit comments

Comments
 (0)