+++ WEB DESIGN UPDATE. - Volume 18, Issue 28, January 8, 2020. An email newsletter to distribute news and information about web design and development. ++ISSUE 28 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: BOOKS. 03: CASCADING STYLE SHEETS. 04: EVALUATION & TESTING. 05: EVENTS. 06: HTML. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: NAVIGATION. 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. What is the Difference Between WCAG A and WCAG AA Conformance? By Jonathan Avila. "The WCAG criteria aim to make web content more accessible to a wider audience of people with disabilities. All success criteria are important access issues for people with disabilities. They address things beyond the usability problems that might be faced by all users…" https://www.levelaccess.com/wcag-a-and-wcag-aa-conformance/ These Aren't the SCs You're Looking For ... (Mis)adventures in WCAG 2.x Interpretation and Audits (Video) By Patrick Lauke. "WCAG is supposed to give us a reasonably objective way of saying whether or not the sites we are building/auditing are "accessible" (to a particular baseline). However, they are only as useful as our understanding and interpretation of the actual guidelines' normative text…" https://www.youtube.com/watch?v=I0tghv881ac Patrick's Slides: https://speakerdeck.com/patrickhlauke/24-october-2019 WCAG 2.1 Checklist By Maxability. Maxability's WCAG 2.1 checklist is a simplified version of original WCAG 2.1 guidelines on W3C website. For the readers to easily understand and implement digital accessibility, this WCAG 2.1 checklist may be useful. https://www.maxability.co.in/wcag/wcag-2-1-checklist/#levelaa Improving WCAG for Elderly Web Accessibility By Silvana Maria Affonso et al. "…In this paper we propose the establishment of a new set of success criteria that address older users accessibility into the normative document of WCAG 2.0. The proposed recommendations were identified from a composition of usability studies with real older users and were tested for different scenarios…" https://dl.acm.org/doi/abs/10.1145/1878450.1878480 Accessibility Guidelines 3.0 By Fiona Holder. "What is AG 3.0 / Silver? How does it differ from WCAG 2.0 / 2.1?…" https://myaccessible.website/accessibility-expert/ag-3.0 Designing Accessible Sign Up Forms (Video) By Michellanne Li. "As part of the interview process for a position as an a11y professional, Michellanne redesigned the flow of a sign-up form to address the needs of individuals with disabilities…" https://www.youtube.com/watch?v=ac1jkylPdPI How to Do Closed Captioning Right (According to the DCMP) By Jaclyn Leduc. "…In the webinar, Understanding Closed Captioning Standards and Guidelines, closed captioning experts, Jason Stark and Cindy Camp, review the Described and Captioned Media Program (DCMP) captioning guidelines. They provide insight that will help you produce captions that are accurate, consistent, clear, and reliable. Below is a portion of the Q&A from the webinar…" https://www.3playmedia.com/2020/01/07/how-to-do-closed-captioning-right/ 3 PR Crises That Will Damage Your Brand (And How to Avoid Them) By Blair Nicole Nastasi. "…Failing to maintain an accessible website is a PR nightmare, and you're making life harder for potential customers with disabilities. Not maintaining an accessible website and mobile site also exposes your brand to lawsuits. Such practices give off the impression that you don't care about consumers unless they're in your primary demographic…" https://www.business2community.com/public-relations/3-pr-crises-that-will-damage-your-brand-and-how-to-avoid-them-02272301 Court Opinion: NAD and Eddie Sierra vs State Of Florida, Florida State University et al. (PDF) (Hat Tip Lainey Feingold). By US Court of Appeals for the Eleventh Circuit. "…The Senate and House each have websites that provide livestreaming of proceedings, as well as archived footage of past proceedings…Here, deaf citizens are being denied the opportunity to monitor the legislative actions of their representatives because Defendants have refused to provide captioning for legislative proceedings." The court says case stays in. court. http://media.ca11.uscourts.gov/opinions/pub/files/201812786.pdf +02: BOOKS. Travis, David. "Think Like a UX Researcher", Taylor & Francis, 2019. +03: CASCADING STYLE SHEETS. Fixed Table Headers By Adrian Roselli. "A few months ago I built an example of fixed table headers that used CSS position: sticky, partly to demonstrate it is possible but mostly to try to dissuade client(s) from using a double- approach or an all-
approach. Then I forgot, then CSS Tricks did a post, then I forgot, then a thing happened, and now here we are…" https://adrianroselli.com/2020/01/fixed-table-headers.html A Use Case for a Parent Selector By Chris Coyier. "Having a 'parent selector' in CSS is mentioned regularly as something CSS could really use. I feel like I've had that thought plenty of times myself, but then when I ask my brain for a use case, I find it hard to think of one. Well, I just had one so I thought I'd document it here…" https://css-tricks.com/a-use-case-for-a-parent-selector/ Min and Max Width/Height in CSS By Ahmad Shadeed. "…In this article, we will go through the maximum and minimum CSS properties for width and height, and to explain each one in a detailed way with possible use cases and tips…" https://ishadeed.com/article/min-max-css/ Understanding CSS Grid: Creating A Grid Container By Rachel Andrew. "In a new series, Rachel Andrew breaks down the CSS Grid Layout specification. This time, we take a detailed look at what happens when you create a grid container and the various properties that can be applied to the container to shape your grid…" https://www.smashingmagazine.com/2020/01/understanding-css-grid-container/ How to Create Printer-friendly Pages with CSS By Craig Buckler. "This article was updated in 2020 to reflect latest best practices in CSS print styling…" https://www.sitepoint.com/css-printer-friendly-pages/ How Auto Margins Work in Flexbox By Chris Coyier. "Robin has covered this before, but I've heard some confusion about it in the past few weeks and saw another person take a stab at explaining it, and I wanted to join the party…" https://css-tricks.com/how-auto-margins-work-in-flexbox/ Is 'is' Useful? By Chris Coyier. "Anytime we have fairly repetitive selectors that have a common parent, it's probably a place we can use the :is() pseudo-selector…" https://css-tricks.com/is-is-useful/ +04: EVALUATION & TESTING. Open vs. Closed Questions in User Research (Video) By Alita Joyce. "When doing user research for a UX design project, we can ask questions in two ways: open-ended (no fixed set of response options) and close-ended (users are restricted to picking from a few answers). Both work well, but only for those research questions they are suited to answer." https://www.nngroup.com/videos/open-vs-closed-questions/ Can We Automate UX Expert Reviews? (Video) By David Travis. "I answer the question, 'In the light of so many jobs/activities being automated by AI, how likely is that UX inspections and expert reviews can be automated?'" https://www.youtube.com/watch?v=CXr49-HePfA +05: EVENTS. Accessible Microcopy: A Co-Meetup with Portland UX Writers January 16, 2020. Portland, Oregon, U.S.A. https://www.meetup.com/Portland-Accessibility-and-User-Experience-Meetup/events/267515998/ UXCamp DC 2020 January 18, 2020. Washington D.C., U.S.A. http://uxcampdc.com/index.html ConveyUX March 3-5, 2020. Seattle, Washington, U.S.A. https://conveyux.com/ South by Southwest Interactive March 13-22, 2020. Austin, Texas, U.S.A. https://www.sxsw.com/interactive/ HalfStack Charlotte April 24, 2020. Charlotte, North Carolina, U.S.A. https://halfstackconf.com/charlotte/ CHI 2020 April 25-30, 2020. Oahu, Hawaiʻi, U.S.A. https://chi2020.acm.org/ Intro Web Accessibility with WAI-ARIA, WCAG 2.0, and Section 508 Compliance May 4-5, 2020. Washington D.C., U.S.A. https://www.gpo.gov/how-to-work-with-us/agency/events-and-training/calendarview/2020/05/04/gpoevents/intro-web-accessibility-with-wai-aria-wcag-2.0-and-section-508-compliance National ADA Symposium May 10-13, 2020. Kansas City, Missouri, U.S.A http://www.adasymposium.org/ +06: HTML. Why You Should Choose HTML5
Over
By Bruce Lawson. "Browsers' visual display of headings nested inside
elements makes it look as if they are assigning a logical hierarchy to those headings. However, this is purely visual and is not communicated to assistive technologies. What use is
, and how should authors mark up headings that are hugely important to AT users?…" https://www.smashingmagazine.com/2020/01/html5-article-section/ +07: JAVASCRIPT. Progressive Web Apps in 2020 By Maximiliano Firtman. "…How Progressive Web Apps look like now that 2020 is starting? What has been added in 2019 to the ecosystem that you might not be aware of? Let's find out…" https://medium.com/@firt/progressive-web-apps-in-2020-c15018c9931c +08: MISCELLANEOUS. The People's Web By Anil Dash. "…If we're going to build a new web, and a new internet, that respects our privacy and security, that doesn't amplify abuse and harassment and misinformation, we're going to need to imagine models of experiences and communities that could provide a better alternative. There's not going to be a "Facebook killer". But there could simply be lots of other sites, that focus on a different, more constructive and generative, set of goals…" https://anildash.com/2019/12/23/the-peoples-web/ The Internet Isn't What We Fight FOR, It's What We Fight WITH (Video) By Cory Doctorow . "The world has problems that are much more urgent than internet policy: climate change, inequality, issues of race, gender and gender identity, and more. The internet is less important than all of these battles! But the internet is where we will have these battles - it's the terrain on which we fight. It's not what we fight FOR, but it's what we fight WITH. That is why it's crucial to keep the internet free, fair and open…" https://www.youtube.com/watch?v=D3Bvdz3vVfM Twelve Million Phones, One Dataset, Zero Privacy By Stuart A. Thompson and Charlie Warzel. "Every minute of every day, everywhere on the planet, dozens of companies - largely unregulated, little scrutinized - are logging the movements of tens of millions of people with mobile phones and storing the information in gigantic data files…" https://www.nytimes.com/interactive/2019/12/19/opinion/location-tracking-cell-phone.html Matuzo.at From Scratch By Manuel Matuzovic. "I'm redesigning and building my website from scratch. In this first video I introduce myself and I describe what my plans are for the following weeks and months…" https://www.youtube.com/watch?v=cijF86B5UYI +09: NAVIGATION. Search Box vs. Navigation (Video) By Katie Sherwin. "Is it enough to have a search feature on a website? Or do users also benefit from a well-designed navigation interface? Depending on the nature of the site, the balance between the two can change." https://www.nngroup.com/videos/search-box-vs-navigation/ Text Links: Best Practices for Screen Readers By Sailesh Panchang. "The following screen readers and browsers were tested for this update…" https://www.deque.com/blog/text-links-practices-screen-readers/ +10: TYPOGRAPHY. B612 Font Family By Airbus. "B612 is an highly legible open source font family designed and tested to be used on aircraft cockpit screens. Use B612 on the web…" https://b612-font.com/ A Short History of Body Copy Sizes on the Web By Florens Verschelde. "It's hard to pick a font size that is just right, especially as you try to adapt to different screens and scenarios. Looking at the recent history of how we got here can give us some perspective…" https://fvsch.com/body-copy-sizes/ +11: USABILITY. User-Experience Quiz: 2019 UX Year in Review By Raluca Budiu. "Test your usability knowledge by taking our quiz. All questions and answers are based on articles that we published last year." https://www.nngroup.com/articles/ux-quiz/ Usability and User eXperience (UX) from A to Z By The Usability People. "Affordance - An affordance is a quality of an object, or an environment, which allows an individual to perform an action…" http://www.theusabilitypeople.com/usability-and-user-experience-ux-z [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.]