Beyond Dimensions


Bring Down IE 6

Apr 2, 2009 Author: Chamara | Filed under: Web

Discover the mission

The premise is simple: Internet Explorer 6 is antiquated, doesn’t support key web standards, and should be phased out. This isn’t about being anti-Microsoft, it’s about Microsoft’s lack of development in the browser market. With IE7/8 not available for Windows 2000, IE6 accounts for up to 20% of web usage, primarily via business users. Clients pressure designers to ‘force’ sites to work in IE6, and designers, not wanting to lose business, comply, using hacks and workarounds. This wastes time and money. Microsoft needs to fix this, designers need to unite, and we all need to move on.

Bring Down IE6
Bring Down IE6

Read the article

In the article, ‘Calling time on IE6’, we ask designers and developers if it’s finally time to take IE6 behind the shed and shoot it. Major names in the web industry debate our mission, talking about the pros and cons behind dumping IE6. How feasible is it to shun the browser entirely? What can you do to minimise the impact IE6 has on you and your clients (and increasingly tight budgets)? And what can and should Microsoft do to help us all move the web and web standards on? Find out by reading the article, or just ‘skip to the end’ by looking to the bottom and getting involved.

Get involved

  • Put our logo on your site and then link to this site. Follow us on Twitter.
  • Educate your colleagues, users and clients regarding calling time on IE6.
  • Ensure sites work in IE6, but don’t waste a lot of time fixing non-critical issues.
  • Provide an upgrade notice for IE6 users.
    <!--[if lt IE 7]>
    	<div id="ie6Warning">
    		<h4>Time to upgrade your browser</h4>
    		<p>If you're reading this, you're surfing using Internet Explorer 6, an eight-year-old browser that cannot cope with the demands of the modern internet. For the best web experience, we strongly recommend upgrading to <a href="http://www.getfirefox.com/">Firefox</a>, <a href="http://www.opera.com/">Opera</a>, <a href="http://www.apple.com/safari/">Safari</a>, <a href="http://www.google.com/chrome">Google Chrome</a>, or a more recent version of <a href="http://www.microsoft.com/windows/downloads/ie/getitnow.mspx">Internet Explorer</a>.</p>
    	</div>
    < ![endif]-->
    
  • Spread the word via Digg, Facebook, Delicious, reddit and StumbleUpon
  • Comments Off
  • Web Safe Fonts

    Dec 7, 2008 Author: Chamara | Filed under: CSS, Web, XHTML

    When using fonts on websites, font should display it’s all properties & styles on all or most web browsers which runs on different platforms like Windows, Mac or Linux. Unfortunately we don’t have much fonts which supported on all web browsers & platforms. So fonts which are working on all or most web browsers are called Web Safe Fonts.

    So here are list of web safe fonts which I am using in my web design projects.

    Arial

    Arial
    Arial
    CSS code;

    font-family:"Arial", Helvetica, sans-serif;
    

    Georgia

    Georgia
    Georgia
    CSS code;

    font-family:"Georgia", serif;
    

    Courier New

    Courier New
    Courier New
    CSS code;

    font-family:"Courier New", Courier, monospace;
    

    Trebuchet MS

    Trebuchet MS
    Trebuchet MS
    CSS code;

    font-family:"Trebuchet MS", Helvetica, sans-seri;
    

    Lucida Console

    Lucida Console
    Lucida Console
    CSS code;

    font-family:"Lucida Console", Monaco, monospace;
    

    Verdana

    Verdana
    Verdana
    CSS code;

    font-family:"Verdana", Geneva, sans-serif;
    

    Times New Roman

    Times New Roman
    Times New Roman
    CSS code;

    font-family:"Times New Roman", Times, serif;
    

    Lucida Sans Unicode

    Lucida Sans Unicode
    Lucida Sans Unicode
    CSS code;

    font-family:"Lucida Sans Unicode", Lucida Grande, sans-serif;
    

    Tahoma

    Tahoma
    Tahoma
    CSS code;

    font-family:"Tahoma", Geneva, sans-serif;
    

    Web Accessibility

    Oct 20, 2008 Author: Chamara | Filed under: Web Standards

    This is the document I prepared sometime back to do a small workshop about Web Accessibility.

    What is Web Accessibility?

    Web accessibility refers to the practice of making websites usable by people of all abilities and disabilities.

    For example, when a site is coded with semantically meaningful HTML, with textual equivalents provided for images and with links named meaningfully, this helps blind users using text-to-speech software and/or text-to-Braille hardware. When text and images are large and/or enlargable, it is easier for users with poor sight to read and understand the content.

    When links are underlined (or otherwise differentiated) as well as coloured, this ensures that colour blind users will be able to notice them. When clickable links and areas are large, this helps users who cannot control a mouse with precision.

    When pages are coded so that users can navigate by means of the keyboard alone, or a single switch access device alone, this helps users who cannot use a mouse or even a standard keyboard.

    When videos are closed captioned (subtitles) or a sign language version is available, deaf and hard of hearing users can understand video.

    Make flashing effects avoid or optional.

    The needs that Web accessibility aims to address include:

    Assistive technologies used for web browsing

    Disabled users use assistive technologies such as the following to enable and assist web browsing:

    • Screen reader software, which can read out, using synthesised speech, either selected elements of what is being displayed on the monitor (helpful for users with reading or learning difficulties), or which can read out everything that is happening on the PC (used by blind and vision impaired users).
    • Braille terminals, consisting of a Refreshable Braille display which renders text as Braille characters (usually by means of raising pegs through holes in a flat surface) and either a QWERTY or Braille keyboard.
    • Screen magnification software, which enlarges what is displayed on the computer monitor, making it easier to read for vision impaired users.
    • Speech recognition software that can accept spoken commands to the computer, or turn dictation into grammatically correct text – useful for those who have difficulty using a mouse or a keyboard.
    • Keyboard overlays, which can make typing easier and more accurate for those who have motor control difficulties.

    Example for a court case

    In 2000, an Australian blind man won a court case against the Sydney Organising Committee of the Olympic Games (SOCOG). This was the first successful case under Disability Discrimination Act 1992 because SOCOG had failed to make their official website, Sydney Olympic Games, adequately accessible to blind users.

    Web Accessibility checkpoints

    Basic checkpoints;

    1. Validate HTML and CSS
    2. No frames, please
    3. Automated accessibility checking tools
    4. Images and alternative text
    5. Make sure that JavaScript is unobtrusive
    6. Increase text size
    7. Look for semantic markup
    8. Disable CSS
    9. Use Fangs to emulate a screen reader

    Digging deeper;

    1. Colour contrast
    2. Document titles
    3. Link text
    4. Non HTML formats
    5. Platform discrimination
    6. Keyboard navigation
    7. Data tables
    8. Form controls and labels
    9. Use a screen reader
    10. Don’t overlook the content
    11. Further reading on other experiments & articles

    Standards, guidelines & Government regulations

    1. The W3C’s Web Accessibility Initiative (WAI) Web Content Accessibility Guidelines 1.0 (WCAG 1.0)
    2. Disability Discrimination Act UK
    3. Section 508 – requires U.S. government web sites to be accessible
    4. Disability Act 2005 Ireland
    5. National Disability Authority Ireland

    If anyone need to add anything to this or if I have missed anything, please put those as a comment.

    Bring Down IE6