{"id":34540,"date":"2015-06-17T12:22:45","date_gmt":"2015-06-17T12:22:45","guid":{"rendered":"http:\/\/vskills.in\/certification\/blog\/?p=34540"},"modified":"2024-04-03T13:18:15","modified_gmt":"2024-04-03T07:48:15","slug":"website-design-development-part-11","status":"publish","type":"post","link":"https:\/\/www.vskills.in\/certification\/blog\/website-design-development-part-11\/","title":{"rendered":"Website design &amp; development-Part 11"},"content":{"rendered":"<p style=\"text-align: center\"><a ref=\"magnificPopup\" href=\"http:\/\/vskills.in\/certification\/blog\/wp-content\/uploads\/2015\/06\/Website-design-development-Part-11.jpeg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-34599\" src=\"http:\/\/vskills.in\/certification\/blog\/wp-content\/uploads\/2015\/06\/Website-design-development-Part-11-300x96.jpeg\" alt=\"Website design &amp; development-Part 11\" width=\"300\" height=\"96\" srcset=\"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2015\/06\/Website-design-development-Part-11-300x96.jpeg 300w, https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2015\/06\/Website-design-development-Part-11.jpeg 389w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><strong>Web Accessibility <\/strong><br \/>\nWeb Accessibility is a principle that tries to make sure visitors with disabilities can locate, navigate, read and understand web content. The main impairments covered by this are:<br \/>\n\u2022 Vision, e.g. blindness, colour blindness.<br \/>\n\u2022 Hearing, e.g. deafness.<br \/>\n\u2022 Physical and speech, e.g. restricted use of limbs.<br \/>\n\u2022 Cognitive, e.g. learning difficulties.<br \/>\nThere are many content, design and coding techniques that can make your website easier to use by people with a disability. For instance, a well-made website can be easily used by a blind person using a program called a \u2018Screen Reader\u2019. This software vocalises content on a page. Unfortunately, carelessness or lack of foresight during development can render a website unusable to many. As such, many organisations follow the guidelines of the Web Accessibility Initiative (WAI). This organisation has created a set of standards called the Web Content Accessibility Guidelines (WGAC) \u2013 in 3 levels (A, AA &amp; AAA) \u2013 that, when followed, make a website accessible. However, accessibility is not just about code. The way you write content can also influence whether you meet the WCAG standard or not. In general, you should aim for clarity and simplicity in writing.<\/p>\n<p><strong>Provide appropriate alternative text<\/strong><br \/>\nAlternative text provides a textual alternative to non-text content in web pages. It is especially helpful for people who are blind and rely on a screen reader to have the content of the website read to them.<br \/>\n<strong>Provide appropriate document structure<\/strong><br \/>\nHeadings, lists, and other structural elements provide meaning and structure to web pages. They can also facilitate keyboard navigation within the page.<br \/>\n<strong>Provide headers for data tables<\/strong><br \/>\nTables are used online for layout and to organize data. Tables that are used to organize tabular data should have appropriate table headers (theelement). Data cells should be associated with their appropriate headers, making it easier for screen reader users to navigate and understand the data table.<br \/>\n<strong>Ensure users can complete and submit all forms<\/strong><br \/>\nEnsure that every form element (text field, checkbox, dropdown list, etc.) has a label and make sure that label is associated to the correct form element using the <label> element. Also make sure the user can submit the form and recover from any errors, such as the failure to fill in all required fields.<br \/>\n<strong>Ensure links make sense out of context<\/strong><br \/>\nEvery link should make sense if the link text is read by itself. Screen reader users may choose to read only the links on a web page. Certain phrases like &#8220;click here&#8221; and &#8220;more&#8221; must be avoided.<br \/>\n<strong>Caption and\/or provide transcripts for media<\/strong><br \/>\nVideos and live audio must have captions and a transcript. With archived audio, a transcription may be sufficient.<\/label><\/p>\n<p><a href=\"http:\/\/www.vskills.in\/certification\/Web-Development\">Click here for government certification in Web Development<\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web Accessibility Web Accessibility is a principle that tries to make sure visitors with disabilities can locate, navigate, read and understand web content. The main impairments covered by this are: \u2022 Vision, e.g. blindness, colour blindness. \u2022 Hearing, e.g. deafness. \u2022 Physical and speech, e.g. restricted use of limbs. \u2022 Cognitive, e.g. learning difficulties. There&#8230;<\/p>\n","protected":false},"author":1169,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_joinchat":[],"footnotes":""},"categories":[1558],"tags":[4490,4481],"class_list":["post-34540","post","type-post","status-publish","format-standard","hentry","category-web-development-2","tag-transcripts","tag-web-accessibility"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Website design &amp; development-Part 11 - Vskills Blog<\/title>\n<meta name=\"description\" content=\"What are the basic elements of Website design &amp; development? Apply for a Vskills certification in Web Development now. Hurry up!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vskills.in\/certification\/blog\/website-design-development-part-11\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Website design &amp; development-Part 11 - Vskills Blog\" \/>\n<meta property=\"og:description\" content=\"What are the basic elements of Website design &amp; development? Apply for a Vskills certification in Web Development now. Hurry up!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vskills.in\/certification\/blog\/website-design-development-part-11\/\" \/>\n<meta property=\"og:site_name\" content=\"Vskills Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/vskills.in\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/Shantanu.theonepiece\" \/>\n<meta property=\"article:published_time\" content=\"2015-06-17T12:22:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-03T07:48:15+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/vskills.in\/certification\/blog\/wp-content\/uploads\/2015\/06\/Website-design-development-Part-11-300x96.jpeg\" \/>\n<meta name=\"author\" content=\"SHANTANU BHARADWAJ\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"SHANTANU BHARADWAJ\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/website-design-development-part-11\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/blog\/website-design-development-part-11\/\",\"name\":\"Website design &amp; development-Part 11 - Vskills Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/website-design-development-part-11\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/website-design-development-part-11\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/vskills.in\/certification\/blog\/wp-content\/uploads\/2015\/06\/Website-design-development-Part-11-300x96.jpeg\",\"datePublished\":\"2015-06-17T12:22:45+00:00\",\"dateModified\":\"2024-04-03T07:48:15+00:00\",\"author\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/#\/schema\/person\/9f88c97681823a1377733cc3a2ecce98\"},\"description\":\"What are the basic elements of Website design & development? Apply for a Vskills certification in Web Development now. Hurry up!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/website-design-development-part-11\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.vskills.in\/certification\/blog\/website-design-development-part-11\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/website-design-development-part-11\/#primaryimage\",\"url\":\"http:\/\/vskills.in\/certification\/blog\/wp-content\/uploads\/2015\/06\/Website-design-development-Part-11-300x96.jpeg\",\"contentUrl\":\"http:\/\/vskills.in\/certification\/blog\/wp-content\/uploads\/2015\/06\/Website-design-development-Part-11-300x96.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/website-design-development-part-11\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.vskills.in\/certification\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Website design &amp; development-Part 11\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/#website\",\"url\":\"https:\/\/www.vskills.in\/certification\/blog\/\",\"name\":\"Vskills Blog\",\"description\":\"Vskills - A Initiative in Assessment to Enhance Employability\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.vskills.in\/certification\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/#\/schema\/person\/9f88c97681823a1377733cc3a2ecce98\",\"name\":\"SHANTANU BHARADWAJ\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d986dd8c6eccc0938b1775a8520e76f085bc94a5a5aa16b34f0cb8ca7632553f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d986dd8c6eccc0938b1775a8520e76f085bc94a5a5aa16b34f0cb8ca7632553f?s=96&d=mm&r=g\",\"caption\":\"SHANTANU BHARADWAJ\"},\"description\":\"A first year engineering undergraduate student at I.I.T. Guwahati with an interest in programming, coding and developing new softwares. Experienced in assisting a company\u2019s branding needs through social media outreach, developing marketing plans, digital marketing, and conducting customer research. Specialties \u2022Team Management \u2022Programming softwares and android applications. \u2022Expertise in cloud computing. \u2022 Microsoft Offices (Word, PowerPoint, Excel) \u2022 Adobe CS5.5 Suite (Photoshop, Flash). \u2022 Updated knowledge about all technological developments.\",\"sameAs\":[\"https:\/\/www.facebook.com\/Shantanu.theonepiece\",\"https:\/\/www.linkedin.com\/hp\/?dnr=jhCWgInuuxn4gnGK48EFnIRKuORWnsYoS5hc&trk=nav_responsive_tab_home\"],\"url\":\"https:\/\/www.vskills.in\/certification\/blog\/author\/satish-roy\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Website design &amp; development-Part 11 - Vskills Blog","description":"What are the basic elements of Website design & development? Apply for a Vskills certification in Web Development now. Hurry up!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vskills.in\/certification\/blog\/website-design-development-part-11\/","og_locale":"en_US","og_type":"article","og_title":"Website design &amp; development-Part 11 - Vskills Blog","og_description":"What are the basic elements of Website design & development? Apply for a Vskills certification in Web Development now. Hurry up!","og_url":"https:\/\/www.vskills.in\/certification\/blog\/website-design-development-part-11\/","og_site_name":"Vskills Blog","article_publisher":"https:\/\/www.facebook.com\/vskills.in","article_author":"https:\/\/www.facebook.com\/Shantanu.theonepiece","article_published_time":"2015-06-17T12:22:45+00:00","article_modified_time":"2024-04-03T07:48:15+00:00","og_image":[{"url":"http:\/\/vskills.in\/certification\/blog\/wp-content\/uploads\/2015\/06\/Website-design-development-Part-11-300x96.jpeg"}],"author":"SHANTANU BHARADWAJ","twitter_misc":{"Written by":"SHANTANU BHARADWAJ","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vskills.in\/certification\/blog\/website-design-development-part-11\/","url":"https:\/\/www.vskills.in\/certification\/blog\/website-design-development-part-11\/","name":"Website design &amp; development-Part 11 - Vskills Blog","isPartOf":{"@id":"https:\/\/www.vskills.in\/certification\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vskills.in\/certification\/blog\/website-design-development-part-11\/#primaryimage"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/blog\/website-design-development-part-11\/#primaryimage"},"thumbnailUrl":"http:\/\/vskills.in\/certification\/blog\/wp-content\/uploads\/2015\/06\/Website-design-development-Part-11-300x96.jpeg","datePublished":"2015-06-17T12:22:45+00:00","dateModified":"2024-04-03T07:48:15+00:00","author":{"@id":"https:\/\/www.vskills.in\/certification\/blog\/#\/schema\/person\/9f88c97681823a1377733cc3a2ecce98"},"description":"What are the basic elements of Website design & development? Apply for a Vskills certification in Web Development now. Hurry up!","breadcrumb":{"@id":"https:\/\/www.vskills.in\/certification\/blog\/website-design-development-part-11\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vskills.in\/certification\/blog\/website-design-development-part-11\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/blog\/website-design-development-part-11\/#primaryimage","url":"http:\/\/vskills.in\/certification\/blog\/wp-content\/uploads\/2015\/06\/Website-design-development-Part-11-300x96.jpeg","contentUrl":"http:\/\/vskills.in\/certification\/blog\/wp-content\/uploads\/2015\/06\/Website-design-development-Part-11-300x96.jpeg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vskills.in\/certification\/blog\/website-design-development-part-11\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vskills.in\/certification\/blog\/"},{"@type":"ListItem","position":2,"name":"Website design &amp; development-Part 11"}]},{"@type":"WebSite","@id":"https:\/\/www.vskills.in\/certification\/blog\/#website","url":"https:\/\/www.vskills.in\/certification\/blog\/","name":"Vskills Blog","description":"Vskills - A Initiative in Assessment to Enhance Employability","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vskills.in\/certification\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.vskills.in\/certification\/blog\/#\/schema\/person\/9f88c97681823a1377733cc3a2ecce98","name":"SHANTANU BHARADWAJ","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d986dd8c6eccc0938b1775a8520e76f085bc94a5a5aa16b34f0cb8ca7632553f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d986dd8c6eccc0938b1775a8520e76f085bc94a5a5aa16b34f0cb8ca7632553f?s=96&d=mm&r=g","caption":"SHANTANU BHARADWAJ"},"description":"A first year engineering undergraduate student at I.I.T. Guwahati with an interest in programming, coding and developing new softwares. Experienced in assisting a company\u2019s branding needs through social media outreach, developing marketing plans, digital marketing, and conducting customer research. Specialties \u2022Team Management \u2022Programming softwares and android applications. \u2022Expertise in cloud computing. \u2022 Microsoft Offices (Word, PowerPoint, Excel) \u2022 Adobe CS5.5 Suite (Photoshop, Flash). \u2022 Updated knowledge about all technological developments.","sameAs":["https:\/\/www.facebook.com\/Shantanu.theonepiece","https:\/\/www.linkedin.com\/hp\/?dnr=jhCWgInuuxn4gnGK48EFnIRKuORWnsYoS5hc&trk=nav_responsive_tab_home"],"url":"https:\/\/www.vskills.in\/certification\/blog\/author\/satish-roy\/"}]}},"_links":{"self":[{"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/posts\/34540","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/users\/1169"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/comments?post=34540"}],"version-history":[{"count":6,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/posts\/34540\/revisions"}],"predecessor-version":[{"id":72509,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/posts\/34540\/revisions\/72509"}],"wp:attachment":[{"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/media?parent=34540"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/categories?post=34540"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/tags?post=34540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}