w3c standards

Accessibility: WCAG2 at a Glance

Perceivable

  1.     Provide text alternatives for non-text content.
  2.     Provide captions and alternatives for audio and video content.
  3.     Make content adaptable; and make it available to assistive technologies.
  4.     Use sufficient contrast to make things easy to see and hear.

Operable

  1.     Make all functionality keyboard accessible.
  2.     Give users enough time to read and use content.
  3.     Do not use content that causes seizures.
  4.     Help users navigate and find content.

Understandable

  1.     Make text readable and understandable.
  2.     Make content appear and operate in predictable ways.
  3.     Help users avoid and correct mistakes.

Robust

    Maximize compatibility with current and future technologies.

-------------------------------

Mobile Web Best Practices:


Design for One Web:
Content designed with diverse devices in mind reduces cost, increases flexibility, and reaches the needs of more people.

  1.     Ensure that content provided by accessing a URI yields a thematically coherent experience when accessed from different devices.
  2.     Exploit device capabilities to provide an enhanced user experience.
  3.     Take reasonable steps to work around deficient implementations.
  4.     Carry out testing on actual devices as well as emulators.

Rely on Web Standards:

Standards are the best guarantee for interoperability.

  1.     Create documents that validate to published formal grammars.
  2.     Send content in a format known by the device.
  3.     Where possible, send content in a preferred format.
  4.     Ensure that content is encoded using a character encoding known to be supported by the target device.
  5.     Indicate in the response the character encoding being used.
  6.     Use style sheets to control layout and presentation, unless the device is known not to support them.
  7.     Use features of the markup language to indicate logical document structure.
  8.     Provide informative error messages and a means of navigating away from an error message back to useful information.


Stay away from known hazards:

Thoughtful design can help reduce usability problems due to small screens and keyboards, and other features of mobile devices.

  1.     Do not cause pop ups or other windows to appear and do not change the current window without informing the user.
  2.     Do not use nested tables.
  3.     Do not use tables for layout.
  4.     Do not use graphics for spacing.
  5.     Do not use frames.
  6.     Do not use image maps unless you know the device supports them effectively.

Be cautious of device limitations:
Remember that mobile devices vary greatly in capability.

  1.     Do not rely on cookies being available.
  2.     Do not rely on embedded objects or script.
  3.     Do not use tables unless the device is known to support them.
  4.     Where possible, use an alternative to tabular presentation.
  5.     Organize documents so that if necessary they may be read without style sheets.
  6.     Do not rely on support of font related styling.
  7.     Ensure that information conveyed with color is also available without color.

Optimize navigation:
Simple navigation and typing become critical when using a small screen and keyboard, and limited bandwidth.

  1.     Provide only minimal navigation at the top of the page.
  2.     Provide consistent navigation mechanisms.
  3.     Clearly identify the target of each link.
  4.     Note the target file’s format unless you know the device supports it.
  5.     Assign access keys to links in navigational menus and frequently accessed functionality.
  6.     Keep the URIs of site entry points short.
  7.     Take into account the trade off between having too many links on a page and asking the user to follow too many links to reach what they are looking for.


Check graphics & colors:
Images, colors, and style brighten content, but require care: devices may have low-contrast screens or may not support some formats.

  1.     Resize images at the server, if they have an intrinsic size.
  2.     Do not use images that cannot be rendered by the device. Avoid large or high resolution images except where critical information would otherwise be lost.
  3.     Specify the size of images in markup, if they have an intrinsic size.
  4.     Provide a text equivalent for every non-text element.
  5.     Ensure that foreground and background color combinations provide sufficient contrast.
  6.     When using background images make sure that content remains readable on the device.
  7.     Do not use pixel measures and do not use absolute units in markup language attribute values and style sheet property values.


Keep it small:
Smaller sites make users happier by costing less in time and money.

  1.     Use terse, efficient markup.
  2.     Ensure that the overall size of page is appropriate to the memory limitations of the device.
  3.     Keep style sheets small.
  4.     Limit scrolling to one direction, unless secondary scrolling cannot be avoided.


Use the network sparingly:
Web protocol features can help improve the user experience by reducing the impact of network bottlenecks and latencies.

  1.     Do not create periodically auto refreshing pages, unless you have informed the user and provided a means of stopping it.
  2.     Do not use markup to redirect pages automatically. Instead, configure the server to perform redirects by means of HTTP 3xx codes.
  3.     Keep the number of externally linked resources to a minimum.
  4.     Provide caching information in HTTP responses


Help & guide user input:
Keyboards and other input methods on mobile devices can be tedious to use, so effective designs minimize the need for them.

  1.     Keep the number of keystrokes to a minimum.
  2.     Avoid free text entry where possible.
  3.     Provide pre-selected default values where possible.
  4.     Specify a default text entry mode, language and/or input format, if the target device is known to support it.
  5.     Create a logical order through links, form controls and objects.
  6.     Label all form controls appropriately and explicitly associate labels with form controls.
  7.     Position labels so they lay out properly in relation to the form controls they refer to.

Think of users on the go:
Web users on the go want compact information when time is short and distractions many.

  1.     Provide a short but descriptive page title.
  2.     Use clear and simple language.
  3.     Ensure that material that is central to the meaning of the page precedes material that is not.
  4.     Limit content to what the user has requested.
  5.     Ensure that content is suitable for use in a mobile context.
  6.     Divide pages into usable but limited size portions.

-----------------------------------------------


Internationalization Quicktips:
  1. Use Unicode wherever possible for content, databases, etc. Always declare the encoding of content.
  2. Use characters rather than escapes (e.g. á á or á) whenever you can.
  3. Declare the language of documents and indicate internal language changes.
  4. Use style sheets for presentational information. Restrict markup to semantics.
  5. Check for translatability and inappropriate cultural bias in images, animations & examples.
  6. Use an appropriate encoding on both form and server. Support local formats of names/addresses, times/dates, etc.
  7. Use simple, concise text. Use care when composing sentences from multiple strings.
  8. On each page include clearly visible navigation to localized pages or sites, using the target language.
  9. For XHTML, add dir="rtl" to the html tag for right-to-left text. Only re-use it to change the base direction.
  10. Validate! Use techniques, tutorials, and articles at http://www.w3.org/International/

English Typography:

Use the proper English characters instead of their misused equivalents.

  1. Quotes
  2.     “ (“) opening quote (instead of ")
  3.     ” (”) closing quote (instead of ")
  4. Apostrophe
  5.     ’ (’) apostrophe (instead of ')
  6. Dashes and Hyphens
  7.     – (– or –) en dash, used for ranges, e.g. “13–15 November” (instead of -)
  8.     — (— or —) em dash, used for change of thought, e.g. “Star Wars is—as everyone knows—amazing.” (instead of -, or --)
  9. Ellipsis
  10.     … (… or …) horizontal ellipsis, used to indicate an omission or a pause (instead of ...)

tablet Grip and interaction

Four most common grips: While there are many ways to hold a tablet, these four grips are most commonly used.
GripGrip and interactionDesign considerations
Grip with one hand and interact with the otherOne hand holding, one hand interacting with light to medium interaction
  • Right or bottom edges offer quick interaction.
  • Lower right corner might be occluded by hand and wrist.
  • Limited reaching makes touching more accurate.
  • Reading, browsing, email, and light typing.
Grip with both hands and interact with thumbsTwo hands holding, thumbs interacting with light to medium interaction
  • Lower left and right corners offer quick interaction.
  • Anchored thumbs increase touching accuracy.
  • Anything in the middle of the screen is difficult to reach.
  • Touching middle of screen requires changing posture.
  • Reading, browsing, light typing, gaming.
Both hands interactingDevice rests on table or legs, two hands interacting with light to heavy interaction
  • Bottom of the screen offers quick interaction.
  • Lower corners might be occluded by hands and wrists.
  • Reduced need for reaching makes touching more accurate.
  • Reading, browsing, email, heavy typing.
Passive interaction with no gripDevice rests on table or stand, with or without interaction
  • Bottom of screen offers quick interaction.
  • Touching top of the screen occludes content.
  • Touching top of screen might knock a docked device off balance.
  • Interaction at a distance reduces readability and accuracy.
  • Increase target size to improve readability and precision.
  • Watching a movie, listening to music.

Questions HR

 Candidates Questions Accepting when Job Offer:

  1. When do you need an answer by?
  2. Can I receive a copy of the offer and the benefits package?
  3. If I have questions about the benefits package, who should I speak with?
  4. When is the start date?
  5. Is the salary negotiable?
  6. What are the core hours?
  7. Who will I be reporting to?
  8. Can you confirm that I will have the opportunity to telecommute or work on a flextime schedule as we discussed in the interview?
  9. Will the company help me with my moving expenses?
  10. Can I have all this in writing?

    Employer/Manager Questions When staff relieving:
  11. Why are you jumping for just Rs....?
  12. Tell me reasons for relieving job?
  13.  

:: Useful web links List

Site Keyword tags

Abbreviations (1) Acting choices (1) actress-actors (2) addons (1) ads (33) adsense drawbacks (1) advantages (6) advantages of chennai (1) Advantages of Links directory (1) advantages of plastic cheppal stand (1) advices (2) affiliates (1) all ads (1) amazon (1) android (2) articles (34) asp (6) ASP dot Net design issues (1) astrolgy (2) autobiography (2) automobile (1) avoid hacking (1) avoid snake bite (1) backgrounds (1) banners (2) BCS (2) Best category for best collections (1) best PPT Presentations (1) best things (1) biodata (1) blog (1) Blog Advertising (1) blog stats (1) blogger (1) blogger drawbacks (1) blogs (3) Browser errors (2) Browser Issues (5) bus ticketing machines (2) business (2) business loss (11) Business Plan (1) Business rental (1) business wise drawbacks (1) Buying Expired Domains (1) capgemini (1) Car buying tips (1) certified professional (1) cheat frauds (7) Cinema industry (1) cities (15) clients (2) Closed IT/Software companies (1) closed websites (1) codings (21) Commented topics of my blog (1) comments (6) companies (11) Construction (1) contacts (1) Copyright (1) creativity (1) Credit Card Prefix Numbers (1) css (7) CSS drawbacks (1) CSS elements combination (1) CSS errors (2) css ID rules (1) css limitations (1) css links (1) css selectors (1) Cute babies (1) cv (1) demonetization (1) design category (2) disclaim (1) DNS error (1) Documentation (3) domain (2) drawbacks (9) Drawbacks in Madurai bus stand (1) drawbacks of legins (1) drawbacks of strike (2) drawbacks_others (3) duty (1) education (2) electronics (2) emails (1) embedded (2) empty post (1) emptyland (1) Error Code and Message (1) eshop (13) Extra expenses (1) Face detection apps use (1) family (1) FAQ (2) FENG OFFICE (1) finance loans (2) firecrackers (1) firewall nonblockable sites (1) food (3) For sales (1) Free (1) fresh content (6) friends (2) fun (1) general - new - temp (5) GHS (3) girls (8) google (5) google Ads (1) Google Adsense Revenue Sharing Sites (1) government (1) GPS merits (1) graphicsbg (1) Green earth (1) Hacking Methods (1) hand held machines (1) handicapped reservation (1) header wordings (1) health (2) Helpful Slogams (1) HM (1) home shifting (1) how to avoid social media spam (1) HTML (5) html encoder (1) HTML5 website layout (2) IBM (1) IDEA (1) IE (1) IE problems (1) india (1) infosys (1) internet (1) Internet/Social Media Marketing (1) interview questions (4) ISBN (1) IT hardware products for rental (2) IT Hardware-software (2) ja (1) jallikattu (1) javascripts (2) job (7) job analysis (1) joomla (2) KSRTC (1) kvic (1) links (33) links_background verification websites (1) links_blogs (8) Links_certifications (1) links_different websites (1) links_letterwise (1) Links_mobile websites (2) Links_My Designs (3) links_my SMM (2) links_other states (1) Links_Product_brand websites (1) links_Reciprocal Links (1) links_SEO/SEM (1) links_Tamilnadu (1) links_tenders (2) links_tools (2) links_UI design (1) links_use for all* (2) list (1) list of industrial estate (1) list of IT parks (1) list of toll free numbers (1) M2M (1) Madurai (1) Madurai 2020 (1) Mail box folder maintenance (1) Malayalam (1) Malayalam movie my reviews (1) manjula miss (1) Manufacturing Industries (1) marketing (3) marketing ideas (1) me at divisional sports (1) MNC site bugs (1) mobile (4) monthly extra (1) Multiple options in codings (1) my (2) my achievements (1) my achivements (1) My advt - ads (10) My all ads (1) My best collections (1) my best ideas (1) my comments (2) My cousin's post in FB (1) My donations (1) my friends with actor actress (1) My Google dashboard (1) My horoscope (2) my linkedin profile (1) My online interview (1) My Portfolio (2) my posts links (1) My questions (2) my SEO experience (1) my social media profiles (2) my stack overflow profiles (1) My Stackoverflow site answers (2) My works (1) Names (1) nested html (1) Netscape Navigator (1) new blogs (1) New build house for sale (1) New Concepts (1) news (4) online earnings (3) online generators (1) online scams (2) open office drawbacks (1) Open source (2) Opera (1) orkut drawbacks (1) Others view (21) our grandparents (1) Our ID and Numbers (1) outsource statistics (1) own ideas (15) own ideas_aboutme (13) own views (51) page pixel collapse when scrolling in firefox (1) Page Speed Performance (1) parallax scrolling websites (1) Partners (2) Personals (1) photos (23) Photos - art (3) Photos_actress (7) photos_screenshots (1) PHP (3) plans (1) Plots for sale (2) poems (3) policy (1) Pollution Facts (1) powercut (1) Powerpoint (1) press release (1) Problems and solutions - ATM (1) Problems and solutions - Education (2) Problems and solutions - Hardware (4) Problems and solutions - Mobilephones (4) Problems and solutions - NGO (7) Problems and solutions - Software (6) Problems and solutions - Website (7) problems in browsing center/internet cafe (1) Products (16) programmers problems (1) programs (7) proxy software (1) Quality guidelines (2) Rajamani (1) realesate (2) reasons for power shortage (1) Recent comments (1) relatives (2) relatives business (1) resume (1) RS 232 dotmatrix printers (1) rti (1) sales (6) SBI (1) search engine (2) search type websites (1) security (2) Security Alert regarding Serious CMS Attack (1) SEM portfolio (2) SEO Difficulty (1) SEO for blogs (1) SEO portfolio (1) SEO tools (2) SEO-SMM-ORM Plan (1) SEO/SEM (29) sil ads (1) Site Tags (4) siteworth (1) slogans (1) SMS benefits (1) Social Interest - public use (33) social media marketing (13) Social Media Optimization (1) social media widgets (1) softland-palmtec (2) software errors (1) Software Testing (6) Softwares (8) solairaja (1) sports (1) SQL (1) SQL queries (3) stars (1) statistics (10) stop software patents (1) tablet Grip and interaction (1) Tamil - Tamilar - Tamilnadu (22) TATA (1) TCS (1) technicals (11) Technology (5) tenders (4) Testing Tips (1) text magics (1) Thanks (1) Things to do before you die in India (1) Things to Watch in 2014 (1) thirumalai (1) Tips (5) Tips - Buseness tips (23) Tips - Health tips (8) Tips - life tips (18) tips for demo video preparation (1) Tips for doing SEO/SMM (3) Tips for Good-Employee (1) Tips for HR (2) Tips for old money (1) tours (1) Travels (1) TV (1) UI Certifications Q & A (1) UI design (4) useful best software latest versions (1) Useful websites for HTML Developer (1) videos (1) visa (1) vista icons (1) w3c standards (1) wallpapers (2) ways to find a job (1) Web design (9) Web design and developments (34) Web developments (6) Web Services (1) web UI design shapes (1) webhosting (10) Website Features (1) website templates (1) Widgets collections (4) Yahoo (1) சுயசரிதம் (1)