Correctly configure img alt property within Google visualization API bvg bar chart copied version of std_gbar_chart

This Q&A forum allows users to post and respond to "How Do I Do ....." questions. Please do not use to report (suspected) errors - you must use your regional help desk for this. The information contained in this forum has not been validated by LANSA and, as such, LANSA cannot guarantee the accuracy of the information.
Post Reply
aidom
Posts: 6
Joined: Sat Sep 16, 2017 1:03 am

Correctly configure img alt property within Google visualization API bvg bar chart copied version of std_gbar_chart

Post by aidom » Sat Mar 06, 2021 5:06 am

Hello All,
I have a WAM that uses the Google visualization API bvg bar chart via the std_gbar_chart weblet. When copying the std_gbar_chart weblet and attempting to add an img alt property within the span, the alt property isn't being picked up in browser elements. Is there a way to properly configure the copied weblet and/or WAM xsl in order to get the img alt property picked up in browser elements for the bvg bar chart to meet ADA compliance 'image must have alternative text' requirements? Any ideas are greatly appreciated.

span aria-label picked up in browser elements via test_gbar_chart weblet, but img alt property not picked up:

Code: Select all

<span aria-label="Picked up from test_gbar_chart weblet" id="o1_LANSA_19144" class="ui-widget"><!---->
<img src="https://chart.googleapis.com/chart?cht=bvg&amp;chd=e:jwjwjxjyh4,jfjfjgjhh8,iwoKwHAA..,iRiRiRiRiR,iRiRiRiRiR&amp;chp=0.5355443696597325&amp;chco=3229EB,29EB40,FFD700,EE7474,8AB2FA&amp;chbh=a&amp;chs=400x250&amp;chxt=x,y&amp;chxl=0:|03%2F31%2F2018|06%2F30%2F2018|09%2F30%2F2018|12%2F31%2F2018|03%2F31%2F2019&amp;chxs=0,000000,10,0,lt,000000,000000|1,000000,10,0,lt,000000,000000&amp;chf=bg,s,ffffff&amp;chtt=Activity%20By%20Quarter&amp;chts=000000,16&amp;chdl=Employee|Employer|Gain%2FLoss|Forfeiture(Net)|Distribution&amp;chdlp=b&amp;chdls=3229EB,29EB40,FFD700,EE7474,8AB2FA,10&amp;chxr=1,-46296.82,40151.33"></span>
Desired outcome with img alt configured in browser elements:

Code: Select all

<span aria-label="Picked up from test_gbar_chart weblet" id="o1_LANSA_19144" class="ui-widget"><!---->
<img alt="NEED IMG ALT PROPERTY CONFIGURED HERE" src="https://chart.googleapis.com/chart?cht=bvg&amp;chd=e:jwjwjxjyh4,jfjfjgjhh8,iwoKwHAA..,iRiRiRiRiR,iRiRiRiRiR&amp;chp=0.5355443696597325&amp;chco=3229EB,29EB40,FFD700,EE7474,8AB2FA&amp;chbh=a&amp;chs=400x250&amp;chxt=x,y&amp;chxl=0:|03%2F31%2F2018|06%2F30%2F2018|09%2F30%2F2018|12%2F31%2F2018|03%2F31%2F2019&amp;chxs=0,000000,10,0,lt,000000,000000|1,000000,10,0,lt,000000,000000&amp;chf=bg,s,ffffff&amp;chtt=Activity%20By%20Quarter&amp;chts=000000,16&amp;chdl=Employee|Employer|Gain%2FLoss|Forfeiture(Net)|Distribution&amp;chdlp=b&amp;chdls=3229EB,29EB40,FFD700,EE7474,8AB2FA,10&amp;chxr=1,-46296.82,40151.33"></span>

Post Reply