+++ WEB DESIGN UPDATE. - Volume 15, Issue 03, July 14, 2016. An email newsletter to distribute news and information about web design and development. ++ISSUE 03 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: INFORMATION ARCHITECTURE. 08: JAVASCRIPT. 09: USABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Teach Access Tutorial By Teach Access. "The Teach Access initiative has launched a set of best practices for the disciplines responsible for making mobile apps and websites accessible. This tutorial will provide basic training for developers and designers interested in building inclusive experiences..." https://teachaccess.github.io/tutorial/ Links vs. Buttons in Modern Web Applications By Marcy Sutton. "If a screen reader user calls tech support and gets instructions to 'click the button. in your UI that's really coded as a link, they may have trouble finding it. Also, consider voice interfaces: if you say a command to click a button but it's really coded as a link, you might have problems, no?" https://marcysutton.com/links-vs-buttons-in-modern-web-applications/ Being Pragmatic About Accessibility By Sam Sanders. "...We've put together a list of guiding principles on some pragmatic accessibility tasks that can (and should) be carried out on any project..." https://www.springload.co.nz/blog/being-pragmatic-about-accessibility/ Accessibility and Me: Chris Moore By Chris Moore. ..."I find that a lot of web pages don't use the correct heading order. Headings help me get a sense of the structure of the page. If the web page also includes navigation landmarks, it further enhances the experience by giving me a greater sense of the page layout. Some of the other barriers I face are unlabelled form elements or items that can't be reached without a mouse..." https://accessibility.blog.gov.uk/2016/07/01/accessibility-and-me-chris-moore/ ADA Web Accessibility By Tracy Mitrano. "EDUCAUSE has sent out a request that members fill out a DOJ survey seeking conceptual thoughts (not formal notice and comment) on the implementation of standards for web accessibility under the Americans with Disabilities Act." https://www.insidehighered.com/blogs/law-policy-and-it/ada-web-accessibility +02: CASCADING STYLE SHEETS. How Well Do You Know CSS Display? By Chen Hui Jing. "The display property is one of the most important CSS properties we use for layout..." https://www.chenhuijing.com/blog/how-well-do-you-know-display/ The Target Trick By Ire Aderinokun. "The :target pseudo-class refers to an element within the document that the URL's fragment points to. For example, this piece of text is wrapped in a element which has an ID of #target-test..." https://bitsofco.de/the-target-trick/ The Limits of @supports By Peter Paul Koch. "Yesterday I talked about background-attachment and its confusing mobile compatibility patterns. Today I'll talk about the ulterior motive I had for this retest: Conditional Rules support, which basically amounts to @supports..." http://www.quirksmode.org/blog/archives/2016/07/the_limits_of_s.html +03: COLOR. A Tale of a Colour Blind Designer By Matej Latin. "'...Colour blindness is an accessibility issue that is probably the easiest to address. Still many designers ignore it..." https://medium.com/design-notes/a-tale-of-a-colour-blind-designer-9ac4cda46318 +04: EVALUATION & TESTING. 5 Ways to Use the System Usability Scale (SUS) By Jeff Sauro. "The System Usability Scale (SUS) is the most used questionnaire to measure perceptions of usability..." http://www.measuringu.com/blog/sus-five.php +05: EVENTS. Abstractions August 18-20, 2016. Pittsburgh, Pennsylvania, U.S.A. http://abstractions.io/ UX Australia 2016 August 23-26, 2016. Melbourne, Australia http://www.uxaustralia.com.au/conferences/uxaustralia-2016/ Midwest UX October 20-22, 2016. Louisville, Kentucky, U.S.A. http://2016.midwestuxconference.com/ edUi October 24-26, 2016. Charlottesville, Virginia, U.S.A. http://eduiconf.org/ Made by Few October 24-26, 2016. Bentonville, Arkansas, U.S.A. https://madebyfew.com/ MAX 2016 November 2-4, 2016. San Diego, California, U.S.A. https://max.adobe.com/ +06: HTML5. Responsive Images: Smaller Page Sizes with the Picture Element and WebP By Mike Babb. "By combining both techniques, our original page weight of 779 KB has been reduced to 480 KB for WebP-loving browsers, and for smartphones that can render the format the page weight has come down from 380 KB to just 234 KB. When compared to our original completely unoptimised page, a WebP-supporting smartphone is now downloading a whopping 70% less data to render the page." https://mikebabb.com/responsive-images-smaller-page-sizes-with-the-picture-element-and-webp/ +07: INFORMATION ARCHITECTURE. How to Make Sense of Any Mess By Abby Covert. The full book is available online. "...In the time that it takes to fly from New York to Chicago, I will introduce you to the practice of information architecture so you can start to make sense of whatever messes come your way..." http://www.howtomakesenseofanymess.com/ +08: JAVASCRIPT. aria-valuemax (property) By Rakesh Paladugula. "aria-valuemax property is used while developing range widgets..." http://www.maxability.co.in/2016/07/aria-valuemax-property/ +09: USABILITY. Centered Logos Hurt Website Navigation By Kathryn Whitenton. " Getting back to the homepage is about 6 times harder when the logo is placed in the center of a page compared to when it's in the top left corner." https://www.nngroup.com/articles/centered-logos/ Customization vs. Personalization in the User Experience By Amy Schade. "Customization gives control to the user and personalization gives control to the site. Both can enhance users' experience, but only when carefully implemented." https://www.nngroup.com/articles/customization-personalization/ [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.]