write a short essay on proper image usage for Web graphics F

write a short essay on proper image usage for Web graphics. Further describe design measures to make images readily accessible to all people, including those with visual challenges.

Start the essay by describing the three key images files—JPEG, GIF, and PNG—and their specific contextual usages.

Then, in the second half of the essay, describe how image alt tags help provide inclusive design for all users. In HTML, alt tags are used to accompany images for the visually impaired in screen readers such as JAWS, In addition to providing alt tags with images, what are some the key design approaches that HTML designers can use to help make Web sites more accessible to a broader range of users? Are there design approaches that were new to you, or that you found particularly interesting or helpful to visitors who may come to your Web site?

Solution

*Proper Images used for web graphics:

There are three types of image format that are GIF,PNG and JPEG.But most common problem to web graphics is when to use GIF or PNG and when JPEG format.JPEG used for photos and other colorfull images and PNG is for everything else.

GIF(.gif)is used for simple drawing,animation.line art and used to display an image with transparent background.PNG(.png)is used to creat better looking image with small file size.It can handle transparency of image better.JPEG(.jpg or .jpeg) is used for colorfull and complex images ex.photographs.

* Design measures to make image readily accessible tp people:

1}Allow to make Enlarged text: Some usres need to make text larger .So offer alternate stylesheet with large font size without layout breaking when text-only zoom is enabled in browser..The text-only versions is good ,so the user can manipulate the text however he likes.

2]Use proper colors for Action items : There is problem of genetic colorblindness is 8% in all men and 0.5%in all women.Therrfor when creating action items try to avoid color combos which confused by colorblind users.

3)Increase Contrastness: Some people have eye dieases they cant have ability to differentiate between similar shades and level of brightness.For that give a second version of your site with more contrast elements.Use bold text for increase readability on low contrast items and do not use very thin fonts.

* Ait tag:Alt tag is used to provide text alternative to an image .This is a way to describe an image those who cant see the image.The important function of alt tag is to explain a blind user what a image is displaying.

You have an image in your text,the alt tag should describe what is on the image.Screen reader for blind and visually impaired will read out this text and make your image accesible.

* the key design Approches for HTML Designer:

1}Availibility and Accesibility: This is the basic key approch.If people trying to access website and it does not work then it is worthless.

*Basics of Availibility And accessibility:

1)server uptime:Important to ensure your visitor do not get any error

2)Broken links:Check that there are no dead linkes in your site.

2}Clarity: It is very important usability..Your site must be user-friendly,because user come to yuor site with some certain goals in mind.

*A clear and user friendly design can be achieved by:

1)simplicity

2)familiarity

3)Guidance

4)Good information Architecture

5)Direct feed back

3}Creadiability: It is an important aspect of a website .Even people finds the content they looking for,if they do not trust you,then it is worthless.

It is important to known the people that you are not fake,you are real comapny with real people. So provide a clear \"About Us\" page with contact details & possibly with physical address.