Mobile Accessibility Testing & Development Workshops
Introduction to Mobile Web Accessibility Testing & Development
Introduction to Mobile Web Accessibility Testing & Development iCloud Keynote Slideshow
In this full-day introduction to mobile accessibility workshop attendees will learn Mobile Web Accessibility, How to Test with Mobile Screen Readers, JavaScript/HTML5/WAI-ARIA/CSS3 Mobile Accessibility Techniques, Mobile Frameworks, Responsive Web Design, Mobile Accessibility Testing Tools, and an Introduction to Native iOS and Android Accessibility Testing. Workshop format is structured to progress from the basics of mobile HTML accessibility through manual screen reader testing, testing of before and after demos of JavaScript/WAI-ARIA forms and widgets, to HTML5 accessibility, and introduction to Native iOS and Android Accessibility Testing. Attendees should bring iOS and Android devices along with their laptops and headphones as there will be hands-on mobile accessibility testing group projects. There will be group accessibility testing and development projects to encourage collaboration and networking among attendees. Group projects will include testing mobile websites for accessibility problems, creating a simple report of issues, comparing test findings with group partners, brainstorming recommendations to fix accessibility issues, and sharing results with the class to prompt discussion.
Advanced Mobile Native Accessibility Testing & Development
Advanced Mobile Native Accessibility Testing & Development
In this full-day advanced mobile accessibility workshop attendees will learn Native Mobile Accessibility, How to Test Native Apps with TalkBack for Android and VoiceOver for iOS, Android Native Keyboard Accessibility Techniques, Accessibility Testing with Integrated Developer Environments Android Studio and Xcode, Mobile Simulator and On-Device Testing Techniques, Native Accessibility Testing Tools, and Advanced Native iOS and Android Accessibility APIs. Workshop format is structured to focus specifically on Native iOS and Android apps. Designed to be the second full day advanced native workshop which will build off the first day introduction to mobile web accessibility workshop so attendees will be prepared to learn advanced accessibility testing and development for native only apps on day two. Attendees should bring iOS and Android devices along with their laptops and headphones as there will be hands-on accessibility testing projects and group native app coding exercises using Android Studio and Xcode. Attendees who want to code both iOS and Android should have a macOS laptop with Xcode installed for iOS native apps and Android Studio for developing Android apps. Android Studio is available on Windows and macOS but Xcode is only available on macOS. Windows laptop users should have Android Studio installed. There will be group accessibility testing and development projects to encourage collaboration and networking among attendees.
Prerequisites
- HTML Editor Installed for Intro Workshop
- Suggest using Visual Studio Code it is accessible and autocompletes ARIA attributes
- Xcode and/or Android Studio Installed for Advanced Workshop
- Download Android Studio for Windows or macOS from Google
- Download Xcode for macOS from the Mac App Store
Supplies to Bring to Workshop
- Mobile Devices
- iOS iPhone and/or iPad
- Android Phones and/or Tablets
- Windows or macOS Laptop with Android Studio and/or Xcode Installed! (Advanced Workshop)
- Bluetooth Keyboard, Apple Wireless Keyboard
- Don't Forget Your Laptop Power Supply
- Headphones for screen reader testing.
Homework (Advanced Workshop)
- Install Android Studio and/or Xcode on your Windows and/or macOS Laptops!
- Test creating a new project in Xcode or Android Studio. Create a single page blank template app and build it to your devices.
- Just installing and running a blank white screen app on your phone is a long process! Do it now!
- You will instantly be behind others in the workshop material if you arrive without completing the homework!
- You need to show up with a laptop and phone ready for development.
Coding Homework (Advanced Workshop)
1st app tutorials to help ensure device deployment works:- Build a blank single page app to your phone.
- Run a "Hello World" tutorial on your phone!
- Building Your First App | Android Developers
- Start Developing iOS Apps (Swift): Jump Right In
- iOS Accessibility Tutorial: Getting Started
Android Studio
- Inside Android Emulator Download Google TalkBack APK via direct link from a google search.
Cheatsheets & Checklists
- iOS & VoiceOver Mobile Accessibility Cheat Sheet
- Android & TalkBack Mobile Accessibility Cheat Sheet
- WCAG 2.0 AA Accessibility Testing Checklist iCloud
- WCAG A11y Report Template for Numbers