How to Develop a Proper Website that Follows Web Standards ~ TricksMode

Saturday 5 October 2013

How to Develop a Proper Website that Follows Web Standards

Web standards is a broad term that can be used for developing a website that follows certain implicit guidelines. These guidelines may be design, programming, usability, reliability, security guidelines or any thing that is related to websites. Following web standards in web development is very much necessary because it increase reliability and usability of site as well as increase returning customers for web development

companies. If you are the one who is going to apply for a job in a web development firm or the one who wants to create a website then you must follow these web standards guidelines in order to create a user friendly and professional looking website.

we are providing a checklist of web standards, you just have to answer the questions of checklist, and at last you yourself will get your answer that how professional your website is.

Quality of Code Standards:

1. Does the website use a correct Doctype?

2. Does the website use a Character set?

3. Does the website use Valid (X)HTML?

4. Does the website use Valid CSS?

5. Does the website use any CSS hacks?

6. Does the website use unnecessary classes or ids?

7. Is the code well structured?

8. Does the website have any broken links?

9. How does the website perform in terms of speed and page size?

10. Does the website have JavaScript errors?

Degree of Separation Between Content and Presentation:

1. Does the site use CSS for all presentation aspects (i.e.: fonts, colour, padding, borders etc)?

2. Are all decorative images in the CSS or do they appear in the (X) HTML?

Website User-friendliness Standards:

1. Are "alt" attributes used for all images?

2. Does the website use relative units rather than absolute units for text size?

3. Do any aspects of the layout break if font size is increased?

4. Does the website use visible skip menus?

5. Does the website use accessible forms?

6. Does the website use accessible tables?

7. Is there sufficient colour brightness and contrasts?

8. Is colour alone used for critical information?

9. Is there delayed responsiveness for dropdown menus?

10. Are all links descriptive?

Website Brower Accessibility Standards:

1. Does the website work acceptably across modern and older browsers?

2. Is the content accessible with CSS switched off or not supported?

3. Is the content accessible with images switched off or not supported?

4. Does the website work in text browsers such as Lynx?

5. Does the website work well when printed?

6. Does the website work well in Hand Held devices?

7. Does the website include detailed metadata?

8. Does the website work well in a range of browser window sizes?

Website Structure and Basic Usability Standards:

1. Is there a clear visual hierarchy?

2. Are heading levels easy to distinguish?

3. Does the website have easy to understand navigation?

4. Does the website use consistent navigation?

5. Are links underlined?

6. Does the website use consistent and appropriate language?

7. Do you have a sitemap page and contact page?

8. For large sites, is there a search tool?

9. Is there a link to the home page on every page in the site?

10. Are visited links clearly defined with a unique colour?

Website Management Standards:

1. Does the website have a meaningful and helpful 404 error page?

2. Does the website use friendly URLs?

3. Do your URLs work without "www"?

4. Does the website have a favicon?

So, here comes the end of list. Now I suppose that you should get your answer that how friendly and professional looking your website is. So from next time, whenever you will develop a website just try to follow these simple web standards guidelines these guidelines will help you a lot to serve your client a professional looking, well managed, user friendly website. Thus will increase your web development business.

Saturday 5 October 2013

How to Develop a Proper Website that Follows Web Standards

0 Responses to “How to Develop a Proper Website that Follows Web Standards”

Post a Comment