Accessibility With Luisa MoralesTableXI is offering training for developers and product teams! For more info, email [email protected] or see our offerings at http://tablexi.com/workshops.The Table XI inclusive meeting Kickstarter is ongoing as this episode is released, see http://tablexi.com/kickstarter for more information.GuestLuisa M. Morales (https://twitter.com/luisamariethm), luisam.com (http://luisam.com/). SummaryAs many as 15 to 25 percent of your site’s potential users may have trouble accessing it due to some kind of disability. How can you design your site to allow your content to be usable by the widest variety of users? My guest today is Luisa Morales, an engineering fellow at the New York City Mayor’s office for Economic Opportunity. We talk about what accessibility means, how to design your site to be accessible, and what guidelines to use to help ensure success. We’ll also talk about a very literal form of accessibility — making your site behave in a way that it is accessible to users with limited bandwidth or older devices. We’d like to hear from you. What issues or successes have you had with accessibility? Let us know at techdoneright.io or on Twitter at @tech_done_right. Notes02:15 - Defining “Accessibility” and the Population Who May Be Affected- W3C Guidelines (https://www.w3.org/standards/) 05:00 - What Web Devs Can Do To Makes Sites Accessible07:30 - ARIA (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA) 09:55 - How Screen Readers Work12:45 - How To Build in Accessibility- h1 Elements (https://www.sitepoint.com/h1-html-element/) 17:36 - Approaching Page Design20:23 - Auditing Accessibility Issues- JAWS (https://www.freedomscientific.com/Products/Blindness/JAWS) - NVDA (https://www.nvaccess.org/download/) - High Contrast (https://support.microsoft.com/en-us/help/13862/windows-use-high-contrast-mode) - ChromeVox (http://www.chromevox.com)- Browserstack (https://www.browserstack.com)- Pa11y (http://pa11y.org)22:20 - Accessibility Based on Access- Progressive Web App (https://developers.google.com/web/progressive-web-apps/)- Accelerated Mobile Pages (https://www.ampproject.org/) - The minimalist version of CNN is actually at http://lite.cnn.io26:49 - Accessibility, JavaScript, Single-page Apps and Site Simulation32:04 - Accessibility is for everyone: Reasons You Should CareSpecial Guest: Luisa Morales.