+++ WEB DESIGN UPDATE. - Volume 19, Issue 21, November 18, 2020. An email newsletter to distribute news and information about web design and development. ++ISSUE 21 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: EVALUATION & TESTING. 04: EVENTS. 05: HTML. 06: INFORMATION ARCHITECTURE. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: TOOLS. 10: TYPOGRAPHY. 11: USABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Your First Attempt at Making Anything Accessible Will Be Awful By Sheri Byrne-Haber. "Don't use this as an excuse. Even awful is better than 98 % of what other people are doing…" https://sheribyrnehaber.com/your-first-attempt-at-making-anything-accessible-will-be-awful/ Plain Language Writing - An Essential Part of Accessibility By Andrew Pulrang. "…An important way to provide greater cognitive accessibility is to use 'Plain Language' writing. Here is an example of an original text, followed by a Plain Language version…" https://www.forbes.com/sites/andrewpulrang/2020/10/22/plain-language-writing---an-essential-part-of-accessibility/ ProPublica Experiments with Ultra-Accessible Plain Language in Stories About People With Disabilities By Sarah Scire. "ProPublica's plain language experiment is a first for a mainstream news organization. Disability experts say it shouldn't be the last…" https://www.niemanlab.org/2020/11/propublica-experiments-with-ultra-accessible-plain-language-in-stories-about-disabilities/ Inclusive Design for Social Media: Tips for Creating Accessible Channels By Katie Sehl. "Inclusive design may seem like the domain of UX designers and web developers. But social media marketers should practice it, too…" https://blog.hootsuite.com/inclusive-design-social-media/ Using Alt Text to Make Science Twitter More Accessible for People with Visual Impairments By Domenico Chiarella, Justin Yarbrough, and Christopher A. L. Jackson. "Scientists increasingly post images and photos on social media to share their research activities. However, posting images and photos could potentially exclude people with visual impairments. Here, we outline actions that should be taken to foster accessibility and inclusion in posting scientific images on social media…" https://www.nature.com/articles/s41467-020-19640-w WCAG 3.0 Progress By Alastair Campbell. Slides from Alastair's TechShare Pro presentation. https://www.w3.org/2020/Talks/11-Techshare-AC/ Re: Help Please with Tagging Acronyms for Screenreaders By Léonie Watson. "The best thing to do is nothing. Screen readers use the same heuristics as humans do to determine how to speak acronyms - and it works…" https://lists.w3.org/Archives/Public/w3c-wai-ig/2020OctDec/0047.html accessiBe Options Weirdness (Video) By Karl Groves. "This quick video shows UX and accessibility issues with the accessiBe product, including clear and obvious violations of the WCAG standard…" https://www.youtube.com/watch?v=6gxyRl4CMf8 +02: CASCADING STYLE SHEETS. How to Easily Understand Flexbox CSS - (Part 1) By Alan Montgomery. "In this mini-series, I will be taking you through how to use flexbox CSS, in a simple, easy to understand way…" https://blog.alanmontgomery.co.uk/how-to-easily-understand-flexbox-css-part-1 A Deep Dive Into CSS Grid minmax() By Ahmad Shadeed. "…In this article, we will deep dive into the minmax(), learn how, when, and why to use it. At the end of the article, I expect that you will have a complete understanding of it. Let's dive in…" https://ishadeed.com/article/css-grid-minmax/ A Complete Guide to CSS Gradients By Geoff Graham. "Like how you can use the background-color property in CSS to declare a solid color background, you can use the background-image property not only to declare image files as backgrounds but gradients as well…" https://css-tricks.com/a-complete-guide-to-css-gradients/ +03: EVALUATION & TESTING. How to Use an Affinity Diagram to Organize UX Research By User Testing. "When it comes to categorizing information, nothing is obvious. The way you perceive one bit of information can (and often will) differ from the next person. Why? Well, explaining that is difficult because it's a bit like trying to explain how your brain works. Rather than getting to the bottom of neurons and synapses, UX researchers came up with a method for categorizing and sorting information using an affinity diagram, called affinity mapping…" https://www.usertesting.com/blog/affinity-mapping Are Sliders More Sensitive than Numeric Rating Scales? By Jeff Sauro and Jim Lewis. "Sliders are a type of visual analog scale that can be used for online surveys including our MUIQ platform…" https://measuringu.com/are-sliders-more-sensitive/ +04: EVENTS. Blue Beanie Day November 30, 2020. Global https://en.wikipedia.org/wiki/Blue_Beanie_Day Practical Tips for Accessible Content and Multilingual Websites December 3, 2020. Online https://digital.gov/event/2020/12/03/practical-tips-for-accessible-content-and-multilingual-websites/ The CSS Layout Masterclass with Rachel Andrew @rachelandrew February 16-17, 2021. Online https://smashingconf.com/online-workshops/workshops/rachel-andrew-feb DevNexus Professional Developers Conference February 17, 2021. Online https://devnexus.com/ DeveloperWeek February 18-19, 2021. Online https://www.developerweek.com/ ConFoo Montreal February 24-26, 2021 Montreal, Canada https://confoo.ca/en World IA Day February 27, 2021. Global https://www.worldiaday.org/ 36th CSUN Assistive Technology Conference March 8-12, 2021. Online https://www.csun.edu/cod/conference/sessions/ Axe-con March 10-11, 2021. Online https://www.deque.com/axe-con/ +05: HTML. Front End Devs - Learn And Understand HTML By Nicolas Steenhout. "Then you'll avoid this:
And you won't have to wonder why you can't tab to the fake button.…Use native HTML instead. I swear, it'll be simpler, and you won't have code bloat, and you'll get a BUNCH of "free" accessibility built-in.