Tip:
Highlight text to annotate it
X
Let us now discuss the guideline 6.6 on images under the Guideline for Indian Government Website.
Images are often used on the website to add value to a webpage
but we also need to ensure that the images are not so heavy so the download time increases of the page.
We need to also ensure that the image actually adds value to the page and its just not there for the decoration purpose,
often we notice that on website an image is used as a heading rather then providing it as a heading.
We need to ensure that headings are actually marked as headings
and images are not misused so as to portray the information to a end user.
While using images because of the size of an image and the download time, we need to ensure
that we try and reuse as many of the images as we can by placing them in a folder
which can then be used. While working with images it is important to decide
what type of image format what we used. Would we use a gif, a jpeg, or a png. For example if it is an icon
we might need to used a gif image but if it is a photograph we might have to used a jpeg image.
It's also important to ensure that the size of the file is reduced, so as to reduced the download time
and also the accuracy of the image should be maintained by ensuring
that it not a distorted. we can avoid distortion by actually not scaling the image but taking
a photograph of the image or creating the image of right size where by this image can
be clear for the end user. Last but not the least we also need to ensure
that images are provided alternate description so that visually impaired people can also access the image using a screen reader.
How we do this ? There are two types of images on a website decorative and informative.
If it is a decorative image we need to provided something called as a empty alt
so that the screen reader ignores this image but if it is a informative image
then we need to ensure that the description provide is accurate, succinct and grammatically correct.
So that a person with visually impairment get the same information like you and I do
these are the some of the few things that need to ensure while working with images on website.