{"id":16505,"date":"2019-05-17T23:03:52","date_gmt":"2019-05-17T17:33:52","guid":{"rendered":"https:\/\/golocalclassified.com\/article\/?p=16505"},"modified":"2019-05-17T23:04:07","modified_gmt":"2019-05-17T17:34:07","slug":"4-principles-of-web-accessibility-demystified","status":"publish","type":"post","link":"https:\/\/golocalclassified.com\/article\/4-principles-of-web-accessibility-demystified\/","title":{"rendered":"4 Principles of Web Accessibility Demystified"},"content":{"rendered":"\n<p>The goal of web accessibility is to allow uniform and reliable use\nof internet technology to everyone using a range of devices, browsers and\nplatforms. All kinds of internet users should be able to take advantage of\ninternet technology without facing any kinds of problems or difficulties. <\/p>\n\n\n\n<p>This includes users with disabilities and people from different backgrounds,\nage groups and abilities. Web accessibility aims to make internet technology\nhighly inclusive through the use of guidelines and standards. These are\nincluded in the WCAG 2.0 (short for <a href=\"https:\/\/www.w3.org\/TR\/WCAG20\">Web Content Accessibility Guidelines 2.0<\/a>). The <a href=\"https:\/\/www.ada.gov\/regs2010\/titleIII_2010\/titleIII_2010_regulations.htm\">US Department\nof Justice<\/a> has recommended WCAG 2.0 for web accessibility. You should <a href=\"https:\/\/getadaaccessible.com\/why-be-accessible\">learn more<\/a> about web\naccessibility to make your website inclusive for all. <\/p>\n\n\n\n<p>WCAG 2.0 states that websites should have the following qualities\nfor accessibility:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Perceivable <\/h2>\n\n\n\n<p>Users should be able to process information on websites easily. A\nnumber of steps can be taken to realize this goal. <\/p>\n\n\n\n<p>There should be alternatives to text, such as images, infographics\nand animations since they are quicker and easier to understand for most people.<\/p>\n\n\n\n<p>Websites should also offer \u2018alt tags\u2019 for all images. These tags\ndisplay text in place of images if they fail to load. This is helpful for those\nwith slow connections and for those whose internet speed has been reduced due\nto heavy traffic. Alt tags are also great for SEO since they describe images to\nsearch engines. <\/p>\n\n\n\n<p>Multimedia such as videos, animations and audio should have\naccompanying text. This is important for people with hearing issues or those who\nlive in noisy environments. There needs to be captions in the videos and\nanimations. <\/p>\n\n\n\n<p>Transcripts should be provided below multimedia elements.\nTranscripts are very important for users who do not have the time to watch the\nentire presentation. They can swiftly read the text to save time. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Operable<\/h2>\n\n\n\n<p>For a website to be operable, website navigation should be\nintuitive and straightforward. This can be achieved via descriptive links,\nclear page titles and well-organized sitemaps. It should be easy for visitors\nto interact with the user interface.<\/p>\n\n\n\n<p>The website should be operable by keyboard alone. This is crucial\nbecause many people suffering from disabilities cannot use a mouse. This also\noffers flexibility for other users who might prefer to use a keyboard rather\nthan a mouse.<\/p>\n\n\n\n<p>The website should offer clear instructions and options for\nrectifying mistakes. This is important not just for the people facing cognitive\nissues, but also for ordinary users since anyone can make mistakes. <\/p>\n\n\n\n<p>An important rule of the WCAG 2.0 is that web pages should not\nhave any element that flashes more than three times in one second. This is\nnecessary to prevent the risk of seizures. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Understandable<\/h2>\n\n\n\n<p>Just because users can navigate a website easily, it does not\nnecessarily mean that the site is understandable. The website must use concise\nand clear language. The language used must be simple enough to be understood\neven by non-native speakers. <\/p>\n\n\n\n<p>You should link all uncommon words and phrases to simple\nglossaries or dictionaries. You can also visually format these words and\nphrases to assist users in recognizing them. The same approach should be used\nfor all abbreviations. <\/p>\n\n\n\n<p>Use plenty of succinct and fact-dense titles so that users can\njudge quickly whether or not the text is relevant to their needs. This will\nhelp to save the time of users and allow them to pinpoint relevant information\nquickly and easily.&nbsp; This is also good\nfor SEO purposes. <\/p>\n\n\n\n<p>You should include audio interpretation of the text on your\nwebpages. This will be invaluable for the visually impaired and thus promote\naccessibility. Audio format is also favored by people who prefer listening\ninstead of reading. <\/p>\n\n\n\n<p>Symbols, videos, images and illustrations should be used to supplement\nthe text. The meaning of the text will become clearer this way. Practical\nexamples should be employed to simplify the meaning of the text wherever\npossible. Sign language interpretation should be used for videos and audios. <\/p>\n\n\n\n<p>Through the use of HTML language attributes, you should define the\ndefault language. Also, the website\u2019s functions should be easy to comprehend.\nIt should be easy for users to figure out the results of different actions on\nthe website. This can improve user experience. <\/p>\n\n\n\n<p>Forms should have clear headings and logical flow. A warning\nshould be given to users if new window will be opened or if the link directs\nusers to third parties. <\/p>\n\n\n\n<p>A consistent template should be used throughout the website with\nthe same alignment, positioning, attributes and layout. This will make it easy\nfor users to read content, use functions and navigate. There should be adequate\nguidance for important processes like checkouts.<\/p>\n\n\n\n<p>These qualities will make the website understandable. Websites\nbecome accessible with greater usability and simplicity.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Robust <\/h2>\n\n\n\n<p>For the website content to be robust, it must be capable of being\neasily interpreted by all kinds of user agents, including assistive\ntechnologies. <\/p>\n\n\n\n<p>What does this imply?The content should continue being accessible\nto user agents and assistive technologies as it evolves. Regardless of\nadvancements in technology, users should be able to utilize content. <\/p>\n\n\n\n<p>The code used in webpages must be as simple and direct as\npossible. It must conform to appropriate standards so that different browsers\ncan load the pages as intended by developers. <\/p>\n\n\n\n<p>This is achieved by validating webpages, ensuring that they\nconform to standards, making sure that the opening and closing tags are used\naccording to specifications, using HTML in accordance with latest standards and\nmore. <\/p>\n\n\n\n<p>Users can utilize a blend of different technologies. However,\nwebsites should perform consistently across different platforms and devices. <\/p>\n\n\n\n<p>Although users should not expect websites to support outdated\nbrowser versions, websites must nevertheless accommodate a wide range of\nbrowsers, platforms and devices. They should not hamper users who utilize\nuncommon devices, browsers and platforms.<\/p>\n\n\n\n<p>This will be possible if clean code is deployed in websites which\nis compliant with conventions and standards. Clean code supports the widest\nrange of platforms and users. It will lead to minimal glitches, errors and\nslowing down of performance. \n\nA website developed via best practices ensures\nmaximum accessibility for all. \n\n\n\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The goal of web accessibility is to allow uniform and reliable use of internet technology to everyone using a range of devices, browsers and platforms. All kinds of internet users should be able to take advantage of internet technology without facing any kinds of problems or difficulties. This includes users with disabilities and people from [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-16505","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/golocalclassified.com\/article\/wp-json\/wp\/v2\/posts\/16505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/golocalclassified.com\/article\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/golocalclassified.com\/article\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/golocalclassified.com\/article\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/golocalclassified.com\/article\/wp-json\/wp\/v2\/comments?post=16505"}],"version-history":[{"count":0,"href":"https:\/\/golocalclassified.com\/article\/wp-json\/wp\/v2\/posts\/16505\/revisions"}],"wp:attachment":[{"href":"https:\/\/golocalclassified.com\/article\/wp-json\/wp\/v2\/media?parent=16505"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/golocalclassified.com\/article\/wp-json\/wp\/v2\/categories?post=16505"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/golocalclassified.com\/article\/wp-json\/wp\/v2\/tags?post=16505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}