Episode 49: Accessibility With Luisa Morales

Accessibility With Luisa Morales
TableXI 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.
Guest
Luisa M. Morales (https://twitter.com/luisamariethm), luisam.com (http://luisam.com/).
Summary
As 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.
Notes
02: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 Accessible
07:30 - ARIA (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA)
09:55 - How Screen Readers Work
12:45 - How To Build in Accessibility
- h1 Elements (https://www.sitepoint.com/h1-html-element/)
17:36 - Approaching Page Design
20: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.io
26:49 - Accessibility, JavaScript, Single-page Apps and Site Simulation
32:04 - Accessibility is for everyone: Reasons You Should Care
Special Guest: Luisa Morales.

Accessibility With Luisa Morales

TableXI 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.

Guest

Luisa M. Morales, luisam.com.

Summary

As 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.

Notes

02:15 - Defining “Accessibility” and the Population Who May Be Affected

W3C Guidelines

05:00 - What Web Devs Can Do To Makes Sites Accessible

07:30 - ARIA

09:55 - How Screen Readers Work

12:45 - How To Build in Accessibility

h1 Elements

17:36 - Approaching Page Design

20:23 - Auditing Accessibility Issues

JAWS
NVDA
High Contrast
ChromeVox
Browserstack
Pa11y

22:20 - Accessibility Based on Access

Progressive Web App
Accelerated Mobile Pages
The minimalist version of CNN is actually at http://lite.cnn.io

26:49 - Accessibility, JavaScript, Single-page Apps and Site Simulation

32:04 - Accessibility is for everyone: Reasons You Should Care

Special Guest: Luisa Morales.