+++ 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.