+++ WEB DESIGN UPDATE. - Volume 17, Issue 30, January 17, 2019. An email newsletter to distribute news and information about web design and development. ++ISSUE 30 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: HTML. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: NAVIGATION. 10: STANDARDS, GUIDELINES & PATTERNS. 11: USABILITY. 12: XML. SECTION TWO: 13: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Accessibility Mechanics (Video) By Jared Smith. "Jared Smith, Associate Director of WebAIM, will discuss the interplay between page content (including ARIA), browser parsing/rendering, accessibility APIs, and assistive technology - something that is increasingly important for developers to have a sense of when implementing and testing accessibility…" https://www.technica11y.org/accessibility-mechanics Top 10 Low Effort Improvements for Accessible Web Content By Leandra Silver. "The creation of accessible sites is a collaborated dance between designers, user experience specialists, web developers, content editors, and web accessibility auditors…" https://medium.com/@leandrasilver/top-10-low-effort-improvements-for-accessible-web-content-13f1e2013113 What You Need to Know About Types of Video Captions By Meryl Evans. "Way back in 1983, I got my first caption decoder…" https://meryl.net/what-you-need-to-know-about-types-of-video-captions/ Tap to Dismiss By Linzi Berry. "Designing accessible escape hatches for modals…" https://medium.com/tap-to-dismiss/tap-to-dismiss-fbc66bdf500a This Week in Accessibility: Gomez v. GNC By Sheri Byrne-Haber. "Gomez v. GNC should serve as a warning to any company facing an accessibility lawsuit as to the importance of their accessibility experts actually being experts in accessibility…" https://medium.com/@sheribyrnehaber/this-week-in-accessibility-gomez-v-gnc-89fee5f26b5f Big Win for Web Accessibility in Domino's Pizza Case By Lainey Feingold. "…the panel of three judges held that, 'the ADA applied to Domino's website and app because the Act mandates that places of public accommodation, like Domino's, provide auxiliary aids and services to make visual materials available to individuals who are blind'…" https://www.lflegal.com/2019/01/dominos-ninth-circuit/ +02: CASCADING STYLE SHEETS. When And How To Use CSS Multi-Column Layout By Rachel Andrew. "The Multi-column Layout spec is often overlooked as we use Grid and Flexbox. In this article Rachel Andrew explains why it is different to other layout methods, and shows some useful patterns and sites which showcase it well…" https://www.smashingmagazine.com/2019/01/css-multiple-column-layout-multicol/ An Introduction to CSS Containment By Manuel Rego Casasnovas. "…This is a brief blog post trying to give an introduction to the spec, explain the status of things, the work done during past year, and some plans for the future…" https://blogs.igalia.com/mrego/2019/01/11/an-introduction-to-css-containment/ CSS Doesn't Suck By Any Bell. "Another week comes along and with it, another assault on CSS…" https://andy-bell.design/wrote/css-doesnt-suck/ +03: COLOR. Designing UI with Color Blind Users in Mind By Rich Staats. "…in this article, we'll share some tips on how you can improve your site's accessibility and the experience it delivers for color blind people…" https://www.secretstache.com/blog/designing-for-color-blind-users/ +04: EVALUATION & TESTING. Top Tasks Are the Invisible Gorilla By Gerry McGovern. "The top tasks of organizations are often very different to the top tasks of customers because organizations think and see differently than customers…" http://gerrymcgovern.com/top-tasks-are-the-invisible-gorilla/ Does Changing the Order of the NPS Item Affect Results? By Jeff Sauro. "…does the order in which items are presented in common metrics like the Net Promoter Score matter? To investigate this, we need to first understand order effects in surveys…" https://measuringu.com/nps-order/ +05: EVENTS. Time Traveler's Guide to Accessibility Mechanics January 22, 2019. New York, New York, U.S.A. https://www.meetup.com/A11yNYC/events/256947753/ Nurturing a Neurodiverse Workplace January 23, 2019. Chicago, Illinois, U.S.A. https://www.meetup.com/a11ychi/events/257913463/ Live stream: https://www.youtube.com/watch?v=BQMMDNLYTgk Live captions: http://www.streamtext.net/player?event=CDA Digital Accessibility 101 - The Basics January 24, 2019. Cleveland, Ohio, U.S.A. https://www.meetup.com/Cleveland-Accessibility-Meetup/events/257287270/ Make Your Business Case for Accessibility January 28, 2019. Minneapolis, Minnesota, U.S.A. https://www.meetup.com/Accessibility-Twin-Cities/events/257427253/ Designing with Accessibility in Mind February 11-17, 2019. Online https://onlinelearningconsortium.org/learn/olc-new-institute-schedule/institute-offerings/?id=374&cohort=368 2019 Audio Description Institute February 23-25, 2019. Alexandria, Virginia, U.S.A. https://acb.org/2019-leadership-meetings-ADI Experience Design Week February 25-27, 2019. Denver, Colorado, U.S.A. https://experiencedesignweek.iqpc.com/ +06: HTML. 'Fixing' Lists By Scott O'Hara. "In September of 2017 Gerard K. Cohen of Unfettered Thoughts posted an article on the how VoiceOver and Safari (Webkit) (macOS and iOS) remove list element semantics when list-style: none is used…" https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html Accessible Accordions Part 2 - Using
and By Graham Armfield. "In my last post My favourite accessible accordion pattern I discussed how you could use a combination of HTML elements, some JavaScript and some appropriate ARIA to create a fully accessible accordion component that could be used by everyone." https://www.hassellinclusion.com/blog/accessible-accordions-part-2-using-details-summary/ Which Elements Support Shadow DOM? By Rob Dodson. "Is there a list somewhere of which HTML elements can and can't have a shadow DOM?…" https://robdodson.me/which-elements-support-shadow-dom/ +07: JAVASCRIPT. Make Your ARIA Labels Sing on Key By Becky Gibson. "The Web Accessibility Initiative Accessible Rich Internet Applications specification (WAI-ARIA) is a powerful tool to make the Web more accessible for people using screen readers. Unfortunately many developers use WAI-ARIA incorrectly…" https://knowbility.org/blog/2019/ARIA-labels/ It's 2019 and I Still Make Websites with my Bare Hands By Matt Holt. "I have no idea how to make a website the way the cool kids do today…" https://medium.com/@mattholt/its-2019-and-i-still-make-websites-with-my-bare-hands-73d4eec6b7 +08: MISCELLANEOUS. The History of the Web: Accessibility Tools By Jay Hoffmann. "In 1995, Dr. Cynthia Waddell published a web design accessibility standard for the City of San Jose's Office of Equality Assurance…" https://thehistoryoftheweb.com/accessibility-tools/ +09: NAVIGATION. Create an Accessible Dropdown Navigation By Lindsey Kopacz. "Hover navigations are pretty simple to do without JavaScript, which is how I usually see them implemented…" https://www.a11ywithlindsey.com/blog/create-accessible-dropdown-navigation/ Create an Accessible Dropdown Navigation Without JS By Lindsey Kopacz. "After cross-posting my last accessibility post about dropdowns on dev.to, I was reading through the comments and someone posted about :focus-within…" https://www.a11ywithlindsey.com/blog/create-accessible-dropdown-navigation-without-js/ +10: STANDARDS, GUIDELINES & PATTERNS. Web Standards: The What, The Why, And The How By Amy Dickens. "Web Standards, and the documentation to support them, provide huge insight into 'the why' and 'the what' of the world wide web. They are a fantastic resource for any web developer and help people build stuff for the web that is functional, accessible and cross-compatible. In this article, we take a look at the history of Web Standards, how to use them in your work and ways you can get involved in making them…" https://www.smashingmagazine.com/2019/01/web-standards-guide/ Harold Crick and the Web Platform By Brian Kardell. "In this piece I'll talk about MathML and why I think that it is especially unique, intersting, and stranger than fiction…" https://bkardell.com/blog/Math.html +11: USABILITY. Creating More Inclusive and Culturally Sensitive Forms By Mark H. Anbinder. "…We can accommodate everyone with a little foresight and simple adjustments…" https://www.uxbooth.com/articles/creating-more-inclusive-and-culturally-sensitive-forms/ Fitts's Law (Video) By Lexie Martin. "Fitts's Law describes how long it takes a user to hit a target in a graphical user interface (GUI) or other design, as a function of size and distance. Understanding this law helps us design better buttons, forms, lists, and other interactive elements." https://www.nngroup.com/videos/fittss-law/ The User Experience of Customer-Service Chat: 20 Guidelines By Raluca Budiu. "Chat is hard to find on many websites; it is often inefficiently designed and supplies too superficial information." https://www.nngroup.com/articles/chat-ux/ Gestalt Principles in UI Design By Eleana Gkogka. "Gestalt (form, shape in German) is a group of visual perception principles developed by German psychologists in 1920s…" https://medium.muz.li/gestalt-principles-in-ui-design-6b75a41e9965 +13: XML. Creating Accessible SVGs By Carie Fisher. "Scalable Vector Graphics (SVGs) have been around since 1999, but they have seen a real resurgence in use as design interactions have become more complex and CSS/JavaScript have replaced antiquated animation programs such as Adobe Flash…" https://www.deque.com/blog/creating-accessible-svgs/ [Section one ends.] ++ SECTION TWO: +13: 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.]