Pol Anca

Quick Tip: Never use maximum-scale=1.0
Posted January 14, 2013
Using the viewport meta tag the wrong way can hinder users with visual problems to use your website. Bysetting maximum-scale=1.0, you are disabling the functionality to use pinch zoom on mobile devices, and forcing users to view your page a certain way.
The bad way:

Thegood way:

Avoiding maximum-scale=1.0 allows your site to meet users needs and provide a better experience.



Quick Tip: ARIA Landmark Roles

Posted January 14, 2013ARIA Landmark Roles help assistive devices navigate your site. Important roles to be aware of include:
• banner – Typically the “header” of your page that includesthe name of the site
• search – For the search form
• main – This would designate the main content area on your site
• navigation – Use on any navigationlist, typically on the nav element
• contentinfo – contains information about the parent document such as copyrights and links to privacy statements
To add a role to anelement, simply add the “role” as an attribute:








Quick Tip: Using alt Text Properly
Posted January 14, 2013
A few tips on how and when to use the altattribute:
• Use the alt attribute for any image that is used as content.
• Use an empty alt atribute for any image that is decorative or not necessary forunderstanding the content of the page (alt=”“).
• Make sure the description of the image is useful. For example, if the image is your logo your alt should be your company nameand not “logo”
The alt attribute is meant to help users using assitive techonology not miss any content, so make sure your text is helpful to anyone not seeing the image.