Lightning Talk on Programming Accessible Software

•

0 likes•561 views

I gave this lightning talk at GDG Denver about programming accessible software, covering the basics of web, iOS and Android.

Software

WOCinTechChat - https://www.flickr.com/photos/wocintechchat/21910887703/

@KellyShuste
web
<!DOCTYPE html>
<html>
<body>
<img src="two_women.jpg" alt="Two programmers chat at our New York office.">
</body>
</html>

@KellyShuste
web
<!DOCTYPE html>
<html>
<body>
<img src="two_women.jpg" alt="">
</body>
</html>

@KellyShuste
ios
accessibilityLabel
vs
accessibilityIdentifier

@KellyShuste
android
<ImageView
android:id="@+id/img_two_women"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:contentDescription="Two programmers chat at our New York office." />

@KellyShuste
web
var toggleButton = document.getElementById
('toggleButton')
if(isCurrentlyPaused()){
toggleButton.setAttribute('src', 'pause.jpg');
toggleButton.setAttribute('alt', 'Play');
}
else {
toggleButton.setAttribute('src', 'play.jpg');
toggleButton.setAttribute('alt', 'Pause');
}

@KellyShuste
ios
if([self isCurrentlyPaused]){
[playPauseToggleButton setImage:pauseImage forState:
UIControlStateNormal]
playPauseToggleButton.accessibilityLabel = @"Play";
}
else {
[playPauseToggleButton setImage:playImage forState:UIControlStateNormal]
playPauseToggleButton.accessibilityLabel = @"Pause";
}

@KellyShuste
android
if(isCurrentlyPaused()){
mPlayPauseToggleButton.setImageResource(R.drawable.pause);
mPlayPauseToggleButton.setContentDescription(getString(R.string.play));
}
else {
mPlayPauseToggleButton.setImageResource(R.drawable.play);
mPlayPauseToggleButton.setContentDescription(getString(R.string.pause));
}

@KellyShustehttp://maagg.com/blog/with-inbox-google-dares-to-be-different

@KellyShuste
web @marcysutton
ios @mostgood
android @kellyshuster

What's hot

Tweak, Test and Debug your mobile apps from Web directions code 13Chris Ward

Progressive Web AppsTimmy Kokke

Unit Tests Aren't EnoughTrotter Cashion

Indexing on Fire: Google Firebase Native & Web App Indexing - MozCon 2016MobileMoxie

Building Hybrid Apps with Emberjakecraige

From Website to Web App - Indexing, Optimizing, and Auditing Experiences for ...MobileMoxie

Develop Hip APIs and Apps with Spring Boot and Angular - Connect.Tech 2017Matt Raible

The Ultimate Getting Started with Angular Workshop - Devoxx UK 2017Matt Raible

How NOT to Suck at App Distribution - Quick Start Guide - Appsocially's Growt...Yusuke Takahashi, PhD

jQuery For Developers Stack Overflow Dev Days TorontoRalph Whitbeck

Cindy Krum "Mobile-First Indexing for Local SEO" - LocalU 2017MobileMoxie

Finding the sweet spot - blending the best of native and webShawn Jansepar

Get Hip with Java Hipster - JavaOne 2017Matt Raible

Ashley Berman Hale "SEO Alchemy: Location-Based Mobile Search" - MozLocal 2017MobileMoxie

WordPress Accessibility: WordCamp ChicagoJoseph Dolson

What's hot (15)

Tweak, Test and Debug your mobile apps from Web directions code 13

Progressive Web Apps

Unit Tests Aren't Enough

Indexing on Fire: Google Firebase Native & Web App Indexing - MozCon 2016

Building Hybrid Apps with Ember

From Website to Web App - Indexing, Optimizing, and Auditing Experiences for ...

Develop Hip APIs and Apps with Spring Boot and Angular - Connect.Tech 2017

The Ultimate Getting Started with Angular Workshop - Devoxx UK 2017

How NOT to Suck at App Distribution - Quick Start Guide - Appsocially's Growt...

jQuery For Developers Stack Overflow Dev Days Toronto

Cindy Krum "Mobile-First Indexing for Local SEO" - LocalU 2017

Finding the sweet spot - blending the best of native and web

Get Hip with Java Hipster - JavaOne 2017

Ashley Berman Hale "SEO Alchemy: Location-Based Mobile Search" - MozLocal 2017

WordPress Accessibility: WordCamp Chicago

Viewers also liked

Minimizing power point size v1Yeit Hau Chin

Concessões de rodoviasFernando Uva Rossa

The End Of DaysJan Bak

Mercy's HSE 1&2 CertMercy Opata

Reflexión!nacionalxd02

Azuqua - Connect Data, Processes, and Tools Across TeamsSomething

Stefan_Atanasov_2D_PortfolioStefan Atanasov

Photos from training sessionsPatrick Ng

Ricardo de vicq andré cs lopesandre_lopes

GE:Chapter 6: Analyzing Business Markets :Kotler’s 14th edition of Marketing ...Sukesh Perla

Impact of climate change on groundwaterABHISHEK KUMAR

Sponsorship in Sports Events - An NFL PerspectiveEventbrite UK

Top 12 Eventbrite add ons for Music and Festival PromotersEventbrite UK

Silicon Valley 2.0: Lots of Little Bets (Jakarta, June 2013)Dave McClure

Viewers also liked (14)

Minimizing power point size v1

Concessões de rodovias

The End Of Days

Mercy's HSE 1&2 Cert

Reflexión!

Azuqua - Connect Data, Processes, and Tools Across Teams

Stefan_Atanasov_2D_Portfolio

Photos from training sessions

Ricardo de vicq andré cs lopes

GE:Chapter 6: Analyzing Business Markets :Kotler’s 14th edition of Marketing ...

Impact of climate change on groundwater

Sponsorship in Sports Events - An NFL Perspective

Top 12 Eventbrite add ons for Music and Festival Promoters

Silicon Valley 2.0: Lots of Little Bets (Jakarta, June 2013)

Similar to Lightning Talk on Programming Accessible Software

Let's Build Software Everyone Can Use (Denver Startup Week 2016)Kelly Shuster

Introduction to jQuery Mobileejlp12

Taking your Web App for a walkJens-Christian Fischer

jQuery MobileYaowaluck Promdee

Jquery CheatsheetDaniel Downs

Desenvolvimento web com jQuery MobilePablo Garrido

Surviving the Zombie Apocalypse of Connected devices - Jfokus 2013Gustaf Nilsson Kotte

Mobilism 2011: How to put the mobile in the mobile webJenifer Hanen

Multi screen HTML5Ron Reiter

AppForum 2014 Boost Hybrid App Performancerobgalvinjr

Web Development for UX DesignersAshlimarie

How to Tango with Salesforce & jQueryMobile for HTML5 GoodnessJoshua Hoskins

[refreshpitt] Adaptive Images in Responsive Web DesignChristopher Schmitt

Why Deep Linking is the Next Big Thing: App Indexing - SMX East 2015Suzzicks

Why Deep Linking is the Next Big Thing: App Indexing - SMX East 2015MobileMoxie

Frontend microservices: architectures and solutionsMikhail Kuznetcov

HTML5 and Mobiledoodoofish

Adobe & HTML5Terry Ryan

HTML Hypermedia APIs and Adaptive Web Design - Nordic APIsGustaf Nilsson Kotte

[psuweb] Adaptive Images in Responsive Web DesignChristopher Schmitt

Similar to Lightning Talk on Programming Accessible Software (20)

Let's Build Software Everyone Can Use (Denver Startup Week 2016)

Introduction to jQuery Mobile

Taking your Web App for a walk

jQuery Mobile

Jquery Cheatsheet

Desenvolvimento web com jQuery Mobile

Surviving the Zombie Apocalypse of Connected devices - Jfokus 2013

Mobilism 2011: How to put the mobile in the mobile web

Multi screen HTML5

AppForum 2014 Boost Hybrid App Performance

Web Development for UX Designers

How to Tango with Salesforce & jQueryMobile for HTML5 Goodness

[refreshpitt] Adaptive Images in Responsive Web Design

Why Deep Linking is the Next Big Thing: App Indexing - SMX East 2015

Frontend microservices: architectures and solutions

HTML5 and Mobile

Adobe & HTML5

HTML Hypermedia APIs and Adaptive Web Design - Nordic APIs

[psuweb] Adaptive Images in Responsive Web Design

Recently uploaded

%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfonteinmasabamasaba

Announcing Codolex 2.0 from GDK SoftwareJim McKeeth

Harnessing ChatGPT - Elevating Productivity in Today's Agile EnvironmentVictorSzoltysek

AI & Machine Learning Presentation TemplatePresentation.STUDIO

W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...panagenda

CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE9953056974 Low Rate Call Girls In Saket, Delhi NCR

%+27788225528 love spells in new york Psychic Readings, Attraction spells,Bri...masabamasaba

%in Harare+277-882-255-28 abortion pills for sale in Hararemasabamasaba

VTU technical seminar 8Th Sem on Scikit-learnAmarnathKambale

Right Money Management App For Your Financial GoalsJhone kinadey

%in tembisa+277-882-255-28 abortion pills for sale in tembisamasabamasaba

OpenChain - The Ramifications of ISO/IEC 5230 and ISO/IEC 18974 for Legal Pro...Shane Coughlan

%in Hazyview+277-882-255-28 abortion pills for sale in Hazyviewmasabamasaba

%in Soweto+277-882-255-28 abortion pills for sale in sowetomasabamasaba

AI Mastery 201: Elevating Your Workflow with Advanced LLM TechniquesVictorSzoltysek

Introducing Microsoft’s new Enterprise Work Management (EWM) SolutionOnePlan Solutions

Abortion Pill Prices Tembisa [(+27832195400*)] 🏥 Women's Abortion Clinic in T...Medical / Health Care (+971588192166) Mifepristone and Misoprostol tablets 200mg

%+27788225528 love spells in Knoxville Psychic Readings, Attraction spells,Br...masabamasaba

Devoxx UK 2024 - Going serverless with Quarkus, GraalVM native images and AWS...Bert Jan Schrijver

WSO2CON2024 - It's time to go PlatformlessWSO2

Recently uploaded (20)

%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein

Announcing Codolex 2.0 from GDK Software

Harnessing ChatGPT - Elevating Productivity in Today's Agile Environment

AI & Machine Learning Presentation Template

W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...

CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE

%+27788225528 love spells in new york Psychic Readings, Attraction spells,Bri...

%in Harare+277-882-255-28 abortion pills for sale in Harare

VTU technical seminar 8Th Sem on Scikit-learn

Right Money Management App For Your Financial Goals

%in tembisa+277-882-255-28 abortion pills for sale in tembisa

OpenChain - The Ramifications of ISO/IEC 5230 and ISO/IEC 18974 for Legal Pro...

%in Hazyview+277-882-255-28 abortion pills for sale in Hazyview

%in Soweto+277-882-255-28 abortion pills for sale in soweto

AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques

Introducing Microsoft’s new Enterprise Work Management (EWM) Solution

Abortion Pill Prices Tembisa [(+27832195400*)] 🏥 Women's Abortion Clinic in T...

%+27788225528 love spells in Knoxville Psychic Readings, Attraction spells,Br...

Devoxx UK 2024 - Going serverless with Quarkus, GraalVM native images and AWS...

WSO2CON2024 - It's time to go Platformless

Lightning Talk on Programming Accessible Software

1. creating accessible tech @KellyShuste

2. @KellyShuste web ios android

3. @KellyShuste web vs ios android

4. @KellyShuste tag meaningful images

5. @KellyShuste content vs function

6. WOCinTechChat - https://www.flickr.com/photos/wocintechchat/21910887703/

7. @KellyShuste web <!DOCTYPE html> <html> <body> <img src="two_women.jpg" alt="Two programmers chat at our New York office."> </body> </html>

8. @KellyShuste web <!DOCTYPE html> <html> <body> <img src="two_women.jpg" alt=""> </body> </html>

9. @KellyShuste ios

10. @KellyShuste ios accessibilityLabel vs accessibilityIdentifier

11. @KellyShuste android <ImageView android:id="@+id/img_two_women" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="Two programmers chat at our New York office." />

12. @KellyShuste android <ImageView android:id="@+id/img_two_women" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="@null" />

13. @KellyShuste android

14. @KellyShuste

15. @KellyShuste web var toggleButton = document.getElementById ('toggleButton') if(isCurrentlyPaused()){ toggleButton.setAttribute('src', 'pause.jpg'); toggleButton.setAttribute('alt', 'Play'); } else { toggleButton.setAttribute('src', 'play.jpg'); toggleButton.setAttribute('alt', 'Pause'); }

16. @KellyShuste web var toggleButton = document.getElementById ('toggleButton') if(isCurrentlyPaused()){ toggleButton.setAttribute('src', 'pause.jpg'); toggleButton.setAttribute('alt', 'Play'); } else { toggleButton.setAttribute('src', 'play.jpg'); toggleButton.setAttribute('alt', 'Pause'); }

17. @KellyShuste ios if([self isCurrentlyPaused]){ [playPauseToggleButton setImage:pauseImage forState: UIControlStateNormal] playPauseToggleButton.accessibilityLabel = @"Play"; } else { [playPauseToggleButton setImage:playImage forState:UIControlStateNormal] playPauseToggleButton.accessibilityLabel = @"Pause"; }

18. @KellyShuste ios if([self isCurrentlyPaused]){ [playPauseToggleButton setImage:pauseImage forState: UIControlStateNormal] playPauseToggleButton.accessibilityLabel = @"Play"; } else { [playPauseToggleButton setImage:playImage forState:UIControlStateNormal] playPauseToggleButton.accessibilityLabel = @"Pause"; }

19. @KellyShuste android if(isCurrentlyPaused()){ mPlayPauseToggleButton.setImageResource(R.drawable.pause); mPlayPauseToggleButton.setContentDescription(getString(R.string.play)); } else { mPlayPauseToggleButton.setImageResource(R.drawable.play); mPlayPauseToggleButton.setContentDescription(getString(R.string.pause)); }

20. @KellyShuste android if(isCurrentlyPaused()){ mPlayPauseToggleButton.setImageResource(R.drawable.pause); mPlayPauseToggleButton.setContentDescription(getString(R.string.play)); } else { mPlayPauseToggleButton.setImageResource(R.drawable.play); mPlayPauseToggleButton.setContentDescription(getString(R.string.pause)); }

21. consider design patterns @KellyShuste

22. @KellyShustehttp://maagg.com/blog/with-inbox-google-dares-to-be-different

23. @KellyShuste

24. @KellyShuste web @marcysutton ios @mostgood android @kellyshuster