Web Accessibility

Five things to make your website accessible:


Accessibility:

Web  Accessibility is making your site accessible by disabled person easier like they may access your site without mouse or using voice recognition or by using screen-readers like JAWS and VOICE-OVER.


five things to be noted for this:


1. Each Web Element either DIV or DOM element should have TABINDEX

example:  
            
            <div tab-index="5">your content</div>
           <input type="text" id="your-id" tab-index="6"/>


2. Web Element should have ARIA-LABEL which should tell what needs to:

       example:

                 <button aria-label="click on this button to submit this form">Submit</button>


3. Hide Designing Elements / Unwanted Elements from reading from your website for more accessibility

example:

            <div id="wrapper" aria-hidden="true">
                   <div id="inner-wrapper"  role="presentation">

                      <hr/>
</div>
</div>


It can be either done by aria-hidden or role as presentation


4.  Give custom role for Jquery Elements:

          example:  <div id="spinner" role="spinner"></div>


5.  Give alert message when something changes:
 
                     this can be done by updating text in a div and setting div as aria-live="true" .

        

3 Best Resume Builders for Professionals

1.   Stack Overflow Careers:
   
   Where you can build pretty decent resume for experienced professionals. 



2. Krop: 
   
   It updates your resume, creates user-friendly URL where you can share.



3. Linked In: 
   
   This is in BETA version but looks good and has various options for end-users

IE6 on Ubuntu

Update your PlayonLinux  in Ubuntu:

wget -q "http://deb.playonlinux.com/public.gpg" -O- | sudo apt-key add -
sudo wget http://deb.playonlinux.com/playonlinux_precise.list -O /etc/apt/sources.list.d/playonlinux.list
sudo apt-get update
sudo apt-get install playonlinux


Now Wine will get automatically updated,

Open PlayonLinux and install IE6/IE7/IE8

I hope this will work

HTML - Symantec

Introduction:

Modern Web users started use the new way of using HTML known as Symantec , nothing but using the HTML tags for styling other than CSS

for e.g.,

Use heading element(h1,h2,h3,h4,h5,h6). Don’t use CSS; the STRONG element or other markup to fake your  heading.
<h1>Lorem</h1>

I hope it may useful for you guys

Make Transparent Background

Usually backgrounds can be made transparent only for Images, but there is a tricky idea to make text as Background:

Create a Header which should float at the top fix some minimum height

Set opacity to 0.5

Important thing position should be absolute

Now  Create your remaining content as divs

That's it. Enjoy

Sample should be like this:

http://jsfiddle.net/Jv9Mj/2/

Radio Buttons validation in cakephp

Usually cakephp doesn't validate the radio buttons, to re-produce that,

Step1:

In View:

<?php echo $form->radio('myfield',array(OPTIONS));?>

Step2:

After,  <?php if(!empty($this->data)){


if(empty($this->data[MODEL]['myfield'])){$this->set('radioerror','ERROR MSG');}


NOW ALTER VIEW:


<?php echo $form->radio('myfield',array(OPTIONS));?>
 <div class="error-message">
 <?php if (isset($radioerror)){echo $radioerror;}?>


</div>

THAT'S IT.

Tips for Clients

Precautions steps for client before planning website:

1. Plan your website. Be clear in your LOGIC as well as requirements:
2. Post your quotations in freelancer websites:
3. Compare the Quotations and deadline:
4. Now approach a freelancer or website company with your favoured quotation
5. You have done.