![]() ![]() ![]() Use the longdesc attribute of the image element which allows you to make a link to a page containing the text version.Use an accordion in the closed position, allowing users who don't need the text version to ignore it.Include it at the bottom of the page, and use a named anchor (often called a 'jump link') immediately below the image to link to it.If the text version would look odd shown immediately below the image (in the case of the organisational chart, it probably would), you could either: Provide the long text version provided on the same page as the image.'Graphical version of organisational chart' would be fine. Include a link back to the image from the page where you've provided the long text alternative.An alt that said 'Organisational chart, text version linked below' would work. It needs to give the image a label and let people know where they can find the long text version. Still provide a short text alternative for the image.Add a link beneath the image saying 'text version of organisational chart'. This is a good option for the organisational chart example above. Include the text alternative on a separate page and link to it.You can include a long text alternative in one of three ways: To adequately represent the information in the image, you'd need some structure (headings, sub-headings, lists). It is not enough to include a short text alternative saying 'organisational chart'-the detail communicated in the image would be missing. Consider a diagram of the organisational structure of a company, with all the senior positions, departments and reporting lines shown as a hierarchy. Long text alternativesĬomplex or detailed images usually require a long text alternative. So if you need to write more than a paragraph of text, you'll need a long text alternative. However, you can't use structure or formatting within the alt attribute. There is no technical limit to the length of a short text alternative. Use a short text alternative whenever you use an image to present information or act as a link. However, if the logos link to the sponsors' sites, you should include a text alternative. Doing so is like writing something twice. There's no need to repeat the sponsors' names as text alternatives for the logos. For instance, you may have a set of sponsors' logos at the bottom of the page, with their names listed in the content above. You should also use a blank text alternative for images that just repeat content already on the page. The alt attribute (commonly called the 'alt tag') is where a text alternative is included. The HTML mark-up on the page will look like this: When your editing tool prompts you, leave the text alternative field blank. If you're using a photo or an image just to make a page look more attractive, don't include a text alternative. Web writers need to know when to use one of three types of text alternative: blank, short and long. 'Logo', 'header' and 'bullet' are common mistakes. Consequently we sometimes see text alternatives like 'photo of two students sitting on the lawn in front of the library'.ĭesigners sometimes write text alternatives that describe the design function of an image. Many content management systems prompt writers for a 'description' when they use an image on a page. Others think text alternatives are descriptions of images, rather than substitutes for them. Internet Explorer treats text alternatives this way, so it is not surprising that this belief is common. Some web writers think text alternatives are tool tips-text that is displayed when a user holds their mouse pointer over an image. Search engines, because they can't 'see' the content in images but can read text alternatives.Ĭonfusion over the role of text alternatives.People who use a text-only browser to surf the web, because they have a slow internet connection or prefer not to look at images.Struggle to understand the meaning of an image or its relevance to the content.The talking browser will read the text alternative. Use a talking browser to read web pages, because they have a learning disability that makes it hard to read text.They may use screen magnification software to enlarge content, but at high levels of magnification, images become blurry and text in images may be impossible to read. Cannot see images clearly, because of low vision (caused by macular degeneration, diabetic retinopathy and other conditions).Braille is read with the fingertips, a line at a time. Read web pages with a Braille device, because they are blind or deaf/blind and prefer not to listen to a screen reader.Screen readers usually announce that there is an image on the page, and then read the text alternative. Use a screen reader to read the page aloud, because they have little or no sight.Text alternatives help when people cannot see or use images. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |