+++ WEB DESIGN UPDATE. - Volume 16, Issue 19, November 2, 2017. An email newsletter to distribute news and information about web design and development. ++ISSUE 19 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: EVALUATION & TESTING. 04: EVENTS. 05: HTML. 06: INFORMATION ARCHITECTURE. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: NAVIGATION. 10: PHP. 11: TOOLS. 12: TYPOGRAPHY. 13: USABILITY. SECTION TWO: 14: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Understanding WCAG 2.1: A History of WCAG By Glenda Sims. "What is WCAG 2.1? Ooo that's an exciting question…" https://www.deque.com/blog/what-is-wcag-2-1-history/ What's The Void In WCAG 2.0 That The Proposed "Change in Content" Success Criterion 3.2.6 Attempts To Bridge? By Sailesh Panchang. "I strongly believe that the proposed success criterion 3.2.6 in WCAG 2.1 that deals with changes in content is unnecessary as WCAG 2.0 addresses all the contemplated situations very effectively…" http://www.mindoversight.com/?p=168 Understanding Error Identification: WCAG 2.0 SC 1.3.1 Level A By Sailesh Panchang. "…WCAG 2.0 adequately addresses content changes in the form of error messages including global error messages placed above a form, like, "Please correct the errors and resubmit the form". One only has to invoke the support of the appropriate success criterion while flagging an accessibility violation." http://www.mindoversight.com/?p=159 Does Your Video Need Standard or Extended Description? By Elisa Edelberg. "…When deciding which level of service to choose, the simple answer is that if your video has a lot of space to describe, standard audio description will be just fine. If your video doesn't have a lot of space, extended is the way to go…" http://www.3playmedia.com/2017/10/31/does-your-video-need-standard-extended-description/ Procurement is Key for Accessible ICT in the Workplace, Claims New Guide By Headstar. "A detailed online resource to help employers purchase effective accessible technology through their procurement processes has been released…" http://www.headstar.com/eablive/?p=1396 DOT Enters Agreements with Airlines to Increase Availability of Accessible Airport Kiosks and Accessible Airline Mobile Websites By Transportation.gov. "…The Department's agreement with ANA specifies that the airline's mobile site must conform to the World Wide Web Consortium (WC3) Mobile Web Best Practices (MWBP) and that the airline must consult with individuals with disabilities regarding the mobile site's accessibility and usability no later than November 2018…" https://www.transportation.gov/briefing-room/dot0817 Will Trump DOJ Side with Disabled Plaintiffs in ADA Website Suits? By Alison Frankel. "Businesses are not at all happy about a boom in suits by disabled consumers who claim corporate websites are insufficiently accessible under the Americans with Disabilities Act…" https://in.reuters.com/article/legal-us-otc-ada/will-trump-doj-side-with-disabled-plaintiffs-in-ada-website-suits-idINKBN1CO2WJ +02: CASCADING STYLE SHEETS. DRY CSS: How to Use Declarations Just Once, Effectively By Jens Oliver Meiert. "Using declarations just once ('UDJO'?) is one way to control repetition in style sheets…" https://meiert.com/en/blog/dry-css/ +03: EVALUATION & TESTING. Compare Project An Erasmus Strategic Partnership between DIAS (DE), Funka (SE) and BrailleNet (FR). "…COMPARE (Comparing peer accessibility ratings in evaluation) is a project that will document and compare differences in current evaluation practices of experts across Europe…" http://compare.accessiweb.org How to Know Which Items to Remove in a Questionnaire By Jeff Sauro. "…Here are seven techniques we use to identify which items to remove or keep, progressing in sophistication (and needed skill and software)…" https://measuringu.com/remove-items/ Exhaustive Review or 'I Can't Believe It's Not There' Phenomenon: Evidence from Eyetracking By Kara Pernice. "Repeatedly scanning the same content can indicate confusion or engagement. Often, it happens because users' expectations are not met." https://www.nngroup.com/articles/exhaustive-review-eyetracking/ The Many Facets of a Meaningful Qualitative Research Report By Margaret Roller. "…Qualitative reporting requires a thorough and thoughtful process, one that communicates the richness of the qualitative approach and ultimately maximizes the Usefulness of the outcomes." https://researchdesignreview.com/2017/10/27/the-many-facets-of-a-meaningful-qualitative-report/ +04: EVENTS Web Developer Meetup November 6, 2017. San Francisco, California, U.S.A. https://www.w3.org/2017/11/Meetup/ Accessibility Checkers in Word, PowerPoint and Excel November 7-8, 2017. Online http://easi.cc/clinic.htm#november World Usability Day, Detroit November 9, 2017. Detroit, Michigan, U.S.A. https://www.meetup.com/refreshdetroit/events/243123484/ Pew! Pew! We Wanna Play too! Making Video Games Accessible November 14, 2017. Online https://www.levelaccess.com/resources/pew-pew-wanna-play-making-video-games-accessible/ PDF Accessibility: Regulations, Risks, and Strategies November 16, 2017. Online http://www.adasoutheast.org/eventscalendar.php?eventid=1417 +05: HTML. A Free Guide to Elements By Josh Buchea. "Below are the essential tags for basic, minimalist websites…" https://gethead.info/ +06: INFORMATION ARCHITECTURE. Just-Enough Prototypes Make Communicating Specs More Successful (Video) By Kim Flaherty. "High-fidelity prototypes take too long to produce and are insufficient at identifying the nuances of complex interactions and logic." https://www.nngroup.com/videos/just-enough-prototypes/ Basic UI/UX Design Concept Difference Between Wireframe & Prototype By Doris Liu. "…let's distinguish the two terms clearly…" https://medium.com/@MPDoris/basic-ui-ux-design-concept-difference-between-wireframe-prototype-4578f45b53ff +07: JAVASCRIPT. Accessible ARIA Accordions By Scott O'Hara. "Accordions are commonly used when an interface has large groups of sectioned content. In these instances the topics or headings are considered to be the necessary content of the screen…" http://www.scottohara.me/blog/2017/10/25/accordion-release.html Collapsible Sections By Heydon Pickering. "Collapsible sections are perhaps the most rudimentary of interactive design patterns on the web. All they do is let you toggle the visibility of content by clicking that content's label. Big whoop…" https://inclusive-components.design/collapsible-sections/ aria-details (property) By Rakesh Paladugula. "Aria-details property identifies the element that provides a detailed explanation of an object…" http://www.maxability.co.in/2017/10/aria-details-property/ Upgrading DOM Hierarchy for Accessibility with Aria-owns By Tim Wright. "For the past couple weeks I've been working on accessibility audits and upgrades to a client website. Most of the updates were pretty straightforward, but I wanted to call out a specific item that allowed me to dive deeper into an aria attribute I really hadn't used before: aria-owns.…" http://csskarma.com/blog/aria-owns/ +08: MISCELLANEOUS. The Meaning of AMP By Jeremy Keith. "…three statements that Google's AMP team are currently peddling as being true: 1.) AMP is a community project, not a Google project. 2.) AMP pages don't receive preferential treatment in search results. 3.) AMP pages are hosted on your own domain. I don't think those statements are even truthy, much less true. In fact, if I were looking for the right term to semantically describe any one of those statements, the closest in meaning would be this: A statement used intentionally for the purpose of deception. That is the dictionary definition of a lie." https://adactio.com/journal/13035 Artificial Intelligence Smart Enough to Fool Captcha Security Check By Mary-Ann Russon. "Computer scientists have developed artificial intelligence that can outsmart the Captcha website security check system…" http://www.bbc.com/news/technology-41775968 A Generative Vision Model that Trains with High Data Efficiency and Breaks Text-Based CAPTCHAs By D. George, W. Lehrach, K. Kansky, M. Lázaro-Gredilla, C. Laan, B. Marthi, X. Lou, Z. Meng, Y. Liu. "Learning from few examples and generalizing to dramatically different situations are capabilities of human visual intelligence that are yet to be matched by leading machine learning models…" http://science.sciencemag.org/content/early/2017/10/26/science.aag2612 Data and Stories: the Perfect Combination to Drive Change By Gerry McGovern. "One of the most powerful ways to make change happen is to combine solid data with real stories about the people who make up that data…" http://gerrymcgovern.com/data-and-stories-the-perfect-combination-to-drive-change/ AXSChat with Léonie Watson and Patrick Lauke By Neil Milliken. Léonie and Patrick speak with Neil. Topics include web standards, HTML5, CSS, accessibility, DOM scripting, PHP, XML/XSLT, and web standards evangelism. http://www.axschat.com/leoniewatsonandpatricklauke/ +09: NAVIGATION. Best Practices for Designing Cards By CanvasFlip. "Cards bring look and usability into your design. Do it right to provide rich experience to your users.…" https://uxplanet.org/best-practices-for-designing-cards-a19f53cab052 +10: PHP. Your First PHP Code By Tom Butler. "The following is a short extract from our new book, PHP & MySQL: Novice to Ninja, 6th Edition, written by Tom Butler and Kevin Yank.…" https://www.sitepoint.com/first-php-code/ +11: TOOLS. Koa11y By Jared Wilcurt. "Koa11y is a desktop app that allows you to automatically detect accessibility (a11y) issues on webpages. View sample report generated by Koa11y…" https://open-indy.github.io/Koa11y/ Focusingly By Mikael Åsbjørnsson. "A JavaScript library for better focus styling…" https://www.focusingly.net/ +12: TYPOGRAPHY. Web Typography: Designing Tables to be Read, Not Looked At By Richard Rutter. "You may not think about it often, but tables are meant to be read. In this excerpt from Chapter 2 of his book, Web Typography, Richard Rutter explains how typography can improve the UX of our rows and columns." https://alistapart.com/article/web-typography-tables Typography in Mobile Design - 15 Best Practices To Excellent UI By Trista liu. "…this article describes essential practices of typography in mobile design…" https://blog.prototypr.io/typography-in-mobile-design-15-best-practices-to-excellent-ui-ecbc692bde9f +13: USABILITY. Designing Form Layout: Alignment By Jessica Enders. "…A straight, unobstructed route is fastest for driving, and also for form filling…" https://www.sitepoint.com/designing-form-layout-alignment/ Designing Form Layout: Spacing By Jessica Enders. "We can subtly communicate with the user through a few tweaks of spacing…" https://www.sitepoint.com/designing-form-layout-spacing/ Designing Form Layout: Color By Jessica Enders. "Currently, our form doesn't have much color at all…" https://www.sitepoint.com/designing-form-layout-color/ Shopping Cart: Auto-Update User's Quantity Changes and Allow 'Quantity 0' (86% Don't) By Edward Scott. "…to ensure the quantity field behaves as users expect, it must 1.) auto-update as soon as users change the quantity (don't use 'Update' links and only auto-update as users leave the field (i.e., don't use the 'OnBlur' event), and 2.) allow for 'quantity: 0' as a supplementary way to delete items, but ask users to confirm their choice (depending on the user's page context). Yet, it's currently 86% of sites that get one or both of these aspects wrong." https://baymard.com/blog/auto-update-users-quantity-changes Ideation in Practice: How Effective UX Teams Generate Ideas By Aurora Harley. "Data from 257 UX professionals shows that quality UX ideas come from ideating early in the design cycle, drawing inspiration from user research, and working with a group. Many struggle with generating ideas because they lack time, managerial support, and a methodology for conducting effective ideation sessions." https://www.nngroup.com/articles/ideation-in-practice/ [Section one ends.] ++ SECTION TWO: +14: 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.]