+++ WEB DESIGN UPDATE. - Volume 18, Issue 31, January 28, 2020. An email newsletter to distribute news and information about web design and development. ++ISSUE 31 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? https://www.d.umn.edu/itss/training/online/webdesign/ New links in these categories: 01: ACCESSIBILITY. 02: CASCADING STYLE SHEETS. 03: DRUPAL. 04: EVALUATION & TESTING. 05: EVENTS. 06: HTML. 07: JAVASCRIPT. 08: MISCELLANEOUS. 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. Standards for Writing Accessibly By Michael J. Metts and Andy Welfle. "In this excerpt from Writing is Designing, Michael J. Metts and Andy Welfle discuss critical accessibility considerations for content authors, including reading order, references to additional content, and instructions." https://alistapart.com/article/standards-for-writing-accessibly/ Five Ways to Increase Inclusion in Your Work (Videos) By Derek Featherstone. "Include more people with disabilities in the design process… Engage people with disabilities earlier in the design process… Include people with disabilities throughout the design process… Look for ways to diversify diversity… Identify and acknowledge exclusion." https://www.levelaccess.com/inclusion-week/ Documentation and Accessibility By Sheri Byrne-Haber. "What format needs to be accessible? PDF, HTML, or both?…" https://medium.com/@sheribyrnehaber/documentation-and-accessibility-7f38a51c5321 Building an Inclusive Experience: Why Accessibility Matters By Ted Drake. "Our goal, as developers, is to build products that reach the largest possible audience. We create delightful experiences…" https://blogs.intuit.com/blog/2020/01/23/building-an-inclusive-experience-why-accessibility-matters/ California Court of Appeal Aligns with Ninth Circuit on ADA Website Accessibility Standards By Jean-Paul Cart. "When plaintiffs sue companies alleging that their websites do not comply with the Americans with Disabilities Act (ADA), courts start by answering two threshold legal questions…" https://www.natlawreview.com/article/california-court-appeal-aligns-ninth-circuit-ada-website-accessibility-standards +02: CASCADING STYLE SHEETS. The CSS Cascade By Amelia Wattenberger. "Or, How browsers resolve competing CSS styles…" https://wattenberger.com/blog/css-cascade 4 CSS Layouts Without Using Media Queries By Kilian Valkhof. "Do you always need media queries to make a website responsive? With flexbox and grid you can make responsive layouts without having to define fixed breakpoints with media queries…" https://polypane.app/blog/4-css-layouts-without-using-media-queries/ Understanding the 'Initial', 'Inherit' and 'Unset' CSS Keywords By Elad Shechter. "CSS has default keywords for various values. In this article I'm going to talk about three of them: initial, inherit, and the relatively new one, unset…" https://medium.com/@elad/understanding-the-initial-inherit-and-unset-css-keywords-2d70b7121695 What's the Difference Between Width/Height in CSS and Width/Height HTML Attributes? By Chris Coyier. "Some HTML elements accept width and height as attributes. Some do not. For example…" https://css-tricks.com/whats-the-difference-between-width-height-in-css-and-width-height-html-attributes/ +03: COLOR. SAPC Visual Contrast Demo By Andrew Somers. "This is the Basic SAPC contrast method using JavaScript. Just type in color values as #hex, rgb(), or HTML name then navigate away from the input field by either pressing TAB or clicking elsewhere on the page…" https://www.myndex.com/SAPC/ +04: EVALUATION & TESTING. The Critical Incident Technique in UX By Maria Rosala. "The CIT is a research method for systematically obtaining recalled observations of significant events or behaviors from people who have first-hand experience." https://www.nngroup.com/articles/critical-incident-technique/ Personas - A Simple Introduction By Rikke Friis Dam and Yu Siang Teo. Personas are fictional characters, which you create based upon your research in order to represent the different user types that might use your service, product, site, or brand in a similar way…" https://www.interaction-design.org/literature/article/personas-why-and-how-you-should-use-them Comparing Fully vs. Partially Labeled Five- and Seven-Point Scales By Jeff Sauro and Jim Lewis. "…We felt there was need for more data, so we conducted two new studies that better isolated the effects of labeling on more commonly used scales of sentiment in UX and customer research…" https://measuringu.com/labeling-scales/ +05: EVENTS. React and Accessibility Webinar February 4, 2020. Online https://accessibility.deque.com/react-accessibility-webinar What's Happening in the Digital Accessibility Legal Space with Lainey Feingold February 5, 2020. Online https://accessit.gatech.edu/event.php?i=109 Accessibility Camp Bay Area March 7, 2020. San Francisco, Califorina, U.S.A. http://www.accessibilitycampbay.org/ WCAG 2.1 and Mobile Accessibility April 15, 2020. Online https://www.accessibilityassociation.org/content.asp?admin=Y&contentid=627 Digital Accessibility Legal Summit April 23, 2020. Washington, D.C., U.S.A. https://accessibility.legal/ Raleigh UX Conference May 11-15, 2020. Raleigh, North Carolina, U.S.A. https://www.nngroup.com/training/raleigh/ Incorporating Personas and Workflows into VPAT Testing Methodology May 20, 2020. Online https://www.accessibilityassociation.org/content.asp?admin=Y&contentid=628 International PHP Conference May 25-29, 2020. Berlin, Germany https://phpconference.com/ University of Guelph Accessibility Conference May 26-27, 2020. Guelph, Ontario, Canada https://opened.uoguelph.ca/accessibility-conference +06: HTML. Form Design Patterns (Video) By Adam Silver. "In this webinar, Adam Silver will show you how to analyse and redesign a real-world checkout journey. He'll also introduce his book, Form Design Patterns, published by Smashing Magazine. It’s a practical guide to designing and coding a broad selection of forms covering things like booking a flight, searching and filtering, and file uploading — all through the lens of inclusion." https://vimeo.com/385388156 +07: JAVASCRIPT. The State of JavaScript By Sacha Greif et al. "…turns out JavaScript isn't quite done changing just yet! And so after over 21,717 respondents took this year's survey we had to dig up our components and charts, curse us-from-a-year-ago for writing such crappy code, and get to work digging through the data…" https://2019.stateofjs.com/ +08: MISCELLANEOUS. This Page is Designed to Last By Chris Coyier. "…I feel there is something beyond the technological that is the real trick to a site that lasts: you need to have some stake in the game. You don't let your URLs die because you don't want them to. They matter to you. You'll tend to them if you have to. They benefit you in some way, so you're incentivized to keep them around. That's what makes a page last." https://css-tricks.com/this-page-is-designed-to-last/ My Thoughts on Microsoft's Move to Chromium By Adem Cifcioglu. "Last week, Microsoft released a new version of its Edge browser, moving away from its EdgeHTML rendering engine onto Chromium, the same platform used by Google for its Chrome browser. This leaves me conflicted, because I see a lot of negatives, but I also see a huge potential positive for accessibility…" https://intopia.digital/articles/my-thoughts-on-microsofts-move-to-chromium/ Data Expands to Fill the Space Available By Gerry McGovern. "The problem with physical is often not enough space. The problem with digital is too much space…" https://gerrymcgovern.com/data-expands-to-fill-the-space-available-part-1/ +09: NAVIGATION. How Information-Seeking Behavior Has Changed in 22 Years By Feifei Liu. "The internet is increasingly used to gain knowledge and understanding of a topic. This knowledge is often acquired accidentally, as a byproduct of browsing. Critical internet use is becoming social." https://www.nngroup.com/articles/information-seeking-behavior-changes/ +10: TOOLS. WCAG-EM Report Tool By WAI at W3C. The Website Accessibility Evaluation Report Generator has been updated with new options for selecting all success criteria in WCAG 2.1, or only new success criteria added in WCAG 2.1 https://www.w3.org/WAI/eval/report-tool/ +11: USABILITY. Six Pillars Supporting Better and Easier UX (Video) By Kara Pernice. "Great design doesn't just happen. Rather, the organization must build 6 pillars that carry UX to success: capabilities, executive support, teams, resources, process, and schedule." https://www.nngroup.com/videos/six-pillars-better-ux/ Neumorphism: Can we Make it More Accessible? 2020's hottest UI trend meets practicality. By Michael J. Fordham. "'Neumorphism' is a new slang term in design circles - co-created by Michal Malewicz - which essentially crosses the words 'new' and 'skeuomorphism'…" https://uxdesign.cc/neumorphism-can-we-make-it-more-accessible-15be5fe2ef28 [Section one ends.] ++ SECTION TWO: +12: What Can You Find at the Web Design Reference Site? Accessibility Information. https://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. https://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. https://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. https://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. https://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. https://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. https://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. https://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. https://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. https://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. https://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. https://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. https://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. https://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. https://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. https://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. https://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. https://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. https://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. https://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: https://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.]