History of the web and website design
Refer to this webpage and answer the blog questions that follow.
http://www.w3.org/TR/WCAG/Blog 15: Why be inclusive on web design?Inclusivity is when designers are considering people with disability when designing their web page. For example people with eyesight problem, the designer use certain colour to, in order for these people to see. Inclusivity should be considered on a web design, in case if people with disability need information that is the web.
Blog 16:
With reference to the website standards (http://www.w3.org/TR/WCAG/) what are some accessibility techniques that will ensure:a) someone with a sight disability can use the website
Use of Color: Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element
Contrast:
Large Text: Large-scale text and images of large-scale text have a contrast ratio of at least 3:1;
Incidental: Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.
Logotypes: Text that is part of a logo or brand name has no minimum contrast requirement.
Resize text: Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality. (Level AA)
Images of Text: If the technologies being used can achieve the visual presentation, text is used to convey information rather than images of text except for the following: (Level AA)
Customizable: The image of text can be visually customized to the user's requirements;
Essential: A particular presentation of text is essential to the information being conveyed.
b) someone with a hearing disability can use the websiteAudio Control: If any audio on a Web page plays automatically for more than 3 seconds, either a mechanism is available to pause or stop the audio, or a mechanism is available to control audio volume independently from the overall system volume level
Low or No Background Audio: For prerecorded audio-only content that (1) contains primarily speech in the foreground, (2) is not an audio CAPTCHA or audio logo, and (3) is not vocalization intended to be primarily musical expression such as singing or rapping, at least one of the following is true
c) someone with a physical disability can use the websiteTiming Adjustable: For each time limit that is set by the content, at least one of the following is true: (Level A)
•
Turn off: The user is allowed to turn off the time limit before encountering it; or
•
Adjust: The user is allowed to adjust the time limit before encountering it over a wide range that is at least ten times the length of the default setting; or
•
Extend: The user is warned before time expires and given at least 20 seconds to extend the time limit with a simple action (for example, "press the space bar"), and the user is allowed to extend the time limit at least ten times; or
•
Real-time Exception: The time limit is a required part of a real-time event (for example, an auction), and no alternative to the time limit is possible; or
•
Essential Exception: The time limit is essential and extending it would invalidate the activity; or
•
20 Hour Exception: The time limit is longer than 20 hours.
Pause, Stop, Hide: For moving, blinking, scrolling, or auto-updating information, all of the following are true: (Level A)
•
Moving, blinking, scrolling: For any moving, blinking or scrolling information that (1) starts automatically, (2) lasts more than five seconds, and (3) is presented in parallel with other content, there is a mechanism for the user to pause, stop, or hide it unless the movement, blinking, or scrolling is part of an activity where it is essential; and
•
Auto-updating: For any auto-updating information that (1) starts automatically and (2) is presented in parallel with other content, there is a mechanism for the user to pause, stop, or hide it or to control the frequency of the update unless the auto-updating is part of an activity where it is essential.
d) someone with a learning disability can use the websiteKeyboard: All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes, except where the underlying function requires input that depends on the path of the user's movement and not just the endpoints
No Keyboard Trap: If keyboard focus can be moved to a component of the page using a keyboard interface, then focus can be moved away from that component using only a keyboard interface, and, if it requires more than unmodified arrow or tab keys or other standard exit methods, the user is advised of the method for moving focus away
Blog 17(a):Look at the following websites online and identify what sort of colour scheme they use and why. What sort of impression do these sites create by using particular colours?http://www.liveclothing.com.au/This site is mostly targeted from young adults to older teenagers. this websites focuses on stylish and new fashion clothing for the targeted audience from young adults to older teenagers. This site manipulates the viewers so that the viewers are able to click next on the button to see what is there in clothing like on that website. The colours that have been used are: black background, and it makes think that it is more like a city view at night. This colour has been used on purpose because it attracts people between the ages of 16-25, and this age is probably the most suitable age for the target audience. People between these age groups get attracted to style like these and colours that have been used, and this will make the target auidence wanting to come back to the site more often.
http://www.paintball.com.au/This site focuses on tourism so that the people are able to come here as well fun places to enjoy in when comming to the country, that the tourist would like to come to, so that they are able to enjoy themselves while they are in the country that they would like to come and visit. This site is generally targeted to all age groups. In other words, this site is for people that would like to come to the country that they would like to come and visit. This site talks about paintballing and how visitors can enjoy their time in paintballing while they are visiting the country. This site uses colours like white background, red boarder, and very colour full image, that takes the title space, in which this helps viewers to see a paintballing. These colours have been used because it related the target audience and at the same time it suites the topic that is being talked about. The impression this site creates to the readers is more like world of fun and excitement, which makes the tourist come to the country they would like visit so that they can come and enjoy themselves.
http://www.uwa.edu.au/This site is talking about the University of Western Australia, a university that students who are leaving (doing year 12) and are thinking of going to that university, and its course that are provided to the students so that they can excell in uni. This site is targeted to school leavers who are thinking of entering this university as well to the students who have come from Tafe or overseas students that are thinking of going to this uni. This site uses formal colours and designs to present the university in a professional manner as much as possible. When looking at this site it creates professional atmosphere, as it is the highest university in WA and more like a university looking designs.
http://www.whitepages.com.au/wp/In this site the colour that have been used are white and blue, as these are the main colours that white pages use when publishing their phone books. This site has been used to present the company of white pages online and therefore the same colours of their books and logos are on the website. When looking at the website an impression like looking for job and list location can be straight away found, as well as finding the person that you would like to call when needing it. A professional atmosphere comes along when looking at this site due to its colours, design and style, and this is a professional site because they are a professional people.
http://www.janegoodall.org/This sites talks about the donating to chimpanzee to save the world of animals, chimpanzee are starting to die because they are getting extinct. This site uses colours like brown; light brown and creamy to create an impression that we are in a world of dark colours animals and most of the animals are of these types of colurs. These colours are also warm colours which creates a worm feeling towards these poor animals. In addition to the pictures that have been used in this site, which brings the attention of the viewer to donate and help these animals as one day they may die because of many reasons including not getting fed.
http://www.bobjane.com.au/This site uses colours like blue yellow and dark blue. These colours have been used to attract the male audience in relation to their car accessory. When viewers first look at the site it gives an impression of cars, oil and machinery as they are parts of the car and how the car would run on. This site it mainly targeted to male audience because female aren’t interested in looking at the net the latest tyres or car wheels, and that is the reason why males are so fasinated about the cars. In addition to the colour which are very two different colours that have been placed together to create a powerful attraction background image.
http://www.myer.com.au/This site is a company’s official website for clothing, make up and other different things. This site uses very bright and light colours to attract viewers to summer clothing of cool and light cloths and the summer clothing that they have on sale. When looking at the site it gives an impression of coolness, light, peaceful and fun cloths shopping from this particular store and it will make them think that it is a great stall to shop and this is how they will enjoy themselves.
Blog 17(b)
Explain website validation, and how this can be achieved.Validating a website is the process of ensuring that the pages on the website conform to the standards defined by various organizations.
Validating can be achieved with these simple steps:
- Validating your Word Press site means more than just checking the front page for errors. With the modular Themes and template files in Word Press, while you may fix all the errors associated with the index. php and sidebar.php when viewing your front page, errors may still lie within any other template files such as single.php, page.php, archives.php, or category.php. when validating these pages as well as covering all your patterns in the files.
- Validation test-driving it with friends, relatives, co-workers, and strangers. Everyone has a different system and way of working, so ask for others to test-drive your styles or themes before you make them public.