How to Exclude Specific Elements from Widget Features Using HTML Attributes
The UserWay Widget offers a variety of accessibility enhancements. However, there may be times when you want to exclude certain elements from specific Widget features—such as contrast adjustments, text spacing, or live translation.
To do this, you can apply special HTML attributes directly to the element you want to exclude.
These attributes must be added to the specific target element and cannot be applied to parent containers.
Below are the supported attributes and usage examples:
Line Height
Attribute:
data-uw-ignore-s17Example:
<p data-uw-ignore-s17>This is a paragraph with customized line height.</p> <span data-uw-ignore-s17>This is a span with customized line height.</span>
Text Spacing
Attribute:
data-uw-ignore-s14Example:
<p data-uw-ignore-s14>This is a paragraph with customized text spacing.</p> <span data-uw-ignore-s14>This is a span with customized text spacing.</span>
Contrast Adjustments
Attribute:
data-uw-ignore-s3Example:
<p data-uw-ignore-s3>This is a paragraph with excluded contrast adjustment.</p> <span data-uw-ignore-s3>This is a span with excluded contrast adjustment.</span>
Highlight Links
Attribute:
data-uw-ignore-s6Example:
<a href="#" data-uw-ignore-s6>This is a link with customized appearance.</a>
Live Site Translation
Attribute:
data-uw-ignore-translate="true"Example:
<p data-uw-ignore-translate="true">This paragraph will not be translated.</p> <span data-uw-ignore-translate="true">This span will not be translated.</span>
Hide Image
Attribute:
data-uw-ignore-s25Example:
<img src="example.jpg" alt="This image will not be hidden" data-uw-ignore-s25 />
Need more help? Contact the UserWay Support Team — we're here to assist you.
Get in touch with UserWay Support.