Pages

Monday, November 10, 2008

Apply accessibility to web projects

Recently, I see there' re many persons misunderstand about Accessibility. Someone can not distinguish it with Usability. So, I post this entry to help you have a general overview about this.
I also post some ideas related to the way we apply Accessibility into web project under 2 views: Company view and Project view.


Outline of this post:

  1. What is accessibility?

    1. WCAG (Web Content Accessibility Guidelines)

    2. ATAG (Authoring Tool Accessibility Guidelines)

    3. UAAG (User Agent Accessibility Guidelines)

    4. EARL (Evaluation and Report Language)

    5. WAI-ARIA (Accessible Rich Internet Application)

  2. Why we need to support accessibility?
  3. How to apply accessibility?


What is accessibility?


This is the Web accessibility definition from W3C


Web accessibility means that people with disabilities can use the Web. More specifically, Web accessibility means that people with disabilities can perceive, understand, navigate, and interact with the Web, and that they can contribute to the Web. Web accessibility also benefits others, including older people with changing abilities due to aging.

You can find here some scenarios that People with Disabilities Using the Web

From now, when we talk about Accessibility - we're talking about the ways to support people with disabilities to use the web.
So, do not confuse this definition with Usability.

Web standards for Accessibility


W3C composed a standard for Accessibility called WAI. These are a collection of guidelines to help us create web site and tools to support Accessibility.
There are 5 standard groups in WAI

1. WCAG (Web Content Accessibility Guidelines):
These are guidelines for web content. If we are a web based solution company - we should follow this. I need to explain to you more detail about this because this is what we have to support in our web projects.
In this document, there are 14 guidelines:
Each guideline has one or many checkpoints with 3 types of priority: 1(MUST) , 2 (SHOULD), 3 (MAY).

If you can support all checkpoints with level 1, you get Conformance Level "A".
If you can support all checkpoints with level 1, 2, you get Conformance Level "Double-A".
If you can support all checkpoints with level 1, 2,3 you get Conformance Level "Triple-A".
2. ATAG (Authoring Tool Accessibility Guidelines)
These are accessibility guidelines for tool to create content. Eg: WYSIWYG Editors, media tools, ...
3. UAAG (User Agent Accessibility Guidelines)
These are accessibility guideline for Web browsers, media players, and other user agent.
4. EARL (Evaluation and Report Language)
Evaluation and Report Language (EARL) is a machine-readable format for expressing test results. The primary motivation for developing EARL is to facilitate the processing of test results, such as those generated by Web accessibility evaluation tools, using a vendor-neutral and platform-independent format.
5. WAI-ARIA (Accessible Rich Internet Application)
WAI-ARIA, the Accessible Rich Internet Applications Suite, defines a way to make Web content and Web applications more accessible to people with disabilities. It especially helps with dynamic content and advanced user interface controls developed with Ajax, HTML, JavaScript, and related technologies

Why we need to support Accessibility?



  • Provide equal access and equal opportunity to people with disabilities

  • Web accessibility is required by laws and policies in some cases. You can see here some list of relevant laws and policies around the world

  • This is a new trend in 2.0 web sites. If you can support this, it is an added value to your customer.


How to apply accessibility?


In my point of view, I think we have 2 views to apply this.

Apply under organization view


The first thing we need to do is: training for web developers about Accessibility and its importance. Your developers must understand about WHY they need to follow it.

Second, you should have HTML coding standard document. This is a guideline to help your development team can follow it and transfer to the new one. Before doing this step, you should select the conformance level that your company will support by default. Actually, I haven't seen any site get the Conformance Level "Triple-A" (except http://www.w3.org/WAI/)

Apply under project view


If you want to apply WCAG. You should create a process to support this. In my point of view, the simple process should have 3 below roles:
1. HTML designer: he/she must make sure the output HTML design follow WCAG standard.
2. Web developer: he/she must apply HTML design into the code by proper way that create the final version matching WCAG standard.
3. Content checker or QC: check the final output.
4. Content developer: when your site is deployed into production, content developer takes responsibility of creating/editing content. He must has knowledge about Accessibility to follow that.
As a process, you must have document, guidelines and checklist to support it.
Roles in process are up to you. I just raise some default roles in a simple way. You can create your customized version to follow the default support conformance level (of your company) in WCAG.
Good luck!

Sunday, November 9, 2008

Doodle4google - the way google gets creative logos

Google changes its logo frequently for happening events. Have you ever wondered that how they do to have a lot of interesting logos?

Actually, they create a competition in doodle4google. You can go there to discover more.


Doodle 4 Google is a competition where we invite K-12 students to reinvent Google's homepage logo. This year we asked U.S. kids to doodle around the theme "What if...?"

Our winning doodle, selected from over 16,000 entries, was created by Grace Moon, a 6th grader at Canyon Middle School from Castro Valley, California. Grace's lovely doodle, "Up in the Clouds," will grace our homepage, Google.com, on May 22nd, 2008.


16,000 entries - great!

Entry bonus:
Watch this video to see how Google's Chief Doodler Dennis Hwang draws a Google Doodle from scrap to finish.


Saturday, November 8, 2008

Tools for blogspot

You can see a lot of widgets and some special features on my page. You may wonder how did I do that? :)

Actually, blogspot only supplies us some basic features for blogging. To get more features, you need to search "tips and tricks" on Internet and puts it into your blog. You can ask me: "oh, you may have a lot of free time, isn't it? Why do you like that?". Actually, NO - I do not have much time but researching ideas and good features on Internet is one of my hobbies. I takes my free time to do that.

In this entry, I list some good links for you if you want to enhance your blogspot page. If you have problem with any trick, you can contact me.





10 chat widgets for your page.
Add read more feature to your blog
Templates for your blog
Add rating feature to your blog
Add tag cloud into blogspot
Add sharethis into blogspot
Add sitemap to blogspot
Show related post in blogger
Add recent comments
This entry will be updated whenever I find any more good links.

Object relation mapping - Is it a Vietnam war science?

the Vietnam war


I read this article 1,2 years ago. I think it's valuable for anyone loves Object Relation mapping. You should read it carefully and think about what you applied with ORM in your projects.
The original article is: The Vietnam of Computer Science


You can find some more interesting related articles:



+ Object-Relational Mapping is the Vietnam of Computer Science
+ Thoughts on Vietnam commentary
Actually, I am a fan of ORM. I've ever had nightmare with Hibernate (a famous ORM framework). It takes my team many weeks to optimize the performance of the whole system. However, it does not break my dream about it.
If I have free time, I will post an entry to share with you some of my experiences in Hibernate (a famous ORM framework). Wait'n see.
Reblog this post [with Zemanta]

Google and KBird blog

I am in the top position of "KBird blog" in Google. :) Do you want to buy this keyword? LoL