+++ WEB DESIGN UPDATE. - Volume 16, Issue 32, February 1, 2018. An email newsletter to distribute news and information about web design and development. ++ISSUE 32 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: INFORMATION ARCHITECTURE. 08: JAVASCRIPT. 09: MISCELLANEOUS. 10: NAVIGATION. 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. WCAG 2.1 is a Candidate Recommendation By Andrew Kirkpatrick. "Web Content Accessibility Guidelines (WCAG) 2.1 is now a Candidate Recommendation (CR)…" https://www.w3.org/blog/2018/01/wcag21-cr/ Understanding WCAG 2.1 - Reviewing Mobile Success Criteria By Glenda Sims. "…Our focus today will be on the ten new success criterion related to accessibility for mobile devices…" Note: Glenda's review is on the December draft. https://www.deque.com/blog/understanding-wcag-2-1-reviewing-mobile-success-criteria/ Revised Section 508 Standards Now in Effect By Michael Gower. "In the United States, the Revised Section 508 Standards went into effect on January 18, 2018, a year after the U.S. Access Board published the final rule of the updated Information and Communication Technology (ICT) Standards and Guidelines…" https://www.ibm.com/blogs/age-and-ability/2018/01/25/revised-section-508-standards-now-effect/ What is Web Accessibility? By Amani Ali. "Have you ever thought about how a football fan who is blind reads the latest news about their favourite team…" https://www.nomensa.com/blog/2018/what-web-accessibility Embracing Plain Language for Better Accessibility (Video) By Ashley Bischoff. "Writing reports and documentation is nothing new for many of us - we write them all the time. But even though we may do our best write clearly, those who receive our reports and documentation might not be as familiar with accessibility as we are." https://www.youtube.com/watch?v=X7bUvAzpNjo 3 Important Reasons to Make Your Mobile Website Accessible By Vivian Cullipher. "…Here's a brief intro into what mobile accessibility means-and why it's critical that mobile website owners and developers consider accessibility for people with disabilities from the get go…" https://www.microassist.com/digital-accessibility/why-make-your-mobile-website-accessible/ Enter The Dragon (Drop): Accessible List Reordering By Harris Schneiderman. "Due to the absence of supported ARIA attributes, Dragon Drop utilizes live regions to convey the information needed for all users to reorder a list." https://www.smashingmagazine.com/2018/01/dragon-drop-accessible-list-reordering/ Cheatsheets By National Center on Disability and Access to Education (NCDAE). "NCDAE (a WebAIM partner) has created four new accessibility cheatsheets. These single-page resources outline accessibility techniques for Word and PowerPoint 2016 for Windows and Mac." http://ncdae.org/resources/cheatsheets/ Largest Bar Exam Prep Class Provider Agrees to Settlement Over Allegations of Discrimination Against Blind Students By Cohen Milstein. "BarBri, Inc. agrees to revamp core products and internal practices for improved accessibility…" https://www.cohenmilstein.com/update/largest-bar-exam-prep-class-provider-agrees-settlement-over-allegations-discrimination BarBri, Inc Settles Over Claims of Discrimination By Amanda Griffin. https://www.jdjournal.com/2018/01/26/barbri-inc-settles-over-claims-of-discrimination/ BarBri Complaint (PDF): https://www.bloomberglaw.com/iframe/document/X1Q6NLJ9AUO2/download?imagename=1-1.pdf Federal Complaint Prompts Changes to LPSS Website By Amanda McElfresh. "The Lafayette Parish School System is making changes to its website amid concerns about its accessibility to people with disabilities…" http://www.theadvertiser.com/story/news/local/education/2018/01/18/federal-complaint-prompts-changes-lpss-website/1044782001/ Tech Platforms and Website Developers Targeted in Emerging Wave of Website Accessibility Litigation By Steven E. Helland. "Blind plaintiff sues sabre technologies for alleged inaccessible platform Powering WetWillies.com …" https://www.fredlaw.com/internet_technology_trademark__advertising_alerts/2018/01/18/1771/tech_platforms_and_website_developers_targeted_in_emerging_wave_of_website_accessibility_litigation Local Disability Lawsuit Part of Broader Battle By Alyssa Oursler. "A lawsuit filed Dec. 29 against Highlands Union Bank in U.S. District Court in Abingdon is one of many of its kind…" http://www.heraldcourier.com/news/local-disability-lawsuit-part-of-broader-battle/article_d4552925-e6c3-5c61-a6b1-71b44da17834.html +02: CASCADING STYLE SHEETS. CSS: The Definitive Guide, 4th Edition By Eric Meyer, Estelle Weyl. "We're pleased to share an excerpt from Chapter 19 ('Filters, Blending, Clipping, and Masking') of CSS: The Definitive Guide, 4th Edition by Eric Meyer and Estelle Weyl…" http://alistapart.com/article/css-the-definitive-guide-4th-edition Introducing CSS Gridish: An Open Source Tool to Help Your Team Adapt CSS Grid Today By James Y. Rauhut. "Today, I'm excited to introduce a new open-source tool from IBM called CSS Gridish…" https://medium.freecodecamp.org/introducing-css-gridish-helping-teams-to-adapt-css-grid-today-3e031ab222de Learn Flexbox for Free By Scrimba. "12 interactive screencasts to take you from beginner to advanced…" https://scrimba.com/g/gflexbox New Adventures in Responsive Web Design (Video) By Vitaly Friedman. Vitaly's From Beyond Tellerand Conference presentation. https://vimeo.com/251516830 +03: COLOR. What my Color-Blindness Taught Me About Design By Fei Ren. "…For every 100 visitors to your website or app, about 5 of them have a very different visual experience of the content. If your audience is male, then about 8 out of 100 are affected. It is not a small number. In fact, it is even higher than the conversation rate for some sites…" https://uxdesign.cc/what-my-color-blindness-taught-me-about-design-d3009a93ff9c +04: EVALUATION & TESTING. Usability Test, Even When You Know the Answer By Hoa Loranger. "Evidence from usability studies can be more convincing than what you say. Test even if you can easily determine the difference between good and bad designs." https://www.nngroup.com/articles/test-when-you-know-answer/ 52 Research Terms you need to know as a UX Designer By Guy Ligertwood. "Your A-Z list of research terms in plain English…" https://uxplanet.org/51-research-terms-you-need-to-know-as-a-ux-designer-fac0d40a59d7 +05: EVENTS. Quick and Dirty Ethnography for the Initiate February 26, 2018. Online http://uxpa.org/event/webinars Live Webinar: Using Personas as an Inclusive Design Tool February 27, 2018. Online https://accessibility.deque.com/creating-ux-design-personas-webinar Pushing the Boundaries of Web Layout with CSS Grid March 5, 2018. Newport Beach, California, U.S.A. https://uxi.uie.com/workshops/rachel-andrew UX Immersion Conference March 5-7, 2018. Newport Beach, California, U.S.A. https://uxi.uie.com/ Enhancing the User Experience for People with Disabilities March 30, 2018. Online http://uxpa.org/event/webinars Usability Testing: Here, There and Everywhere April 18, 2018. Online http://uxpa.org/event/webinars Ampersand Web Typography Conference June 29, 2018. Brighton, England, United Kingdom https://2018.ampersandconf.com/ +06: HTML. Building a Good Download… Button? By Eric Bailey. "The semantics inherent in HTML elements tell us what we’re supposed to use them for…" https://css-tricks.com/building-good-download-button/ +07: INFORMATION ARCHITECTURE. Why Personas Fail By Kim Flaherty. "Personas are useful tools for UX work, so why do they often fail? Find out what pitfalls cause personas to fail, and how to avoid and overcome them." https://www.nngroup.com/articles/why-personas-fail/ +08: JAVASCRIPT. Survey: JavaScripters Wanted, but Programmers Prefer Python By David Ramel. "Technical recruiting company HackerRank says JavaScript is the top programming language sought by organizations, but developers prefer Python…" https://adtmag.com/articles/2018/01/25/hackerrank-survey.aspx +09: MISCELLANEOUS. Video as the new GIF in Safari By Bruce Lawson. "…One aspect of the release hasn't met with universal acclaim, however. That's the ability to have a short, silent video as the source of an element…" http://www.brucelawson.co.uk/2018/video-as-the-new-gif-in-safari/ +10: NAVIGATION. A Tale of Two Rooms: Understanding Screen Reader Navigation By Ryan Jones. "…One of my goals throughout the many accessibility focused training classes I have led has been to help others more accurately understand what it is like for someone using screen reading software to navigate through a web page…" https://developer.paciellogroup.com/blog/2018/01/a-tale-of-two-rooms-understanding-screen-reader-navigation/ How to Implement Sitemap Footers to Keep Users Going By Priscilla Esser. "…In your attempts to minimize the effort your users need for performing actions on the website you're designing, you just might be overlooking one major opportunity: sitemap footers…" https://www.interaction-design.org/literature/article/how-to-implement-sitemap-footers-to-keep-users-going Results from the Main Landmark Survey By Léonie Watson. "…The fact that 77 people (32%) expected more than one main landmark was interesting…" https://developer.paciellogroup.com/blog/2018/01/results-from-the-main-landmark-survey/ +11: TOOLS. a11y-outline (FireFox Extension) By Tobias Bengfort. "Many screen readers like JAWS or NVDA have shortcuts to bring up a list of landmarks, headings or links. This browser extension provides the same functionality without requiring a screen reader." https://addons.mozilla.org/de/firefox/addon/a11y-outline/ +12: TYPOGRAPHY. How to Use Variable Fonts in the Real World By Richard Rutter. "A variable font is a single font file which behaves like multiple styles…" http://clagnut.com/blog/2390/ +13: USABILITY. The False-Consensus Effect: You Are Not the User (Video) By Raluca Budiu. "The false-consensus effect refers to people's tendency to assume that others share their beliefs and will behave similarly in a given context. This assumption can lead UX professionals to make the wrong design decisions. Acknowledge your vulnerability and establish checks." https://www.nngroup.com/videos/false-consensus-effect/ 12 Mobile UX Design Trends For 2018 By Nick Babich. "Things move quickly in the mobile app universe. To succeed in the field of mobile UX design, designers must have the foresight and prepare for new challenges around the corner. To simplify the task, I've listed the biggest, impactful trends for 2018 and, most likely, beyond…" https://www.mockplus.com/blog/post/mobile-ux-design-trends-2018/ How Dark UX Patterns Target The Most Vulnerable By Ben Bate. "Dark UX patterns help companies maximize profits, but at the expense of the most vulnerable, and by damaging the web for everyone…" https://www.webdesignerdepot.com/2018/01/how-dark-ux-patterns-target-the-most-vulnerable/ [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.]