Today’s goals:
- Finish discussion from yesterday about website accessibility and look at helpful tools
- Explore how to make websites usable for everyone and review the DO’s for good web design
- Mobile design part #1: compare user experiences for doing things with a phone and a laptop
Today’s featured site:
- http://metrocosm.com/us-immigration-history-map.html – This cool site provides a great visualization of immigration to the US over 200 years
March Desktop Wallpaper!
- Freshen up your desktop with wallpaper for a month that can’t decide if it’s Team Winter or Team Spring
Tools and Resources for Website Accessibility
- http://contrast-finder.tanaguru.com/result.html– Helps you find contrasting colors for improved text readability
- http://www.washington.edu/accessibility/web/– Great for tips and approaches
- https://www.24a11y.com/2017/accessibility-testing-tools-desktop-mobile-websites/– Comprehensive list of tools and resources
- https://a11y-style-guide.com/style-guide/section-general.html– Style guide for accessibility
- https://moritzgiessmann.de/accessibility-cheatsheet/– Accessibility cheatsheet
- Also see: Chrome Accessibility audit in Developer tools; Color Blindness Color Check; and Web Disability Simulator (Chrome extension)
Phone vs Laptop
- Working in teams of 2 at your tables, you will do the following with each device (a phone and a laptop). Take note of what you have to do for each task– do you use a browser? An app? Is it easier to do something on one device vs the other?
- Take a photo of something
- Email the photo to me (agoldsberry@medford.k12.ma.us)
- Go to the city website and find out what meetings are taking place next week
- Go to the school website and see what’s for lunch Monday
- Find out what tomorrow’s weather will be
- Do a Google search for cute dogs
- If you have an account, begin the steps to post something to Instagram or Snapchat (you don’t actually have post something; just take note of the steps to do so on both your phone and computer)
- If you have an account, begin the steps to post something on Twitter or Facebook (again, you don’t actually have post something; just take note of the steps to do so on both your phone and computer)
- Play a game
- Watch a short video
- Play a song
- Read the latest news headlines
- Open a Google doc
- Let’s talk about the differences with each approach and the advantages and disadvantages of each of the devices in doing each activity. Which device do you prefer for which particular activity and why?