+++ WEB DESIGN UPDATE. - Volume 16, Issue 51, June 12, 2018. An email newsletter to distribute news and information about web design and development. ++ISSUE 51 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: NAVIGATION. 07: TYPOGRAPHY. 08: USABILITY SECTION TWO: 09: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Cognitive Accessibility Roadmap and Gap Analysis Lisa Seeman and Michael Cooper, Editors "This document is a gap analysis and roadmap for the state of accessibility for people with learning and cognitive disabilities when using the Web and information technologies…" https://www.w3.org/TR/coga-gap-analysis/ Web Content Accessibility Guidelines (WCAG) 2.1 By Patrick H. Lauke. "…WCAG 2.1 builds on top of WCAG 2.0, and it still incorporates all the guidelines and success criteria of 2.0. As such, it is backwards-compatible: a site that adheres to WCAG 2.1 automatically also adheres to WCAG 2.0…" https://developer.paciellogroup.com/blog/2018/06/web-content-accessibility-guidelines-wcag-2-1/ World Wide Web Publishes Expanded Web Accessibility Guidelines By Kristina M. Launey and Minh N. Vu. "…Four years in the making, WCAG 2.1 "fills gaps" in WCAG 2.0 by adding 17 additional success criteria to address additional accessibility barriers…" http://www.mondaq.com/unitedstates/x/708444/IT+internet/World+Wide+Web+Publishes+Expanded+Web+Accessibility+Guidelines The Generally Prevailing Website Accessibility Guidelines Have Been Refreshed - Its Time to Officially Welcome WCAG 2.1 By Joshua A. Stein. "The WCAG 2.1 is intended to provide a better web experience for three major groups of individuals: users with cognitive or learning disabilities, users with low vision, and users with disabilities using mobile devices. " https://www.natlawreview.com/article/generally-prevailing-website-accessibility-guidelines-have-been-refreshed-it-s-time WCAG 2.1 is a Technical Recommendation By Joshue O Connor. …"W3C has announced a significant update to W3C's internationally-recognised Web Content Accessibility Guidelines which addresses accessibility of web content, websites and web applications on desktops, laptops, tablets, and mobile devices…" http://interaccess.ie/wcag21-hits-tr/ WCAG 2.1 Released; LFLegal.com Part of the Process By Lainey Feingold. "WCAG 2.1 is intended to fill in some of the gaps in WCAG 2.0 that have developed in the ten years since it was first adopted…" http://www.lflegal.com/2018/06/wcag-2dot1/ Web Content Accessibility Guidelines WCAG 2.1 is Now W3C Recommendation By Rakesh Paladugula. "W3C has notified Web Content Accessibility Guidelines 2.1 (WCAG 2.1) as W3C recommendation on June 5, 2018…" http://www.maxability.co.in/2018/06/web-content-accessibility-guidelines-wcag-21-now-w3c-recommendation/ Making Your Website Accessible Part 4: WCAG 2.1 By Cynthia Ng. "The latest revision of the Web Content Accessibility Guidelines (WCAG), version 2.1, was recently published…" https://cynthiang.ca/2018/06/11/making-your-website-accessible-part-4-wcag-2-1/ What Is 99% Accuracy, Really? By Sofia Enamorado. "…A 99% accuracy rate means that there is a 1% chance of error or a leniency of 15 errors total per 1,500 words…" https://www.3playmedia.com/2018/06/06/what-is-99-accuracy-really/ Our Take Away from WebAIM's Web By Sathish Kumar. "…The results are quite surprising and in some ways, healthy too. We'll discuss the results and our take-away in general…" https://www.digitala11y.com/our-take-away-from-webaims-web-accessibility-practitioners-survey-2-results/ Ed Department Reconsidering Previously Settled Disability Complaints By Hannah Lang. "The U.S. Department of Education has quietly renegotiated hundreds of disability-related civil rights agreements with schools…" https://www.disabilityscoop.com/2018/06/07/ed-reconsidering-complaints/25163/ +02: CASCADING STYLE SHEETS. CSS Speech Module Daniel Weck, Editor. "…The Speech module defines aural CSS properties that enable authors to declaratively control the rendering of documents via speech synthesis, and using optional audio cues…" https://www.w3.org/TR/2018/NOTE-css3-speech-20180605/ Specificity in :not(), :has(), and :matches() By Eric A. Meyer. "A few years back, I wrote a short post on specificity, element proximity, and the negation pseudo-class. Everything in it is still accurate and relevant, but I have some updates to share…" https://meyerweb.com/eric/thoughts/2018/06/05/specificity-in-not-has-and-matches/ A Comprehensive Guide to Flexbox Alignment By Anna Monus. "Alignment is probably the most confusing aspect of flexbox…" https://webdesign.tutsplus.com/tutorials/a-comprehensive-guide-to-flexbox-alignment--cms-30183 +03: EVALUATION & TESTING. Bullet Proof Ethnography and User Research: Tips, Tricks and Gotchas By Laura Yarrow. "This list represents many hours of toil from working on a variety of large and small field research projects…" https://www.experienceux.co.uk/ux-blog/2018/06/05/bullet-proof-ethnography-and-user-research-tips-tricks-and-gotchas/ The UX of User Research Surveys By Sarah Doody. "Chances are youve probably done, and maybe even written, a few surveys. But lets talk about the UX of surveys. Have you ever stopped the consider the experience someone has while filling out a survey?…" https://www.invisionapp.com/blog/ux-user-research-surveys/ How to Build a Dedicated Usability Lab By Jeff Sauro. "…if you or your organization conducts more than the occasional usability test, which it probably should (another topic in itself), you may want to consider setting up a dedicated usability lab…" https://measuringu.com/build-usability-lab/ +04: EVENTS. Monthly Accessibility Webinar July 10, 2018. Online. http://www.maxability.co.in/2018/06/accessibility-webinar-july-2018/ BigDesign September 20-22, 2018. Dallas, Texas, U.S.A. https://bigdesignevents.com/ EuroIA September 27-29, 2018. Dublin, Ireland https://euroia.org/ Raleigh UX Conference October 1-5, 2018. Raleigh, North Carolina, U.S.A. https://www.nngroup.com/training/raleigh/ Paris Web October 4-6, 2018. Paris, France https://www.paris-web.fr/ edUi 2018 October 8-10, 2018. Charlottesville, Virginia, U.S.A. https://www.eduiconf.org/ San Francisco Accessibility Bootcamp November 12, 2018. San Francisco, California, U.S.A. https://www.eventbrite.com/e/san-francisco-accessibility-bootcamp-tickets-46889169769 +05: HTML. HTML Buddies:
and
By Adrian Roselli. "Description (nee definition) lists are a bit of an outlier in HTML lists. Like ordered and unordered lists, they can be nested. Unlike ordered and unordered lists, they are made up of key/value pairs.…" https://codepen.io/aardrian/full/NzGaKP/ +06: NAVIGATION. Quick Links, Slow Links and Bad Navigation Design By Gerry McGovern. "Just because something is used doesn't mean that it is useful. Design decisions can create the wrong expectations and can send people on journeys that will end up in failure.…" http://gerrymcgovern.com/quick-links-slow-links-and-bad-navigation-design/ +07: TYPOGRAPHY. Understanding SC 1.4.4 Resize Text By Sathish Kumar. "This success criterion requires that the text - both static and that are part of user interface components that are visible to the users must be resizable (scalable) to 200% without the help of any assistive technologies like screen magnifiers…" https://www.digitala11y.com/understanding-sc-1-4-4-resize-text/ +08: USABILITY. Focus on Results, Not on Perfect UX (Video) By Don Norman. "When designing, think about what the person is trying to accomplish. Don't let the design get in the way." https://www.nngroup.com/videos/focus-results-not-perfect-ux-don-norman/ Form Fields - Required vs Optional By Jordane Sanson. "…in all cases, negations are less understandable…" https://uxdesign.cc/form-field-required-vs-optional-9b4d7cdbf400 [Section one ends.] ++ SECTION TWO: +09: 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.]