+++ WEB DESIGN UPDATE. - Volume 15, Issue 31, January 26, 2017. An email newsletter to distribute news and information about web design and development. ++ISSUE 31 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? http://www.d.umn.edu/itss/training/online/webdesign/ New links in these categories: 01: ACCESSIBILITY. 02: CASCADING STYLE SHEETS. 03: COLOR. 04: EVALUATION & TESTING. 05: EVENTS. 06: HTML5. 07: JAVASCRIPT. 08: NAVIGATION. 09: USABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. How Apps And Websites Can Make Sure They Comply With Accessibility Guidelines By David Bolton. "Every person has a right to a high-quality digital experience..." https://arc.applause.com/2017/01/24/accessibility-guidelines-wcag-2-0/ Making Your Site Accessible Using W3C's Easy Checks By Nomensa. "...We've put together an infographic based on the W3C's ten easy checks..." https://www.nomensa.com/blog/2017/making-your-site-accessible-infographic 5 Approaches to Dealing with 3rd Party (In)Accessibility By Karl Groves. "...Remove it...Fork it and fix it...Improve it after the fact...Push on the Vendor...Of course not choosing the inaccessible product is the best approach..." http://www.karlgroves.com/2017/01/24/5-approaches-to-dealing-with-3rd-party-inaccessibility/ Improving Accessibility in Co-op Wills By Becky Arrowsmith. "...We've tested extensively with screen readers and had a number of people test with their own devices and assistive technology. We've found that nesting makes things less overwhelming..." https://digital.blogs.coop/2017/01/16/improving-accessibility-in-co-op-wills/ Accessibility Data Metrics Survey Results By Ted Drake. "In preparation for an upcoming talk at CSUN 2017 on data metrics for accessibility, I created a survey for fellow accessibility managers to share what they are doing to quantify the accessibility of their products and services..." http://www.last-child.com/metrics-survey-results/ Innovative Salad Restaurant Agrees to Make Website and Mobile App Accessible By Kristina M. Launey. "New website and mobile app accessibility settlement agreement requires WCAG 2.0 AA conformance, training, and feedback mechanism..." http://www.adatitleiii.com/2017/01/innovative-salad-restaurant-agrees-to-make-website-and-mobile-app-accessible/ Sweetgreen Settlement Agreement (PDF): http://www.washlaw.org/pdf/sweetgreen_settlement.PDF Website Inaccessibility Court Cases on the Rise By Media Access Australia. "...The California State Court became the first in the US to rule that a retailer violated the country's Americans with Disabilities Act (ADA) due to a website not being accessible to individuals with vision-related disabilities..." http://www.mediaaccess.org.au/latest_news/australian-policy-and-legislation/website-inaccessibility-court-cases-on-the-rise ADA Title III Lawsuits Increase by 37 Percent in 2016 By Minh Vu, Kristina M. Launey, and Susan Ryan. "The number of federal ADA Title III lawsuits continue to surge, fueled by new plaintiffs, new plaintiffs' lawyers, and website accessibility claims..." http://www.adatitleiii.com/2017/01/ada-title-iii-lawsuits-increase-by-37-percent-in-2016/ Section 508 Final Rule 2017 Refresh By Rakesh Paladugula. "On January 18, 2017 United States Access Board has released an update for the final rule on standards for electronic and information technology developed, procured, maintained, or used by Federal agencies covered by section 508 of the Rehabilitation Act of 1973, as well as the guidelines for telecommunications equipment and customer premises equipment covered by Section 255 of the Communications Act of 1934..." http://www.maxability.co.in/2017/01/section-508-final-rule-2017-refresh/ Section 508 Refresh (Part 1) By Matt Feldman. "Over 8 years ago the US Access Board received a final report from an advisory committee focused on refreshing the accessibility requirements for Information and Communication Technology (ICT)..." https://www.paciellogroup.com/blog/2017/01/section-508-refresh-part-1/ +02: CASCADING STYLE SHEETS. The End of the Clearfix Hack? By Rachel Andrew. "...Using display: flow-root on an element will perform this clearing for us. Instead of needing to apply the clearfix hack we can use the CSS display property on the container with a value of flow-root..." https://www.rachelandrew.co.uk/archives/2017/01/24/the-end-of-the-clearfix-hack/ Let's Look at 50+ Interesting CSS Properties & Values By Greg Hovanesyan. "Can it be done with CSS? Do I need JavaScript? I know a lot of us ask these question when looking at designs and interactions..." https://css-tricks.com/lets-look-50-interesting-css-properties-values/ +03: COLOR. Press the Pink Button - Designing for Colour Blind Users By Kayla Heffernan. "We use colour as a signifier for people, places and things all the time. Probably more than you realise." http://www.kaylaheffernan.com/blog/2017/1/17/press-the-pink-buttondesigning-for-colour-blind-users +04: EVALUATION & TESTING. User Research That's Truly Inclusive (Even When the Tools Aren't) By Paul Jonathan Norris. "How to include all users - of all abilities - in digital service design, when almost all of the user research tools we've tried are inaccessible to so many users?.." https://medium.com/@BinaryPJ/user-research-thats-truly-inclusive-even-when-the-tools-aren-t-7f797cf71967#.uob9qyg3z The Mobile Design Elements That You Have to A/B Test By Momchil Kyurkchiev. "...Here are a few elements that we recommend every designer to A/B test..." https://uxplanet.org/the-mobile-design-elements-that-you-have-to-a-b-test-b044e6b932cc The Sketch Test: How to Test and Improve Your UX Deliverables and Other Documents By Page Laubheimer. "Test your infographics, reports, and UX deliverables with representative colleagues to refine them and prevent potential stakeholder misunderstandings." https://www.nngroup.com/articles/sketch-test/ +05: EVENTS. eBooks and EPUB Accessibility March 23, 2017. Baltimore, Maryland, U.S.A. https://nfb.org/ebooks-and-epub-accessibility Boston UX Conference April 9-13, 2017. Boston, Massachusetts, U.S.A. https://www.nngroup.com/training/boston/ Respond 2017 May 4-5, Sydney, Australia. May 8-9, Melbourne, Australia. May 12, Brisbane, Australia. https://www.webdirections.org/respond17/ UX Week 2017 August 29-September 1, 2017 San Francisco, Califorina, U.S.A. http://uxweek.com/ HighEdWeb October 8-11, 2017. Hartford, Connecticut, U.S.A. https://2017.highedweb.org/ AIGA Design Conference October 12-14, 2017. Minneapolis, Minnesota, U.S.A. http://www.aiga.org/2017conference/ +06: HTML5. Mixed Content and Responsive Images By Jonathan Snook. "...The picture element being an imageset, that means that unencrypted images defined in a or srcset will get blocked. Solution? From what I can tell, you have two options: serve the images over https or don't use responsive images..." https://snook.ca/archives/html_and_css/mixed-content-responsive-images +07: JAVASCRIPT. Differences Between ARIA 1.0 and 1.1: Changes By Bryan Garaventa. "Welcome to the third installment of SSB's review of the differences between ARIA 1.0 and 1.1..." http://www.ssbbartgroup.com/blog/differences-aria-1-0-1-1-changes/ Filtering and Chaining in Functional JavaScript By M. David Green. "One of the things I appreciate about JavaScript is its versatility..." https://www.sitepoint.com/filtering-and-chaining-in-functional-javascript/ +08: NAVIGATION. Security and Accessiblity When Opening Links in a New Window By Tim Wright. "A handful of years ago there was a quiet agreement in the Web community that we should stop opening links in new windows (using target="_blank") to give users more power over their experience..." http://csskarma.com/blog/opening-links/ Logo Placement Affects Web Navigation and Brand Recall (Video) By Kathryn Whitenton. "Our research shows that logos positioned in nonstandard places significantly harm the user experience." https://www.youtube.com/watch?v=xo6CHO49XKk +09: USABILITY. Date-Input Form Fields: UX Design Guidelines By Angie Li. "Form fields must be unambiguous and support task completion by using the right design pattern. Small design changes can prevent big user errors." https://www.nngroup.com/articles/date-input/ [Section one ends.] ++ SECTION TWO: +10: What Can You Find at the Web Design Reference Site? Accessibility Information. http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. http://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. http://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. http://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. http://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. http://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. http://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. http://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. http://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. http://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. http://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. http://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. http://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. http://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. http://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. http://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. http://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. http://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. http://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. http://www.d.umn.edu/itss/training/online/webdesign/xml.html [Section two ends.] ++END NOTES. + SUBSCRIPTION INFO. WEB DESIGN UPDATE is available by subscription. For information on how to subscribe and unsubscribe please visit: http://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html The Web Design Reference Site also has a RSS 2.0 feed for site updates. + TEXT EMAIL NEWSLETTER (TEN). As a navigation aid for screen readers we do our best to conform to the accessible Text Email Newsletter (TEN) guidelines. Please let me know if there is anything else we can do to make navigation easier. For TEN guideline information please visit: http://www.headstar.com/ten + SIGN OFF. Until next time, Laura L. Carlson Information Technology Systems and Services University of Minnesota Duluth Duluth, MN U.S.A. 55812-3009 mailto:lcarlson@d.umn.edu [Issue ends.]