<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta content="text/html;charset=UTF-8" http-equiv="Content-Type"></head><body ><div style='font-size:10pt;font-family:Verdana,Arial,Helvetica,sans-serif;'>Hi all,<div><br></div><div>Zurb has this construct:</div><div><br></div><div><span class="hljs-tag" style="box-sizing: inherit; color: rgb(0, 0, 128); font-family: Consolas, "Liberation Mono", Courier, monospace; font-size: 16px; white-space: pre;"></span><br><blockquote style="border: 1px solid rgb(204, 204, 204); padding: 7px; background-color: rgb(245, 245, 245);"><div><span class="hljs-tag" style="box-sizing: inherit; color: rgb(0, 0, 128); font-family: Consolas, "Liberation Mono", Courier, monospace; font-size: 16px; white-space: pre;"><<span class="hljs-name" style="box-sizing: inherit; color: rgb(0, 128, 128);">button</span> <span class="hljs-attr" style="box-sizing: inherit;">class</span>=<span class="hljs-string" style="box-sizing: inherit; color: rgb(221, 17, 68);">"button"</span> <span class="hljs-attr" style="box-sizing: inherit;">type</span>=<span class="hljs-string" style="box-sizing: inherit; color: rgb(221, 17, 68);">"button"</span>></span><span style="color: rgb(10, 10, 10); font-family: Consolas, "Liberation Mono", Courier, monospace; font-size: 16px; white-space: pre; background-color: rgb(249, 249, 249);"> </span><span class="hljs-comment" style="box-sizing: inherit; color: rgb(153, 153, 136); font-style: italic; font-family: Consolas, "Liberation Mono", Courier, monospace; font-size: 16px; white-space: pre;"><!-- Screen readers will see "close" --></span><span style="color: rgb(10, 10, 10); font-family: Consolas, "Liberation Mono", Courier, monospace; font-size: 16px; white-space: pre; background-color: rgb(249, 249, 249);"> </span><span class="hljs-tag" style="box-sizing: inherit; color: rgb(0, 0, 128); font-family: Consolas, "Liberation Mono", Courier, monospace; font-size: 16px; white-space: pre;"><<span class="hljs-name" style="box-sizing: inherit; color: rgb(0, 128, 128);">span</span> <span class="hljs-attr" style="box-sizing: inherit;">class</span>=<span class="hljs-string" style="box-sizing: inherit; color: rgb(221, 17, 68);">"show-for-sr"</span>></span><span style="color: rgb(10, 10, 10); font-family: Consolas, "Liberation Mono", Courier, monospace; font-size: 16px; white-space: pre; background-color: rgb(249, 249, 249);">Close</span><span class="hljs-tag" style="box-sizing: inherit; color: rgb(0, 0, 128); font-family: Consolas, "Liberation Mono", Courier, monospace; font-size: 16px; white-space: pre;"></<span class="hljs-name" style="box-sizing: inherit; color: rgb(0, 128, 128);">span</span>></span><span style="color: rgb(10, 10, 10); font-family: Consolas, "Liberation Mono", Courier, monospace; font-size: 16px; white-space: pre; background-color: rgb(249, 249, 249);"> </span><span class="hljs-comment" style="box-sizing: inherit; color: rgb(153, 153, 136); font-style: italic; font-family: Consolas, "Liberation Mono", Courier, monospace; font-size: 16px; white-space: pre;"><!-- Visual users will see the X, but not the "Close" text --></span><span style="color: rgb(10, 10, 10); font-family: Consolas, "Liberation Mono", Courier, monospace; font-size: 16px; white-space: pre; background-color: rgb(249, 249, 249);"> </span><span class="hljs-tag" style="box-sizing: inherit; color: rgb(0, 0, 128); font-family: Consolas, "Liberation Mono", Courier, monospace; font-size: 16px; white-space: pre;"><<span class="hljs-name" style="box-sizing: inherit; color: rgb(0, 128, 128);">span</span> <span class="hljs-attr" style="box-sizing: inherit;">aria-hidden</span>=<span class="hljs-string" style="box-sizing: inherit; color: rgb(221, 17, 68);">"true"</span>></span><span class="hljs-tag" style="box-sizing: inherit; color: rgb(0, 0, 128); font-family: Consolas, "Liberation Mono", Courier, monospace; font-size: 16px; white-space: pre;"><<span class="hljs-name" style="box-sizing: inherit; color: rgb(0, 128, 128);">i</span> <span class="hljs-attr" style="box-sizing: inherit;">class</span>=<span class="hljs-string" style="box-sizing: inherit; color: rgb(221, 17, 68);">"fi-x"</span>></span><span class="hljs-tag" style="box-sizing: inherit; color: rgb(0, 0, 128); font-family: Consolas, "Liberation Mono", Courier, monospace; font-size: 16px; white-space: pre;"></<span class="hljs-name" style="box-sizing: inherit; color: rgb(0, 128, 128);">i</span>></span><span class="hljs-tag" style="box-sizing: inherit; color: rgb(0, 0, 128); font-family: Consolas, "Liberation Mono", Courier, monospace; font-size: 16px; white-space: pre;"></<span class="hljs-name" style="box-sizing: inherit; color: rgb(0, 128, 128);">span</span>></span><span style="color: rgb(10, 10, 10); font-family: Consolas, "Liberation Mono", Courier, monospace; font-size: 16px; white-space: pre; background-color: rgb(249, 249, 249);"> </span><span class="hljs-tag" style="box-sizing: inherit; color: rgb(0, 0, 128); font-family: Consolas, "Liberation Mono", Courier, monospace; font-size: 16px; white-space: pre;"></<span class="hljs-name" style="box-sizing: inherit; color: rgb(0, 128, 128);">button</span>></span></div></blockquote> <br><span class="hljs-tag" style="box-sizing: inherit; color: rgb(0, 0, 128); font-family: Consolas, "Liberation Mono", Courier, monospace; font-size: 16px; white-space: pre;"></span></div><div><span class="hljs-tag" style="box-sizing: inherit; color: rgb(0, 0, 128); font-family: Consolas, "Liberation Mono", Courier, monospace; font-size: 16px; white-space: pre;"><br></span></div><div><span class="hljs-tag" style="box-sizing: inherit; color: rgb(0, 0, 128); font-family: Consolas, "Liberation Mono", Courier, monospace; font-size: 16px; white-space: pre;"><br></span></div><div><span class="hljs-tag" style="box-sizing: inherit; color: rgb(0, 0, 128); font-family: Consolas, "Liberation Mono", Courier, monospace; font-size: 16px; white-space: pre;">here:<a href="https://foundation.zurb.com/sites/docs/button.html#accessibility" target="_blank">https://foundation.zurb.com/sites/docs/button.html#accessibility</a></span></div><div><br></div><div>I am able to create the <i >..</i> construct using html html:</div><div></div><br><blockquote style="border: 1px solid rgb(204, 204, 204); padding: 7px; background-color: rgb(245, 245, 245);"><div><div><br></div><div><div><span style="white-space:pre"> </span>html zurbButton </div><div><span style="white-space:pre"> </span>beButton;</div><div><span style="white-space:pre"> </span>with:[</div><div><span style="white-space:pre"> </span>html zurbSpan beShowForScreenReader; with:'Close'.</div><div><span style="white-space:pre"> </span>html zurbSpan ariaHidden:'true'; with:[<b>html html:'<i class="fi-x"></i></b>']]</div></div></div></blockquote> <br><div><div></div></div><div>I cannot find the iconTag in the system and I am not sure how to use WAGenericTag tag:'i' within the above method.</div><div><br></div><div>thx</div></div><br></body></html>