Don't miss out Virtual Happy Hour this Friday (April 26).

Try our conversational search powered by Generative AI!

Alt-text for images thats editable by the editor

Vote:
 

Hi all!

Been trying to get my head around this for quite some time now, but I really cant find a solid way of doing this.

My problem is that I want the editor to be able to add images to my page, but I also want the image itself to contain the information for the alt-text.

So..

My first question would be.. is it possible to some how get the Description of the image/file?

Next question would be.. are Descriptions localized? So for instance the image of a flag would be able to have the description "Swedish flag" at the english site, but at the Swedish site it has has the description "Svenska flagga"? If Description isnt localized, then I guess I wont be able to use the file-description for my alt-texts.

Another question would be.. how do I fetch the Description-text?.. in my current project all the image properties are of the type "Url".. and I have to admitt that Im pretty new to EPiServer, but is that really the propper type to use for images?.. it seems abit limiting to me.. would there be a way to get the file-description based on the image url?

And finally.. how do you guys implement support for the editors to edit the image alt-texts?

Thats quite a bunch of questions :).. but well.. I really cant find a solid way of doing this.

Thanks in advance!

#116301
Jan 28, 2015 10:54
Vote:
 

Hi Mattias,

If you're adding an image to XHTML field, you can set the Image Discription:

If you have a custom property, you can take a look at AlloyTech sample. You can create additional properties that hold Copyright / Description information.

I'm not sure if Images are localizable or not.

#116306
Edited, Jan 28, 2015 12:17
Vote:
 

Just to add bit about the localization of images, as per now media items are not localizeable. 

#116466
Jan 30, 2015 11:53
Vote:
 

Hi Mattias,

A while ago I also faced the problem that image properties are not localizeable. I came with a solution for this problem and wrote a blog about it:

http://www.patrickvankleef.com/2014/06/16/use-culture-specific-mediadata-properties/

I hope that helps.

Regards.


Patrick

#116637
Feb 03, 2015 14:11
Vote:
 

The objective of this technique is to provide text alternatives for images via an /Alt entry in the property list for a Tag. This is normally accomplished using a tool for authoring PDF.

PDF documents may be enhanced by providing alternative descriptions for images, formulas, and other items that do not translate naturally into text. In fact, such text alternatives are required for accessibility: alternate descriptions are human-readable text that can be vocalized by text-to-speech technology for the benefit of users with vision disabilities.

When an image contains words that are important to understanding the content, the text alternative should include those words. This will allow the alternative to accurately represent the image. Note that it does not necessarily describe the visual characteristics of the image itself but must convey the same meaning as the image.

look here > http://www.w3.org/TR/WCAG20-TECHS/PDF1.html

#118386
Mar 05, 2015 12:19
This thread is locked and should be used for reference only. Please use the Episerver CMS 7 and earlier versions forum to open new discussions.
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.