+++ WEB DESIGN UPDATE. - Volume 18, Issue 04, July 23, 2019. An email newsletter to distribute news and information about web design and development. ++ISSUE 04 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: EVALUATION & TESTING. 04: EVENTS. 05: HTML. 06: JAVASCRIPT. 07: TYPOGRAPHY. 08: USABILITY. SECTION TWO: 09: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Captions and Transcripts and Audio Descriptions, Oh My! By Dennis Deacon. "…This article hopes to create awareness around the different methods for providing alternatives to audio and video media and when each should be considered. These alternatives include captions, transcripts, and audio description…" https://developer.paciellogroup.com/blog/2019/07/captions-and-transcripts-and-audio-descriptions-oh-my/ Improving Video Accessibility with WebVTT By Khari McMillian. "…WebVTT is captioning at its most basic, but there are ways to implement it to make videos (and the captioned content itself) more accessible for users…" https://css-tricks.com/improving-video-accessibility-with-webvtt/ Audio Description in a Couple Minutes By Rooted in Rights. "Have you heard of this hack to make your videos accessible for blind and low vision social media users? Watch this video to learn how to Audio Describe…" https://rootedinrights.org/video/audio-description-in-a-couple-minutes/ Medium Supports alt Text (Mostly) By Adrian Roselli. "But I never trust anything until I try it myself, even though I trust the guy who twaught it…" https://medium.com/@aardrian/medium-supports-alt-text-mostly-d1e53d0e21cb Understanding SC 3.2.4 Consistent Identification By Raghavendra Satish Peri. "The guideline requires that functional components (elements) that appear repeatedly in a set of web pages must have the same name/label…" https://www.digitala11y.com/3-2-4-consistent-identification/ Understanding Assistive Technology: How Do Legally Blind People and Others with Low Vision Use the Internet? By Jonathan Avila. "Understanding digital accessibility challenges is easy if you know people with disabilities. But what if you've never seen a person who is blind use their computer or smartphone? We're here to help you understand a little bit about what it's like to use the internet if you have a disability…" https://levelaccess.com/understanding-assistive-technology-how-do-legally-blind-people-and-others-with-low-vision-use-the-internet/ Lawsuits By The Disabled Against Websites Spike By Ashima Dayal, Vivien Byrwa and Maxine Sharavsky. "2018 saw a nearly 200% increase in the number of lawsuits targeting websites and mobile apps for their alleged failure to comply with Title III of the Americans with Disabilities Act (ADA)…" http://www.mondaq.com/unitedstates/x/826392/ Do Protections for People with Disabilities Apply Online? Domino's Asks High Court. By Robert Barnes. "Domino's sells more than 2.5 million pizzas every day, and the company says it offers at least 15 ways to order one. But Guillermo Robles, who is blind, said neither the company's website nor its mobile app allowed him to order the pizza he wanted, or receive a discount for ordering online. He sued…" https://www.washingtonpost.com/politics/courts_law/do-protections-for-people-with-disabilities-apply-online-dominos-asks-high-court/2019/07/20/984c685e-a7fd-11e9-a3a6-ab670962db05_story.html Retailers Ask Supreme Court for Clarity in ADA Website Claims By Marianne Wilson. "The battle over whether websites are covered by the American with Disabilities Act may be headed to the Supreme Court…" https://www.chainstoreage.com/technology/retailers-ask-supreme-court-for-clarity-in-ada-website-claims/ California Pays 66 Million Dollars for an Inaccessible Website. Lawsuit Follows By Lainey Feingold. "…The lesson? It is not enough to put language in a contract and hope for the best. Technology must be tested for accessibility and usability throughout the development process, on delivery, and once it is in use…" https://www.lflegal.com/2019/07/false-claim/ +02: CASCADING STYLE SHEETS. Why Does CSS Text Get Announced by Screen Readers? By Steve Faulkner. "Because it's included as text in the accessibility tree in modern browsers…Why is [insert some symbol or punctuation mark here] not announced in CSS generated text?…It's not because it's CSS text, it's because each screen reader has preferences for announcing symbols and punctuation, which may preclude the content being announced in the context being used…" https://codepen.io/stevef/post/super-short-note-on-css-text How to Make Your HTML Responsive by Adding a Single Line of CSS By Per Harald Borgen. "In this article, I'll teach you how to use CSS Grid to create a super cool image grid which varies the number of columns with the width of the screen.In this article, I'll teach you how to use CSS Grid to create a super cool image grid which varies the number of columns with the width of the screen…" https://dev.to/perborgen/how-to-make-your-html-responsive-by-adding-a-single-line-of-css-29h Multi-Column Manipulation By Heydon Pickering. "Despite predating both Grid and Flexbox, Multi-column Layout represents-at least to me-an even more radical departure from the way we normally do and think about CSS layout…" https://every-layout.dev/blog/multi-column-manipulation/ CSS :not() with Multiple Classes By Chris Coyier. "Say you want to select an element when it doesn't have a certain class. That's what the :not() selector is for…" https://css-tricks.com/css-not-with-multiple-classes/ +03: EVALUATION & TESTING. A Guide to User Research Analysis By Zack Naylor. "…Learning how to properly analyze UX research helps turn raw data into insights and action…" https://www.uxbooth.com/articles/a-guide-to-user-research-analysis/ A Fundamental Mind Shift For Usability Testing By Jared Spool. "…This idea, that five to eight users will reveal 85% of all usability problems, is an old myth. It's not true. It's never been true…" https://playbook.uie.com/blog/a-fundamental-mind-shift-for-usability-testing Affinity Diagramming: Collaborate, Sort and Prioritize UX Ideas By Kara Pernice. "Use the affinity diagramming method with stakeholders and members to efficiently categorize then prioritize UX ideas, research findings, and any other rich topics. Work together to quickly develop a shared understanding among your team." https://www.nngroup.com/videos/affinity-diagramming/ Understanding Variables in UX Research By Jeff Sauro. "… I'll cover the differences between five different variables: dependent, independent, latent, observed, and extraneous/nuisance variables…" https://measuringu.com/understanding-variables/ DesignOps 101 By Kate Kaplan. "The practice of Design Operations focuses on processes and measures that support designers in creating consistent, quality designs." https://www.nngroup.com/articles/design-operations-101/ +04: EVENTS. UtahA11y Meetup July 31, 2019. Salt Lake City, Utah, U.S.A. https://www.meetup.com/UtahA11y/events/262484051/ Midwest Drupal Summit 2019 August 8-11, 2019. Ann Arbor, Michigan, U.S.A. https://ti.to/mwds/2019 WCAG for UX Designers: Just the relevant parts, please August 20, 2019. Boulder, Colorado, U.S.A. https://www.meetup.com/a11yFR/events/262855214/ International Conference on Computers Helping People with Special Needs (ICCHP) September 9-11, 2020. Linz, Austria https://www.icchp.org/ +05: HTML. Short Note on the disabled/aria-disabled Attributes By Steve Faulkner. "The HTML disabled attribute can be used on a limited set of HTML elements: button, input, select, textarea, option, optgroup, fieldset, or form-associated custom elements (currently supported in Chrome only)…" https://codepen.io/stevef/post/short-note-on-the-disabled-attribute Maybe Ignore type=search By Adrian Roselli. "…If you have a valid, accessible search field (with a useful, sensible label) then you can probably ignore type="search" and use type="text" instead…" http://adrianroselli.com/2019/07/ignore-typesearch.html The Accessibility of Placeholder Links By Scott O'Hara. "The anchor element () without an href attribute is meant to represent a placeholder link, as noted in the HTML Living Standard…" https://www.scottohara.me/note/2019/07/17/placeholder-link.html When to Use img, img@srcset, and picture and source By Jens Oliver Meiert. "At sum.cumo I almost got the reputation of a srcset 'hater'…" https://meiert.com/en/blog/when-to-srcset/ +06: JAVASCRIPT. Meaning Without Markup: Accessibility Object Model By Hidde de Vries. "…Proposals for the Accessibility Object Model include a new way to convey semantics: without markup, directly in JavaScript. In this post, we will look at the proposals and their current status…" https://hiddedevries.nl/en/blog/2019-07-22-meaning-without-markup-accessibility-object-model +07: TYPOGRAPHY. 5 Keys to Accessible Web Typography By Matej Latin. "…1. Set your base font size in relative units… 2. Check the colour of your type and only then its contrast… 3. Use highly legible fonts… 4. Shape your paragraphs well…5. Correctly use the heading levels…" https://betterwebtype.com/articles/2019/06/16/5-keys-to-accessible-web-typography/ How a Typeface Helped Launch Apollo (Video) (Hat tip to Jim Allan) By Douglas Thomas. "When humanity first landed on the moon in 1969, the typeface Futura was right there with them. In this fascinating history of typography, designer Douglas Thomas shares Futura's role in launching the Apollo 11 spacecraft -- and how it became one of the most used fonts in the world…" https://www.ted.com/talks/douglas_thomas_how_a_typeface_helped_launch_apollo +08: USABILITY. Users Hate Change (Video) By Jakob Nielsen. "Any time you release a new user interface design, you'll get complaints. This doesn't mean that the new design is worse than the old design; it simply means that it's new, and users don't like to learn different ways of doing things. Tips for reducing change aversion (you can't avoid it completely)." https://www.nngroup.com/videos/users-hate-change/ 10 Usability Heuristics Every Designer Should Know By Michal Langmajer. "25 years ago, Jakob Nielsen described the 10 general principles for interaction design…they are just as relevant as they were then…" https://uxdesign.cc/10-usability-heuristics-every-designer-should-know-129b9779ac53 [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.]