+++ WEB DESIGN UPDATE. - Volume 17, Issue 20, November 6, 2018. An email newsletter to distribute news and information about web design and development. ++ISSUE 20 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: COLOR. 03: EVALUATION & TESTING. 04: EVENTS. 05: HTML. 06: JAVASCRIPT. 07: MISCELLANEOUS. 08: SITES & BLOGS. 09: USABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Writing Text Descriptions By Léonie Watson. "Really good accessibility takes a strong strategy, thoughtful design, and robust technical implementation, but often it's the small things that make all the difference to the person consuming your content…" https://www.invotra.com/blogs/simple-recommendations-writing-text-descriptions-make-big-difference 5 Digital Accessibility Myths Busted By Carie Fisher. "By now you have most likely have heard the term digital accessibility and may have an inkling about what it is- but have you bought into the hype? Or are you secretly asking yourself questions like…" https://www.deque.com/blog/5-digital-accessibility-myths-busted Trouble Tabbing To Tabs and Cheeky Checking Checkboxes By Scott O'Hara. "Sometimes, despite best efforts, there will be accessibility issues in a code base…" https://www.scottohara.me/blog/2018/11/02/tabbing-into-tabs.html YouTube Video Series About Captioning By University of Minnesota Duluth. Learn about the importance of captions, how to caption, and captioning best practices in 4 short videos. Jessica Kellgren-Fozard, a Deaf YouTube presenter, released a series of videos on captioning… https://itss.d.umn.edu/news/a11ycaptionyoutube Accessibility NYC Meetup Recap: WCAG 2.1: An Evening With Andrew Kirkpatrick (Video) By Andrew Kirkpatrick. "Presenter Andrew Kirkpatrick discussed the process used to develop WCAG 2.1, what new requirements are included, and what resources are available to support implementation of the new standard…" https://equalentry.com/accessibility-nyc-meetup-recap-wcag-2-1-an-evening-with-andrew-kirkpatrick-head-of-accessibility-at-adobe/ WCAG 2.1 What's New and What to Do With It (Video) By Alastair Campbell. Alastair's #ID24 2018 presentation. "The Web Content Acessibility Guidelines (WCAG) have been updated after 10 years of use. Using the new requirements from version 2.1, Alastair walks through the new guidelines, and provides advice on how to use them in your organization." https://www.youtube.com/watch?v=i0pPlTofdkk WCAG 2.1 What You Need to Know About the Most Recent Accessibility Standards (Video) By Eduardo Meza and Kara Zirkel. "…In this webinar you will learn: Web Content Accessibility Guidelines: A brief history of the W3C, WCAG and how people with disabilities use the web WCAG 2.1: Discovering what's new and how to use the new success criteria when testing for accessibility…" https://www.youtube.com/watch?v=AoHfqq0eQww Q&A: The What, Why, and How, of Digital Accessibility for Business By Jaclyn Leduc. "Inaccessible websites deter people with disabilities. In fact, 71% of individuals with disabilities will leave a website if they find it is inaccessible. So, how do you make a website accessible? Where do you even begin?…" https://www.3playmedia.com/2018/11/02/digital-accessibility-business/ In Defense of the #a11y Hashtag By Amanda J. Rush. "There are some accessibility issues you could call evergreen. One of them is whether we should use the #a11y or #accessibility hashtag when spreading the good word on the social medias…" https://www.customerservant.com/defense-a11y-hashtag/ Lawsuits Charge 15 New York Wineries with Discrimination Against Visually Impaired By Leslie Gevirtz. "With a recent wave of lawsuits, many wonder if the goal is to fix winery website accessibility problems or simply generate lawyers' fees…" https://www.winemag.com/2018/10/31/winery-lawsuits-visually-impaired/ +02: COLOR. Understanding WCAG 2 Contrast and Color Requirements By WebAIM. "…With many combinations of text and background colors, it is impossible to use non-underlined links and also meet all of the WCAG guidelines. This becomes increasingly difficult if the links change color on hover or focus. Each of the colors in these states must also have at least a 4.5:1 contrast ratio difference with the background. WCAG 2.0 and Link Colors on the WebAIM blog explores the WCAG requirements for link colors in more depth." https://webaim.org/articles/contrast/ +03: EVALUATION & TESTING. In Analytics, What do the Numbers Really Mean? (Video) By Katie Sherwin. "Analytics data are only as valuable as the insights derived from them. Some figures can stand on their own while others need further research to be interpreted. To use analytics data confidently and accurately, teams must understand the difference." https://www.nngroup.com/videos/analytics-what-do-numbers-really-mean/ Better Practices for Scrappy Testing By Zachary Walsh. "We should test that to find out for sure…" https://uxdesign.cc/better-practices-for-scrappy-testing-ab53deae7a93 How Do We Do UX With Agile? By John Cutler. "Let me propose (humbly) that this may be the wrong question…" https://medium.com/@johnpcutler/how-do-we-do-ux-with-agile-74b02092eb2f Prioritization Matrices in UX Decision Making (Video) By Sarah Gibbons. Prioritization charts or matrices can help UX practitioners base important decisions on objective, relevant criteria instead of subjective opinions." https://www.nngroup.com/videos/prioritization-matrices/ +04: EVENTS. VPATs. How to Construct. How to Assess. November 12, 2018. Boulder, Colorado, U.S.A. https://www.meetup.com/a11yFR/events/255352293/ Universal Design for Learning with Samantha Johns November 13, 2018. Portland, Oregon, U.S.A. https://www.meetup.com/Portland-Accessibility-and-User-Experience-Meetup/events/255464223/ Accessibility in Web Applications with JavaScript - a Roundtable Discussion November 13, 2018. Seattle, Washington, U.S.A. https://www.meetup.com/a11ysea/events/255811283/ Cleveland Accessibility November Get-Together... and Book Club! November 15, 2018. Cleveland, Ohio, U.S.A. https://www.meetup.com/Cleveland-Accessibility-Meetup/events/255602962/ Accessibility Empathy Lab with Glenda Sims November 19, 2018. Ann Arbor, Michigan, U.S.A. https://www.meetup.com/a2a11y/events/255839190/ 2018 Year-End Event with Speaker Lainey Feingold December 5, 2018. Seattle, Washington, U.S.A. https://www.meetup.com/a11ysea/events/256072387/ Podcast Transcribe Party December 18, 2018. Atlanta, Georgia, U.S.A. https://metro-atl-accessibility-meetup.mn.co/events/podcast-transcribe-party +05: HTML. Tags to DOM By Travis Leithead. "In the second installment of A List Apart's four-part 'From URL to Interactive' series, Travis Leithead, former editor of W3C's HTML spec, walks us through the process of parsing HTML: from how browsers create trees to how the DOM responds to events. Equipped with this knowledge, you'll be able to make smarter DOM decisions, reduce time to interactive, and eliminate unintended reflows." https://alistapart.com/article/tags-to-dom +06: JAVASCRIPT. Debug JavaScript On The Fly With DevTools By Karl Dubost. "On webcompat, we try to diagnose bugs reported about sites, we do not have the original sources…" http://www.otsukare.info/2018/11/01/debugger-devtools-proxy +07: MISCELLANEOUS. Supreme Court Declines to Hear Appeal of Obama-Era Net Neutrality Rules By Marguerite Reardon. "Net neutrality is already dead, but the high court has left in place a lower court ruling that preserves the FCC's actual authority to adopt such rules…" https://www.cnet.com/news/supreme-court-declines-to-hear-appeal-of-obama-era-net-neutrality-rules/ Google Chrome's Users Take a Back Seat to Its Bottom Line By Bennett Cyphers and Mitch Stoltz. "Google Chrome is the most popular browser in the world. Chrome routinely leads the pack in features for security and usability, most recently helping to drive the adoption of HTTPS. But when it comes to privacy, specifically protecting users from tracking, most of its rivals leave it in the dust…" https://www.eff.org/deeplinks/2018/11/google-chromes-users-take-back-seat-its-bottom-line +08: SITES & BLOGS. Access & Use By Detlev Fischer. "New resource showing accessibility problems of dynamic web components in many tests with users (video). It covers the accessibility of common dynamic web components like drop-down navigation, dialogs, tabbed interfaces, carousels and the like…" https://accessuse.eu +09: USABILITY. Radio Buttons Define Us. Let's Make Better Tech By Sarah Horton. "Radio button controls are the most insistent of all user interface patterns…" https://medium.com/@gradualclearing/https-medium-com-gradualclearing-radio-buttons-define-us-lets-make-better-tech-2ee0c51c974a See Different By Philip Hodgson. "Being able to see things through the eyes of someone else is one of the most important abilities a designer can have. But it's also very difficult for most of us to do. Could a rather dramatic break with convention put designers into the shoes of the people they design for?…" https://www.userfocus.co.uk/articles/see-different.html UX Guidelines for Recommended Content By Aurora Harley. "Encourage engagement with recommendations by presenting them prominently, segmenting suggestions into clear categories, and providing methods for users to give feedback." https://www.nngroup.com/articles/recommendation-guidelines/ [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.]