I need to add alt tags for images to make our site ADA compliant, what's the best way to do this?
<cms:editable name='my_image' label='Image' type='image' show_preview='1' preview_width='150' order='1' />
<img src="<cms:show my_image />" />
<cms:editable name='my_image' label='Image' type='image' show_preview='1' preview_width='150' order='1' />
<cms:editable name='my_image_alt' label='Image Alt Text' type='text' order='2' />
<img src="<cms:show my_image />" alt="<cms:show my_image_alt />" />
<center><a href="<cms:show main_image /> " data-rel="lightcase:gal1" ><img src="<cms:show main_image />" width='85%' height='85%' alt="<cms:show k_folder_title />"/></center>
KK wrote: You are welcome
The reason why the alt tag shows up blank could be that the 'k_folder_title' variable might not be available in the view you are using it (it becomes available in 'folder-view' only; for 'page-view', the variable is actually 'k_page_foldername').
There is no need to memorize, however, which variables are available at what locations - an easy way to actually see all variables is by placing a <cms:dump_all /> tag somewhere close to the location you wish to use the variable at. You should see a list of all variables (and their values) which should help you in choosing the correct one. Try it.
Hope this helps.