Let's Build Software Everyone Can Use (Denver Startup Week 2016)
•
0 j'aime•411 vues
A discussion around users with disabilities, and what you can do as a developer for Web, iOS or Android to create the best experience for all users.
Recommandé
Contenu connexe
Tendances
Tendances (17)
Similaire à Let's Build Software Everyone Can Use (Denver Startup Week 2016)
Similaire à Let's Build Software Everyone Can Use (Denver Startup Week 2016) (20)
Plus de Kelly Shuster
Plus de Kelly Shuster (7)
Dernier
Dernier (20)
Let's Build Software Everyone Can Use (Denver Startup Week 2016)
- 1. let’s build software everyone can use @KellyShuster
- 13. 1 BILLION
- 14. 20%
- 15. -Victor Tsaran Technology helped me overcome society’s understanding, society’s assumptions about my abilities.
- 18. Let's change the narrative "heroic disabled person overcomes obstacles" to "society is inclusive, all can succeed" -Haben Girma
- 20. 150 million
- 25. Screenreaders
- 26. web ios android
- 31. web <!DOCTYPE html> <html> <body> <img src="two_women.jpg" alt="Two programmers chat at our New York office."> </body> </html>
- 32. web <!DOCTYPE html> <html> <body> <img src="two_women.jpg" alt=""> </body> </html>
- 33. ios
- 35. 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." />
- 37. android
- 39. web var toggleButton = document.getElementById('toggleButton') if(isCurrentlyPaused()){ toggleButton.setAttribute('src', 'play.jpg'); toggleButton.setAttribute('alt', 'Play'); } else { toggleButton.setAttribute('src', 'pause.jpg'); toggleButton.setAttribute('alt', 'Pause'); }
- 40. web var toggleButton = document.getElementById('toggleButton') if(isCurrentlyPaused()){ toggleButton.setAttribute('src', 'play.jpg'); toggleButton.setAttribute('alt', 'Play'); } else { toggleButton.setAttribute('src', 'pause.jpg'); toggleButton.setAttribute('alt', 'Pause'); }
- 41. ios if([self isCurrentlyPaused]){ [playPauseToggleButton setImage:pauseImage forState:UIControlStateNormal] playPauseToggleButton.accessibilityLabel = @"Pause"; } else { [playPauseToggleButton setImage:playImage forState:UIControlStateNormal] playPauseToggleButton.accessibilityLabel = @"Play"; }
- 42. ios if([self isCurrentlyPaused]){ [playPauseToggleButton setImage:pauseImage forState:UIControlStateNormal] playPauseToggleButton.accessibilityLabel = @"Pause"; } else { [playPauseToggleButton setImage:playImage forState:UIControlStateNormal] playPauseToggleButton.accessibilityLabel = @"Play"; }
- 50. tools
- 51. randoma11y.com
- 59. wcag 2.0 apple developer docs android design docs
- 60. web @marcysutton ios @mostgood android @kellyshuster
- 61. The accessibility features I speak of would help huge numbers of people so why are these things not taken into account by developers right at the beginning? -Molly Watt
- 64. Credits Denver Art Museum http://davispartnership.com/projects/denver-art-museum-frederic-c-hamilton-building/ Haben Girma w/ President Obama http://appleinsider.com/articles/16/06/14/apple-invites-deaf-blind-advocate-haben-girma-to-address-developers-on-accessibility-at-wwdc16 Victor Tsaran Photo https://www.linkedin.com/in/victortsaran Victor Tsaran Tedx Talk http://tedxtalks.ted.com/video/TEDxSiliconValley-Victor-Tsaran Grandpa https://www.pexels.com/photo/old-man-6110/ US Map http://www.clipartkid.com/free-printable-maps-blank-map-of-the-united-states-Ud6ZHb-clipart/ Jillian Mercado http://www.allmyfriendsaremodels.com/jillian-mercado-making-waves/ Silent World of Facebook http://digiday.com/platforms/silent-world-facebook-video/ Amelia & Coach http://herohighlight.com/amelia-dickerson/
- 65. Credits, con’td. FAB design https://material.google.com/components/buttons-floating-action-button.html Blurred text http://martinivanov.net/2010/12/23/creating-a-gaussian-blur-effect-with-css3/ Nougat https://twitter.com/Android/status/748547400210472961/photo/1?ref_src=twsrc%5Etfw Facebook Logo https://www.facebookbrand.com/ Screen Zoom http://www.androidcentral.com/android-n-developer-preview-brings-accessibility-improvements Accessibility Inspector iOS https://developer.apple.com/library/ios/technotes/TestingAccessibilityOfiOSApps/TestAccessibilityiniOSSimulatorwithAccessibilityInspector/TestAccessi bilityiniOSSimulatorwithAccessibilityInspector.html Selenium Logo http://www.seleniumhq.org/ Appium Logo https://testobject.com/blog/2015/10/automated-testing-in-the-testobject-cloud-getting-started-with-appium.html Capybara Logo http://www.fsainz.com/2012/12/21/2012-improvements/
- 66. Credits, con’td. Device evolution http://www.nicolasnova.net/pasta-and-vinegar/2015/6/28/some-smartphone-evolution-diagrams Robolectric http://robolectric.org/ Denver Skyline http://www.santomarco.com/photo/denver-panoramic/denver-daytime-skyline/