Tips for Improving Web Accessibility
Read Full Article
Since Turing is such an intensive program, we often don't have the time to scrutinize every design choice for the applications we build. HTML and CSS are mostly self-taught ( but not for long ), so it’s no surprise that most of us do not consider web accessibility when frantically trying to get a fully functional application running in three days. Making sure your website is accessible means making it available and usable by everyone, including people of all different abilities. Would a person who can only use the keyboard be able to navigate your website? Is content available in different formats so that, for instance, a person who is hard of hearing can access a transcript or subtitles for audio content? There are many other considerations: Text alternatives for non-text content such as images. Captions and alternatives for all audio and video content. Sufficient contrast between text and background (contrast ratio of at least 4.5:1). Site can be navigated entirely with a keyboard. Make sure there is enough time to read all content (allow user to pause content, or use these other options ). Do not use content that will trigger a seizure (flashing lights of 5-20 flashes per second - see this full list of triggers ). For more detail and a full list of considerations, see these accessibility principles on W3C ’s Web Accessibility Initiative . Also take a look at these preliminary checks to see if your website meets some basic standards. Besides opening up your application to more users, there is another benefit to making your website accessible -- search engine optimization. With text alternatives and microdata, search engines can find content more easily and accurately. Microdata are simply descriptions of content on the page and you can implement them using attributes like this example...
Upload Background Image