Post on 19-Feb-2017
creatingaccessibletech
@KellyShuster
@KellyShuster
webiosandroid
@KellyShuster
web vs iosandroid
@KellyShuster
tag meaningful images
@KellyShuster
contentvsfunction
WOCinTechChat - https://www.flickr.com/photos/wocintechchat/21910887703/
@KellyShuster
web
<!DOCTYPE html><html><body>
<img src="two_women.jpg" alt="Two programmers chat at our New York office.">
</body></html>
@KellyShuster
web
<!DOCTYPE html><html><body>
<img src="two_women.jpg" alt="">
</body></html>
@KellyShuster
ios
@KellyShuster
ios
accessibilityLabelvsaccessibilityIdentifier
@KellyShuster
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." />
@KellyShuster
android
<ImageView android:id="@+id/img_two_women" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="@null" />
@KellyShuster
android
@KellyShuster
@KellyShuster
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');}
@KellyShuster
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');}
@KellyShuster
ios
if([self isCurrentlyPaused]){ [playPauseToggleButton setImage:pauseImage forState:UIControlStateNormal] playPauseToggleButton.accessibilityLabel = @"Play";}else { [playPauseToggleButton setImage:playImage forState:UIControlStateNormal] playPauseToggleButton.accessibilityLabel = @"Pause";}
@KellyShuster
ios
if([self isCurrentlyPaused]){ [playPauseToggleButton setImage:pauseImage forState:UIControlStateNormal] playPauseToggleButton.accessibilityLabel = @"Play";}else { [playPauseToggleButton setImage:playImage forState:UIControlStateNormal] playPauseToggleButton.accessibilityLabel = @"Pause";}
@KellyShuster
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));}
@KellyShuster
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));}
considerdesignpatterns
@KellyShuster
@KellyShuster
http://maagg.com/blog/with-inbox-google-dares-to-be-different
@KellyShuster
@KellyShuster
web @marcysuttonios @mostgoodandroid @kellyshuster