+++ WEB DESIGN UPDATE. - Volume 18, Issue 10, September 3, 2019. An email newsletter to distribute news and information about web design and development. ++ISSUE 10 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: BOOKS. 03: CASCADING STYLE SHEETS. 04: DRUPAL. 05: EVALUATION & TESTING. 06: EVENTS. 07: HTML. 08: JAVASCRIPT. 09: NAVIGATION. 10: TOOLS. 11: USABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. The WebAIM Million Update By Jared Smith. "A 6-month accessibility re-analysis of the top 1,000,000 home pages…The notable and alarming increase in page complexity-with increased ARIA implementation-would, if this trend continues, likely make the web more difficult for users…" https://webaim.org/projects/million/update Social Media and Alternative Text Features By AccessibilityOz. "…With alt text you can add a description of your image so that the image is understandable by blind persons, but the description itself is not noticed by your sighted audience…" https://www.accessibilityoz.com/2019/08/social-media-and-alternative-text-features/ 2.5.2: Pointer Cancellation WCAG 2.1 Level A By Rakesh Paladugula. "…The intention of 2.5.2: Pointer Cancellation is to ensure accidental pointers of the user gestures do not lead to delete or undo a control or action…" https://www.maxability.co.in/2019/08/31/2-5-2-pointer-cancellation-wcag-2-1-level-a/ Accessing Higher Ground (Videos) By Howard Kramer. Watch recordings of sessions from last year's Accessing Higher Ground conference. https://www.uduc.org/recent-workshop-recordings/ Takeaways from an Evening with Marcy Sutton and Derek Featherstone: Panel Discussion By Deborah Edwards-Onoro. "At their August 2019 meetup, the Chicago Digital Accessibility and Inclusive Design group hosted a special panel discussion with Derek Featherstone and Marcy Sutton discussing accessibility and inclusive design…" https://www.lireo.com/marcy-sutton-derek-featherstone-panel-discussion/ Another Day, Another Example of Missing Alt Text By Kelly Ford. "As much as I'm sure anyone familiar with web accessibility doesn't need yet another example of why alt text matters, as a consumer of web content I certainly am impacted when it is missing…" http://blog.kellyford.org/another-day-another-example-of-missing-alt-text/ Creating Accessible Modals and Autocompletes (Slides) By Russ Weakley. "In this two-part presentation, Russ will guide us on a deep dive into how to create accessible modals and accessible autocomplete search functions…" https://www.slideshare.net/maxdesign/creating-accessible-modals-and-autocompletes Universal Design with Accessibility in Mind (Video) By Kara Zirkle and Eric Feinberg. "Universal design is a concept in which online experiences are designed to be usable by all people, to meet the needs of all users, with and without disabilities…" https://www.youtube.com/watch?v=gjykKSZwHV8 Kara and Eric's Slides (PDF): https://cdn2.hubspot.net/hubfs/5358007/UXPA%20Webinar_Universal%20Design%20with%20Accessibility%20in%20Mind_Accessible%20PDF.pdf U.S. Department of Education Investigating UO for Possible Violations of Disability Discrimination Laws By Ryan Nguyen. "The U.S. Department of Education is investigating a 2017 complaint made against the University of Oregon that alleges university webpages, including its homepage, financial aid page and the UO Libraries Facebook page, are not accessible to people with disabilities…" https://www.dailyemerald.com/news/u-s-department-of-education-investigating-uo-for-possible-violations/article_b99c22aa-c3bf-11e9-b976-0726eeb03b73.html University of Oregon Complaint By Office for Civil Rights. https://www.dailyemerald.com/communications-between-office-for-civil-rights-university-of-oregon/pdf_50fc8ebe-c3c0-11e9-a774-a326fd7de638.html Practical Tips and Tools for Maintaining ADA-Compliant Websites By Margaret G. Inomata. "…To comply with the law, places of public accommodation must take steps to ensure that no individual with a disability is excluded, denied services, segregated or otherwise treated differently than other individuals…" https://www.natlawreview.com/article/practical-tips-and-tools-maintaining-ada-compliant-websites Venice Reached Agreement on ADA Suit over Website Access By Earle Kimel. "…The city also has until Dec. 31, 2021 to have its website, venicegov.com comply with the Web Content Accessibility Guidelines…" https://www.heraldtribune.com/news/20190824/venice-reached-agreement-on-ada-suit-over-website-access Colleges Face Investigations Over Whether Their Use of Social Media Follows Accessibility Regulations By Rebecca Koenig. "Nearly 200 colleges face federal civil rights investigations opened in 2019 about whether they are accessible and communicate effectively to people with disabilities…" https://www.edsurge.com/news/2019-08-28-colleges-face-investigations-over-whether-their-use-of-social-media-follows-accessibility-regulations Supreme Court and ADA Web Accessibility Prediction: We'll Pass By Jason Taylor. "…Many would like the Supreme Court to hear a case around whether the ADA applies online and to mobile apps. But Domino's case is not asking that fundamental question. We predict that the Supreme court decides not to hear this case but instead advises that the DOJ provide more guidance and finish the work that it had already started." https://blog.usablenet.com/scotus-and-ada-web-accessibility-predictions-2019 +02: BOOKS. Travis, David and Hodgson, Philip. Think Like a UX Researcher, Routledge 2019. +03: CASCADING STYLE SHEETS. Under-Engineered Text Boxen By Adrian Roselli. "This is the latest, and not last, in my informal series of posts on under-engineered controls. Generally I am looking at the minimum amount of CSS necessary to style native HTML controls while also retaining or improving accessibility and honoring different user preferences. " http://adrianroselli.com/2019/09/under-engineered-text-boxen.html Styling Links with Real Underlines By Ollie Williams. "…we can demarcate links without sacrificing style thanks to two new CSS properties…" https://css-tricks.com/styling-links-with-real-underlines/ +04: DRUPAL. Managing Accessibility in Open Source CMSes: A Write-Up By Hidde de Vries. "Last week, I attended a meetup that was about the accessibility of not just one CMS, but two: WordPress and Drupal…" https://hiddedevries.nl/en/blog/2019-09-03-managing-accessibility-in-open-source-cmses-a-write-up +05: EVALUATION & TESTING. The Minimalist Field Researcher: What's in My Bag? By David Travis. "When carried out in a lab, user experience research is gear heavy. You need technology to record audio, video and the screen of the device under test. In contrast, when carried out in the field, user experience research is more lightweight. Even so, there are a few non-obvious items of kit that I find essential on a field visit…" https://www.userfocus.co.uk/articles/minimalist-field-researcher.html 5 Users - Myth or Reality? (Video) By David Travis. "I answer the question, "Is 5 users enough in a usability test? I hear some people say it is and some say it's not…" https://www.youtube.com/watch?v=3d3qHeK1HMM A/B Testing 101 (Video) By Kathryn Whitenton "What is A/B testing, and why should you consider this method for measuring the business value of design changes?" https://www.nngroup.com/videos/ab-testing-101/ Running Inclusive Research Sessions By Vita Mangan. "Inclusive research makes services better for everyone, not only those with accessibility needs…" https://medium.com/swlh/running-inclusive-research-sessions-beyond-wheelchairs-and-screen-readers-488362c7103d 10 Things to Know About the NASA TLX By Jeff Sauro. "…If you conduct mostly digital UX research for consumers (websites and software), you may not have used the NASA TLX, but as interfaces continue to evolve, you may encounter it soon. Here are ten things to know about this influential measure of workload…" https://measuringu.com/nasa-tlx/ +06: EVENTS. Basics of Inclusive Design for Online Education 5 Weeks with Flexible Deadlines Online MOOC Offered By University of Colorado Boulder https://www.coursera.org/learn/inclusive-design Accessibility Testing with Natalia Voegele September 9, 2019. Portland, Oregon, U.S.A. https://www.meetup.com/Portland-Accessibility-and-User-Experience-Meetup/events/264001273/ Strategies for Measuring UX / Research Lab Tours September 12, 2019. Eden Prairie, Minnesota, U.S.A. https://uxpamn.org/event-3534701 UX Virtual Panel: Inclusive Design vs. Universal Design vs. Accessibility September 24, 2019. Online https://accessibility.deque.com/accessibility-universal-design-inclusive-design-webinar Web Accessibility Training October 22-23, 2019. Logan, Utah, U.S.A. https://webaim.org/training Workshop on Inclusive Design for Immersive Web Standards November 5-6, 2019. Seattle, Washington, U.S.A. https://www.w3.org/2019/08/inclusive-xr-workshop/ Accessibility Club Summit 2019 November 16-17, 2019. Berlin, Germany https://accessibility-club.org/event/accessibility-club-summit-2019 +07: HTML. Wide Review Request: The HTML Standard Review Draft (Hat Tip to Steve Faulkner) By Xiaoqian Wu. "The WHATWG publishes a Review Draft of the HTML Standard every six months. The HTML WG plans to take alternate Review Drafts to W3C Recommendation, starting with the current HTML Review Draft…" https://lists.w3.org/Archives/Public/public-html/2019Aug/0006.html How to Accessibly Split Text By Andy Bell. "I recently published an article on animating variable fonts with the help of the Javascript library Splitting.js. A few people asked about the accessibility implications of this, so in this article we'll take a look at why splitting a string of text can be problematic from an accessibility point of view, and what we can do to make sure that split text is accessible to everyone…" https://css-irl.info/how-to-accessibly-split-text/ Modal and Autocomplete By Dennis Lembrée. "My modal & autocomplete code examples" https://weboverhauls.github.io/demos/modal/modal_demo2.html https://weboverhauls.github.io/demos/autosuggest/ +08: JAVASCRIPT. What is ARIA Markup? - A Beginner's Guide By Nick Schäferhoff. "…In this article, we'll explain what ARIA is, how to make your site accessible, and give you the resources to learn more about this invaluable technology…" https://torquemag.io/2019/08/aria-markup-accessibility/ ARIA as Indicator of Accessibility Errors By Jared Smith. "I'm crunching data for the WebAIM Million re-analysis. The single strongest indicator that a page will have numerous accessibility errors is whether ARIA is present. Pages with ARIA have 65% more issues than those without. And it's getting worse. This is VERY disturbing!" https://twitter.com/jared_w_smith/status/1167147412281933826 +09: NAVIGATION. ABD: Anything but Dropdowns By Erik D. Kennedy . "Any time you feel tempted to use a dropdown, ask yourself if one of these 12 controls is better instead…" https://learnui.design/blog/4-rules-intuitive-ux.html#2-abd-anything-but-dropdowns +10: TOOLS. Contrast and Color Accessibility - Evaluating Contrast with Chrome DevTools By WebAIM. "There is no one-size-fits-all tool for testing all contrast issues, but Chrome Developer Tools (or DevTools) is the most full-featured tool for manually testing contrast within a webpage…" https://webaim.org/articles/contrast/devtools img:not([alt]) By Filip Dalväg. "img:not([alt]) { transform: rotate(0.5turn);}" https://twitter.com/FrontEndFilip/status/1166776838875701248 Firefox 69 arrives with third-party tracking cookies and cryptomining blocked by default By Emil Protalinski. "Firefox Developer Tools now offers an audit for the presence of text alternatives for non-text content, the a11y panel checks toolbar has been augmented to better help developers adhere to WCAG Guideline 1.1." https://venturebeat.com/2019/07/09/mozilla-firefox-68/ +11: USABILITY. Untangling the Deeper Concept By Indi Young. "Author of Practical Empathy Indi Young breaks down why so many of us look for research patterns in the wrong places…" https://dscout.com/people-nerds/untangling-the-deeper-concept Cancel vs Close: Design to Distinguish the Difference By Aurora Harley. "Distinguishing between these two actions is critical to avoiding losing users' work. Save changes before closing a view, use text labels rather than an X icon, and provide a confirmation dialog before destructive actions." https://www.nngroup.com/articles/cancel-vs-close/ How UX Professionals Define Design Thinking in Practice (Video) By Sarah Gibbons. "We conducted research with UX professionals and designers to find out what they think Design Thinking actually is. What attributes do practitioners assign to Design Thinking, as used in practice? And how does this understanding evolve as practitioners get more experience?" https://www.nngroup.com/videos/design-thinking-designers-definition/ Less… Is More? Apple's Inconsistent Ellipsis Icons Inspire User Confusion By Josh Centers. "…It's disappointing that Apple, supposedly a leader in interface design, has resorted to such uninspiring, and I'll dare say, lazy design in its icons. I don't claim to be a usability expert, but it seems to me that icons should represent a clear intention, followed by a consistent action…" https://tidbits.com/2019/08/30/less-is-more-apples-inconsistent-ellipses-icons-inspire-user-confusion/ [Section one ends.] ++ SECTION TWO: +12: 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.]