+++ WEB DESIGN UPDATE. - Volume 16, Issue 44, April 24, 2018. An email newsletter to distribute news and information about web design and development. ++ISSUE 44 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: INFORMATION ARCHITECTURE. 07: MISCELLANEOUS. 08: USABILITY. SECTION TWO: 09: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Call for Review: Web Content Accessibility Guidelines (WCAG) 2.1 is a W3C Proposed Recommendation By W3C. "The Accessibility Guidelines Working Group has published a Proposed Recommendation of Web Content Accessibility Guidelines (WCAG) 2.1…" https://www.w3.org/blog/news/archives/6972 WCAG 2.1: What is Next for Accessibility Guidelines By Glenda Sims. "Are you staying on top of your digital accessibility game? Don't be caught by surprise that a new version of W3C's Web Content Accessibility Guidelines (WCAG) is on the horizon…" https://www.deque.com/blog/wcag-2-1-what-is-next-for-accessibility-guidelines/ No More Swiping Right: 3 things you need to know about upcoming changes to mobile web accessibility guidelines (WCAG 2.1) By Claudia Cahalane. "WCAG 2.1 will use the same conformance model as WCAG 2.0 with some additions intended to address accessibility gaps. One of the three main points it is intended to address is the accessibility needs related to mobile, since back in 2008 when WCAG 2.0 came out mobiles were not as advanced as today…" https://www.abilitynet.org.uk/news-blogs/no-more-swiping-right-3-things-you-need-know-about-upcoming-changes-mobile-web What Comes After WCAG? Jeanne Spellman on W3C's 'Project Silver' By Vivian Cullipher. "The Web Content Accessibility Guidelines version 2.0 (WCAG 2.0) was published in 2008. That makes it 10 years old and in need of a major update! But information and communications technologies are exploding beyond the web-is even the name outdated? What comes after WCAG 2.0 if not WCAG 3?…" https://www.microassist.com/digital-accessibility/what-comes-after-wcag-spellman-project-silver/ How to Produce WCAG-Compliant Video Captions and Audio Descriptions By Patrick Loftus. "If you want your video content to comply with the Web Content Accessibility Guidelines (WCAG) 2.0 Level AA then you need captions and audio description…" https://www.3playmedia.com/2018/04/24/wcag-2-0-requirements-for-video-captioning-and-audio-description/ Inaccessibility of CAPTCHA 2 Scott Hollier, Janina Sajka, and Michael Cooper Editors. "…while some CAPTCHA solutions are better than others, there is currently no ideal solution. As such, it is important that any implementation of a CAPTCHA is not going to prevent people with disabilities from being identified as human." https://w3c.github.io/apa/captcha/ The Complementary Image By Scott Vinkle. "When it comes to imagery on the web and accessibility, there are a bunch of different image concepts to consider…" https://medium.com/@svinkle/the-complimentary-image-60a495adee63 The Way of the Accessible Fist By Alex Stoiche. "…How do you build accessibility into your projects? For the answer, let us borrow from the teachings of one of the greatest minds regarding training and discipline in the world, John Kreese of the Cobra Kai…" https://www.visionaustralia.org/services/digital-access/blog/the-way-of-the-accessible-fist The Accessible Editor By Corey Vilhauer. "This article is the first of six articles about web accessibility as an editorial task…" http://www.eatingelephant.com/2018/04/accessible-editor-what-is-accessibility/ Dynamically Generated Alt Text With Azure's Computer Vision API By Sarah Drasner. "I kept hearing about machine learning being used for evil and wanted to use it for something good…" https://s.codepen.io/sdras/debug/4437473c764a1d553691005a0f40a145 Gaining Buy-in for Accessibility in your Company By Timothy Whalin. "How designers (or anyone) can build more accessible experiences, even when they are receiving pushback over other priorities…" https://uxdesign.cc/gaining-buy-in-for-accessibility-b19d90ac3fa 'Are You Afraid of the Dark?': a Sighted Person's Adventures With the Screen Reader Experience By Meagan H. Houle. "…she would spend her holiday using nothing but screen readers…" https://wheresyourdog.com/2018/04/19/are-you-afraid-of-the-dark-a-sighted-persons-adventures-with-the-screen-reader-experience/ A Civil Rights Activist Filed Thousands of Disability Complaints. Now the Education Department Is Trying to Shut Her Down By Mark Keierleber. "…she argued that federal disability laws don't permit the government to dismiss 'meritorious complaints' because they're a financial burden…" https://www.the74million.org/article/a-civil-rights-activist-filed-thousands-of-disability-complaints-now-the-education-department-is-trying-to-shut-her-down/ Building Accessibility into Technology Vendor Contracts By Lainey Feingold. "…This is a post about how organizations can make sure they buy technology that works for everyone…" http://www.lflegal.com/2018/04/vendor-contracts/ +02: COLOR. Text Contrast for Web Pages By Stephen Burgess. "This post addresses how to test and improve the contrast of the text on your web page…" https://webdev.ink/2018/04/24/Text-Contrast-for-Web-Pages/ Non-Text Contrast and the new Amex Logo By Michael Gower. "One of the new WCAG 2.1 success criteria that is poised to change the way we design for the web is 1.4.11 Non-Text Contrast. This new requirement takes the basic 3:1 contrast requirements of large text and applies them to both UI components and graphical content that is required to understand the page…" https://www.linkedin.com/pulse/non-text-contrast-new-amex-logo-michael-gower/ +03: EVALUATION & TESTING. Quantitative User-Research Methodologies: An Overview By Kate Meyer. "Do you need numerical data about your product's user experience, but you aren't sure where to start? The first step is choosing the right tool. Check out this list of the most popular types of quantitative methods." https://www.nngroup.com/articles/quantitative-user-research-methods/ 5-Second Usability Test (Video) By Katie Sherwin. "The 5-second test is a simple usability technique to help designers gauge the audience's first impressions of a webpage." https://www.nngroup.com/videos/5-second-usability-test/ Best Practices for Agile UX Testing By Brenden Martin. "…Over the last two decades, agile and sprint based development has enabled an efficient and effective product management - development team - design team feedback loop. The next stage in the Agile revolution is to add the customer and the user to this cycle, through Agile user experience testing (Agile UX Testing)…" https://uxmastery.com/best-practices-for-agile-ux-testing/ +04: EVENTS. Enter The Dragon (Drop): HTML, ARIA, and Accessible List Reordering May 1, 2018. Ann Arbor, Michigan, U.S.A. https://www.meetup.com/en-AU/a2a11y/events/249832069/ Fringe Accessibility Techniques (That Probably Shouldn't Be) May 8, 2018. Portland, Oregon, U.S.A. https://www.meetup.com/en-AU/Portland-Accessibility-and-User-Experience-Meetup/events/249851570/ Web Accessibility for Developers May 9, 2018. Online. http://www.eastersealstech.com/2018/03/15/web-accessibility-webinar/ Research + Accessibility May 10, 2018. Philadelphia, Pennsylvania, U.S.A. https://www.meetup.com/en-AU/Research-Rewind/events/249940845/ Accessible Document Design in Higher Education May 17, 2018. Online. http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=531 Deconstruct May 21-22, 2018. Seattle, Washington, U.S.A. https://www.deconstructconf.com/ +05: HTML. Using the 'for' Attribute on the 'output' Element in HTML5 By Louis Lazaris. "…interestingly, the for attribute can also be used on the element…" https://www.impressivewebs.com/using-for-attribute-output-element-html5/ +06: INFORMATION ARCHITECTURE. Where's The Lamb? Finding Perspective with IA and Content Strategy By Dylan Wilbanks. "The client's website was a mess. Their site expanded and expanded as their organization morphed and changed. But there was no pruning of links, no sense of order. When they decided to spin up a new initiative, they just added a new website section…" http://www.uxbooth.com/articles/wheres-the-lamb-finding-perspective-with-ia-and-content-strategy/ Are You Approaching Prototyping All Wrong? By Paul Boag. "…The key to success with this approach is to present the prototype as a discussion piece. The first iteration of a prototype should never be what you build, but instead be a vision of what is possible. Do that, and you will be shocked at just what can get approved." http://www.uxbooth.com/articles/are-you-approaching-prototyping-all-wrong/ +07: MISCELLANEOUS. Screen Readers of the Future By Pierre Frederiksen. "…digital assistants and screen readers will merge. This will make is easier to create accessible interfaces, easier for all users to interact with the interfaces and will change the way we do accessibility assessments." https://www.visionaustralia.org/services/digital-access/blog/screen-readers-of-the-future Nyle DiMarco Opens Up About Having to Leave Black Panther Because He's Deaf By Nyle DiMarco. "In this op-ed by Nyle DiMarco, as told to Bobby Siebert, Nyle opens up about having to leave Black Panther and the captioning systems that fail deaf people…" https://www.teenvogue.com/story/nyle-dimarco-opens-up-about-leaving-black-panther-because-hes-deaf The Unlikely Pioneers of the Early Web By Jay Hoffmann. "How many websites are there? https://thehistoryoftheweb.com/the-unlikely-pioneers-of-the-early-web/ +08: USABILITY. Banner Blindness Revisited: Users Dodge Ads on Mobile and Desktop By Kara Pernice. "Users have learned to ignore content that resembles ads, is close to ads, or appears in locations traditionally dedicated to ads." https://www.nngroup.com/articles/banner-blindness-old-and-new-findings/ Three Best Practices for Search Autocomplete on Mobile By Lucas Cerdan. "Using Search Suggestions is a familiar pattern that has been around for years, and after reviewing thousands of implementations, we want to share with you some best practices. Here's what you need to know…" https://blog.algolia.com/search-autocomplete-on-mobile/ Structuring Product Page Descriptions by 'Highlights' Increases User Engagement (Yet 22% of Sites Don't) By Edward Scott. "…In this article, we'll discuss the test findings from our Product Details Page usability study related to structuring product descriptions by feature highlights…" https://baymard.com/blog/structure-descriptions-by-highlights [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.]