Remove ALT tag from form objects

[ntroych]

Greetings,

Is it possible to remove ALT tags from FORM OBJECTS in Lectora?

When adding images, I know you can turn off alt tags. But I see no such option with form objects such as text entry fields and drop-down boxes.

BTW - using Lectora 7.

Thx!

[animedwayne]

Not that I know of. I think this has been added as a request for the next update by several people.

[benpitman]

There is no way in native Lectora. However it can be done using JavaScript. For entry boxes, see Entry Box Kit. If you have others, post which ones and I will figure out.

[ntroych]

Thanks for the responses!

I was able to remove the form object ALT tags by editing the published code. I simply deleted the "title" attribute. Title="FormObject" becomes Title="".

[benpitman]

That will work as long as you remember to do it each time and there are not too many of them.

[Chad_Oglesbay]

With the latest version of Lectora, have they made a way to remove object alt tags? If not, how can I have all Alt tags removed from my course? Will it have to be javascript? Or editing HTML pages? Any help would be appreciated. Thanks!

[benpitman]

You can control most of them at publish time. There is an option. Uncheck it. But as the starter of this thread said, it does not work for some form objects. So you have to use the Entry Box kit I mentioned above.

[MichaelR]

With the latest version of Lectora, have they made a way to remove object alt tags? If not, how can I have all Alt tags removed from my course? Will it have to be javascript? Or editing HTML pages? Any help would be appreciated. Thanks!

Javascript would be the easiest way to do this. I use JQuery to help with this, it's pretty much the de facto javascript library out there for doing these things.

Add an External HTML object, of type "META tag", and insert the following link for JQuery:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

If you need offline access to JQuery, you can download it yourself and modify that link.

Then, add another External HTML object, with this code:

<script type="text/javascript">
	$(document).ready(function () {
		$('input').removeAttr('title');
		$('select').removeAttr('title');
                $('img').removeAttr('title').removeAttr('alt');
	});
</script>

What's happening here is that we're telling the browser to run this code as soon as the page is "ready" for display (ie, after everything's loaded). Then, I'm telling it to remove the 'title' attribute from all inputs (text boxes, password boxes, checkboxes, submit buttons), selects (drop-down lists/listboxes), and for images, both the title and alt tag.

Place that External HTML object wherever you need, or at the top of your title to have it apply title-wide. I'm not at my computer with Lectora to test this, but we're doing some similar things, and this should work for you.

[ssneg]

That will work as long as you remember to do it each time and there are not too many of them.

Notepad++ is free and can do mass replace in multiple files, and also can use RegExp for complex automated edits. Or as said above, you can strip all alt properties at runtime with a script.