March 2018 – netgoldblog

[webdev] Web Design Update: March 15, 2018

Posted on March 17, 2018 by jwneastro

https://tinyurl.com/y6vxnac5
Date: Thu, 15 Mar 2018 05:44:02 -0500
From: Laura Carlson <lcarlson@d.umn.edu>
To: webdev <webdev@d.umn.edu>
Subject: [webdev] Web Design Update: March 15, 2018

https://tinyurl.com/y6vxnac5

+++ WEB DESIGN UPDATE.

– Volume 16, Issue 38, March 15, 2018.

An email newsletter to distribute news and information about web design and development.

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

07: MISCELLANEOUS.

08: NAVIGATION.

09: USABILITY.

SECTION TWO:

10: What Can You Find at the Web Design Reference Site?

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

A DIY Web Accessibility Blueprint

By Beth Raduenzel.

“Good accessibility is good UX. We should seek to create the best user experience for all (not just the able-bodied). But launching a company accessibility remediation project can be a big undertaking. You will need to win over company leadership, build a multi-disciplinary accessibility team, and educate everyone on accessibility standards. In this article, Beth Raduenzel provides a step-by-step guide to making and maintaining an accessible website.”

https://alistapart.com/article/diy-web-accessibility-blueprint

WCAG 2.1 Guidelines. What’s New We May Expect?

By Artur Kaczmarek.

“The first version of Web Content Accessibility Guidelines (WCAG) was released by Web Accessibility Initiative (WAI) in 1999…”

https://www.joomla-monster.com/blog/web-development/ wcag-2-1-guidelines-what-s-new

Text Splitting Causes Screen Reader Problems

By Daniel Göransson.

“I am a screen reader user, and I am annoyed…”

https://axesslab.com/text-splitting/

Accessibility for Developers

By İrem Ercan.

“Simple steps to improve and enforce your website accessibility…”

https://www.invisionapp.com/blog/accessibility-for-developers/

A Primer to Web Accessibility for Designers

By Nicholas Kramer.

“Quick wins to make your designs more inclusive…”

https://uxplanet.org/ a-primer-to-web-accessibility-for-designers-2c548448c612

A11y Isn’t Just…

By Dave Letorey.

Why a11y? A11y is a numeronym, presenting “accessibility” as “a” followed by 11 more letters, followed by “y”.

https://letorey.co.uk/blog/a11y-isnt-just

When Accessibility Doesn’t Make It into the EDUCAUSE Top 10: Turn It Up to 11

By Jess Thompson, Amy Rovner and Tom Gibbons.

“…as vital discussions around diversity and equity have moved into the spotlight, people with disabilities have frequently remained an afterthought, reflecting an ongoing societal struggle to adequately recognize their rights…”

https://er.educause.edu/articles/2018/3/when-accessibility- doesnt-make-it-into-the-educause-top-10-turn-it-up-to-11

How Do I Edit the Alternative Text for a Photo (on Facebook)?

By Facebook. (hat tip to @seanzdenek) “How to replace auto generated alt-text on your Facebook photos and images with better, more accessible descriptions.”

https://www.facebook.com/help/214124458607871

+02: CASCADING STYLE SHEETS.

Short Note on What CSS Display Properties do to Table Semantics

By Steve Faulkner.

“The CSS display properties are powerful…”

https://developer.paciellogroup.com/blog/2018/03/ short-note-on-what-css-display-properties-do-to-table-semantics/

Writing CSS with Accessibility in Mind (Video)

By Manuel Matuzovic.

“…This talk aims to demystify web accessibility and provide you with simple and practical CSS tips and tricks, which you can easily incorporate into your workflow today. You are going to find out how to make your web projects more inclusive and improve the usability and user experience at the same time…”

https://www.youtube.com/watch?v=EOiC2M47GBY

What’s the Deal with Margin Collapse?

By Jonathan Harrell.

“Learn about the margin collapse, a fundamental concept of CSS layout. See visual examples of when margin collapse happens, and when it doesn’t.”

https://jonathan-harrell.com/whats-the-deal-with-margin-collapse/

+03: EVALUATION & TESTING.

Tips For Conducting Usability Studies With Participants With Disabilities

By Peter McNally.

“Over the last few years, I ran several usability studies with participants with various disabilities…”

https://www.smashingmagazine.com/2018/03/
tips-conducting-usability-studies-participants-disabilities/

43 Ways to Find Participants For Research

By Tomer Sharon.

“One of the biggest bottlenecks of research and a topic of unjust misconceptions is finding people who will participate in research…”

https://medium.com/@tsharon/ 43-ways-to-find-participants-for-research-ba4ddcc2255b

Dealing with Difficult Usability Test Participants

By David Travis.

“A common concern of people running usability tests is that sooner or later they’ll run into a difficult participant. Who are these difficult characters and how can we prevent them from being a problem?…”

https://medium.com/@userfocus/ dealing-with-difficult-usability-test-participants-113474fd5925

The UX Testing Tool That Was Here All This Time

By Diana Weschke.

“Have you ever heard of the User Experience Questionnaire or UEQ? If you have not, you need to download it right now…”

https://uxplanet.org/this-quick-tool-for-ux- tracking-was-here-all-this-time-for-free-bb9a195f6423

Why You Should Avoid Coffee Shop or Guerilla Usability Tests (Video)

By Sarah Doody.

“In this video, I’ll address the controversial topic of conducting guerilla usability tests and user research interviews, otherwise known as ‘coffee shop usability’…”

https://www.youtube.com/watch?v=QPhq2ExH918

Is a Single Item Enough to Measure a Construct?

By Jeff Sauro.

“…Single item measures are likely adequate for some constructs… Multi-item measures are better for more complex constructs… Multi-item measures will improve the amount of points of discrimination… Use more points for single items… Consider test-retest as an alternate measure of reliability…”

https://measuringu.com/single-multi-items/

+04: EVENTS.

Leadership Exchange in Arts and Disability (LEAD®) August 9-11, 2018. Atlanta, Georgia, U.S.A. http://education.kennedy-center.org/education/accessibility/lead/conference.html

An Event Apart Chicago August 27-29, 2018. Chicago, Illinois, U.S.A. https://aneventapart.com/event/chicago-2018

Authoring Tools Accessibility: New US and European Requirements September 26, 2018. Online http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=519

+05: HTML.

Swapping Images with the Sizes Attribute

By Scott Jehl.

“…Overall, we find this trick to be really handy, particularly as it allows our clients to place all of their image sizes in one place in the markup, which tends to make integration easier with various content management systems…”

https://www.filamentgroup.com/lab/sizes-swap/

HTML5 Accessibility

By Steve Faulkner.

“Get the current accessibility support status of HTML5 features across major browsers. Editor’s draft, March 2018”

http://html5accessibility.com/

<main>

Updated By Steve Faulkner.

Steve updated the “@MozDevNet documentation for <main> to reflect the W3C/WHATWG definition alignment.”

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main

Accessible Autosuggest Dropdown

By Dennis Lembrée.

“…modified version of an accessible autosuggest from Intopia’s autosuggest article…”

https://weboverhauls.github.io/demos/autosuggest/

+08: MISCELLANEOUS.

One-Page-Applications Are Not Accessible

By Craig Abbott.

“…People do amazing things. I don’t doubt for one minute that a good accessible one-page-application is possible. But I’ve not seen one yet.”

http://www.craigabbott.co.uk/one-page-applications-are-not-accessible

Planning for Everything: The Design of Paths and Goals

By Peter Morville.

“This is a sample chapter from Peter Morville’s new book Planning for Everything: The Design of Paths and Goals…”

https://www.uxmatters.com/mt/archives/2018/03/ planning-for-everything-the-design-of-paths-and-goals.php

+09: NAVIGATION.

Why Organizations are Still so Bad at Findability

By Gerry McGovern.

“…If content is the oil of the Web, then findability is the petrol / gasoline. Content that is not findable is crude. It sits there with untapped potential. If you don’t have a findability strategy, you don’t have a digital strategy.”

http://gerrymcgovern.com/ why-organizations-are-still-so-bad-at-findability/

+10: USABILITY.

The Two UX Gulfs: Evaluation and Execution

By Kathryn Whitenton.

“With every interaction, users must overcome the twin challenges of understanding the current state of a system and figuring out how to change it. Designers can support them by being aware of these gulfs and bridging them with a transparent conceptual model.”

https://www.nngroup.com/articles/two-ux-gulfs-evaluation-execution/

Gestalt Theory for UX Designers: Principle of Similarity.

By Marina Yalanska.

“…today we are going back to basics: let’s start revising how Gestalt grouping principles can affect user interfaces positively…”

https://design4users.com/2018/02/13/ gestalt-theory-for-ux-designers-principle-of-similarity/

Banner Blindness: Ad-Like Elements Divert Attention (Video)

By Kara Pernice.

“Recent eyetracking studies confirm an old finding: People tend to ignore design elements that signal advertisements.”

https://www.nngroup.com/videos/banner-blindness/

Attributes of Effective Agile UX (Video)

By Page Laubheimer.

“Agile is not easy for UX. However, blending Agile and UX can work with the right culture and mindset.”

https://www.nngroup.com/videos/effective-agile-ux/

Creating User-Friendly Forms

By Momoh Silm.

“…creating user-friendly forms is a major key to increasing the completion rate of your forms…”

https://blog.prototypr.io/creating-user-friendly-forms-46e3f7f4eef2

User-Centered Web Development

By Jens Oliver Meiert.

“…Developer experience (and developer usability, as suggested in Principles of Web Development) matters, but ultimately we as developers do have users, and our work should reflect that…”

https://meiert.com/en/blog/user-centered-web-development/

[Section one ends.]

++ SECTION TWO:

+11: 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.]

ETHICS : PLAGIARISM : REPORTING : THESES : DATABASE SEARCH RESULTS: Sources Regarding the Reporting of a Dissertation or Thesis

Posted on March 11, 2018 by jwneastro

https://tinyurl.com/ybck9w6t

ETHICS : PLAGIARISM : REPORTING : THESES : DATABASE SEARCH RESULTS: Sources Regarding the Reporting of a Dissertation or Thesis

https://tinyurl.com/ybck9w6t

David P. Dillard Mar 9 #6059 This post was first shared by me in response to a discussion group inquiry. First of all, I personally think you should report this to the chair of each department and to the Dean of the college in which each incident of plagiarism occured. Also look at the links I am providing for relevant sources that may give you other ideas regarding how to handle this. Also see if you can find any indication that these individuals have turned this into a publication and report this to the editors and publisher of the journal. This is more provable if the plagiarists have a publication date later than yours. If not you may want to consult with your advisors, chair and dean regarding how to prove this matter, the lack of citing additiional authors for the same material may help indicate plagiarism here. Links: “reporting PLAGIARISM” AND (DISSERTATION OR THESIS) Google https://tinyurl.com/yc6ay56f https://tinyurl.com/yd52q3t9 Google Scholar https://tinyurl.com/ybhfl7vh https://tinyurl.com/ybtmctlr duplication above due to spacing issue Google Books https://tinyurl.com/y7h8gtmk Google Domain Limited Web Search (DISSERTATION OR DISSERTATIONS) https://tinyurl.com/y6un9478 https://tinyurl.com/yc6wwsw9 Penn State Summon Search https://tinyurl.com/ycujh8zf Book / eBook (11) Include Exclude Book Chapter (2) Include Exclude Book Review (1) Include Exclude Dissertation/Thesis (9) Include Exclude Journal Article (13) Include Exclude Newspaper Article (4) Include Exclude Sincerely, David Dillard Temple University (215) 204 – 4584 jwne@… http://workface.com/e/daviddillard RESEARCH GUIDE DIRECTORY https://sites.google.com/site/researchguideresourcesongsites/ Net-Gold https://groups.io/g/Net-Gold http://listserv.temple.edu/archives/net-gold.html https://groups.io/org/groupsio/Net-Gold/archives Google Sites Research Guides AND Discussion Group Directory http://tinyurl.com/ngda2hk OR https://sites.google.com/site/researchguidesonsites/ FAKE NEWS https://sites.google.com/site/fakenewsresearchguide/ RESEARCH PAPER WRITING https://sites.google.com/site/howtowriteasuperresearchpaper/ EMPLOYMENT https://sites.google.com/site/employmentsources/ INTERNSHIPS https://sites.google.com/site/internshipsarticles/home/internships-main-sitemap Social Work and Social Issues Discussion Group https://groups.io/g/social-work Tourism Discussion Group https://groups.io/g/Tourism Blog https://educatorgold.wordpress.com/ Articles by David Dillard https://sites.google.com/site/daviddillardsarticles/ Twitter: davidpdillard SPORT-MED https://www.jiscmail.ac.uk/lists/sport-med.html http://listserv.temple.edu/archives/sport-med.html https://groups.io/g/SportMed/topics

[webdev] Web Design Update: March 8, 2018

Posted on March 11, 2018 by jwneastro

https://tinyurl.com/y7clrv6f

[webdev] Web Design Update: March 8, 2018

David P. Dillard Mar 8 #6058 . . Date: Thu, 8 Mar 2018 05:03:37 -0600 From: Laura Carlson <lcarlson@d.umn.edu> To: webdev <webdev@d.umn.edu> Subject: [webdev] Web Design Update: March 8, 2018 +++ WEB DESIGN UPDATE. – Volume 16, Issue 37, March 8, 2018. An email newsletter to distribute news and information about web design and development. ++ISSUE 37 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: JAVASCRIPT. 06: MISCELLANEOUS. 07: NAVIGATION. 08: TYPOGRAPHY. 09: USABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. WCAG 2.1: Success Criteria for Cognitive Disabilities By Kurt Mattes. “…In the Candidate Recommendation dated January 30, 2018, two of these 11 Success Criteria are at Level A and six are at Level AA. For organizations wishing to reach for Level AAA, three additional Success Criteria are covered at the end of this post…” https://developer.paciellogroup.com/blog/2018/03/ wcag-2-1-success-criteria-for-cognitive-disabilitie s/ The New Guidelines in WCAG 2.1 Explained By Alexander Skogberg. “In the Summer of 2018, WCAG 2.0 will be updated to version 2.1 with new guidelines for making websites even more accessible. In this post I’ll try to give simple explanations of these guidelines along with thoughts and advice on how to follow them…” https://alexanderskogberg.com/2018/02/new-guidelines-wcag-2-1-explained/ WCAG 2.1: Writing a Recommendation By Audrey Maniez. “With the advent of WCAG 2.1 in the global accessibility landscape, the promises were ambitious. The new criteria, many and sometimes so unrealistic, have attracted the wrath of some renowned actors in the field…” https://access42.net/wcag-2-1 Your Interactive Makes Me Sick By Eileen Webb. “Why your coolest scrolly features can cause problems, and what to do about it accessibility scrolling migraines are terrible motion…” https://source.opennews.org/articles/motion-sick/ Why Aren’t We Doing This Already? : What I’ve Learned About Accessibility in the Tech Industry By Rachel Williamson. “…I would like to share what I’ve learned about accessibility as it exists right now in the tech industry…” https://medium.com/@rachel.williamson/ why-arent-we-doing-this-already-what-i-ve-learned- about-accessibility-in-the-tech-industry-927a0e1d72d9 Accessible By Design By Andrew Spencer. “…Andrew shares what to think about and tools to use when creating a visually accessible web…” https://seesparkbox.com/foundry/accessible_by_design Overly Accessible? By Jared Smith. “…Yes, if you think of accessibility as code practices and techniques, then these can be overdone resulting in a less than optimal end user experience. But if you think of accessibility as being that end user experience, then no, you can’t make a site overly accessible because those accessibility improvements would inherently benefit everyone.” https://webaim.org/blog/overly-accessible/ YouTube Live Gains Automatic Captions, Chat Replay and More By Sarah Perez. “YouTube today announced several new features designed to improve the live streaming experience for both creators and viewers…” https://techcrunch.com/2018/02/26/ youtube-live-gains-automatic-captions-chat-replay-and-more/ Officials Examine Website Accessibility Amid Federal Disability Investigation By Leah Potter. “As the Department of Education investigates George Washington University (GW) for alleged disability discrimination based on the accessibility of its websites, officials say they’ve formed a task force to examine the issue…” https://www.gwhatchet.com/2018/01/29/ officials-examine-website-accessibility-amid-federal-disability -investigation/ Blind Woman Sues TD Ameritrade Over Allegedly Inaccessible Website By Jed Horowitz. “A woman in New York State has filed a class-action lawsuit against TD Ameritrade claiming that the discount brokerage firm’s website and some of its trading software is inaccessible through screen reader vocalization software and other standard tools used by the blind and visually impaired.” https://advisorhub.com/blind-woman- sues-td-ameritrade-allegedly-inaccessible-website/ ADA Suit Against 1-800-Flowers.com Blooms By Richard P. Lawson. “Demonstrating the minefield facing online retailers, the U.S. District Court, District of Massachusetts refused to dismiss an Americans with Disabilities Act (ADA) accessibility suit filed against 1-800-Flowers.com…” https://www.lexology.com/library/ detail.aspx?g=c913b37a-e010-4404-b1b9-b2ce8b85ed92 H.R. 620 Will Not Prevent Drive-By Accessibility Lawsuits Because It Does Not Address Website Accessibility By Kim Krause Berg. “There are many conflicts with the recent vote to pass H.R. 620 of the ADA by the House of Representatives. The most alarming is requiring a law where one already exists.” https://creativevisionwebconsulting.com/ h-r-620-will-not-prevent-drive-accessibility- lawsuits-not-address-website-accessibility/ Gratitude for a Poached Egg (an Accessibility and Negotiation Strategy) By Lainey Feingold. “…a strategy for moving negotiations and accessibility forward.” http://www.lflegal.com/2018/03/gratitude/ +02: CASCADING STYLE SHEETS. We Write CSS Like We Did in the 90s, and Yes, It’s Silly By Jens Oliver Meiert. “The tools web developers use to build websites have changed dramatically since the 1990s. But when it comes to the craft of writing CSS, Jens Meiert argues, it often seems that we haven’t learned anything over the past 20 years. Meiert discusses why that is and offers his thoughts on how spending more time thinking about the basics can bring the writing of CSS into the 21st century.” http://alistapart.com/article/ we-write-css-like-we-did-in-the-90s-and-yes-its-silly Third Party CSS is Not Safe By Jake Archibald. “A few days ago there was a lot of chatter about a ‘keylogger’ built in CSS.…” https://jakearchibald.com/2018/third-party-css-is-not-safe/ +03: EVALUATION & TESTING. The Line to Say in Usability Testing to Get Honest Feedback By Karah Salaets. “…My job is to help the client make this as amazing as possible. We’ve had some ideas already. And when we brainstormed, we put all our ideas in the design without judgement. You will help me figure out which ideas are great, which are duds, and come up with new ideas we didn’t think of…” http://uxmovement.com/thinking/ the-line-to-say-in-usability-testing-to-get-honest-feedback/ A Comprehensive Guide To User Testing By Christopher Murphy. “…In this article, I’ll be focusing on usability testing, where we evaluate the design decisions we have made against a representative set of users to test if our assumptions are correct…” https://www.smashingmagazine.com/2018/03/guide-user-testing/ How to Turn User Videos into Insights By Jeff Sauro. “Finding and fixing usability problems in an interface leads to a better user experience…” https://measuringu.com/user-videos-insights/ +04: EVENTS. Assistive Technology 101 April 6, 2018. Indianapolis, Indiana, U.S.A. https://www.eventbrite.com/e/assistive-technology-101-tickets-43613381799 Online at: https://www.eastersealstech.com/live Accessible by Design May 8, 2018. Bloomington, Indiana, U.S.A. https://accessiblebydesign.org/ Web Accessibility Training May 8-9, 2018. Logan, Utah, U.S.A. https://webaim.org/training/ php[tek] 2018 May 31-June 1, 2018. Atlanta, Georgia, U.S.A. https://tek.phparch.com/ HCI International 2017 July 15-20, 2018. Los Vegas, Nevada, U.S.A. http://2018.hci.international/index.php eduWeb July 23-25, 2018. San Diego, California, U.S.A. http://eduwebconf.com/ Event Apart Washington DC July 30-August 1, 2018. Washington DC, U.S.A. https://aneventapart.com/event/washington-dc-2018 Web Directions Code August 2-3 2018. Melbourne, Australia http://www.webdirections.org/code/ +05: JAVASCRIPT. aria-keyshortcuts (property) By Rakesh Paladugula. “The aria-keyshortcuts property informs the screen reader user the shortcuts developer implemented to activate or focus an element on the web page or an application…” http://www.maxability.co.in/2018/03/aria-keyshortcuts-property/ 8 Tips for Improving Bootstrap Accessibility By Rhiana Heath. “A few years ago, I wrote about my experiences on developing a Bootstrap version 3 project to be fully accessible for people with disabilities. This focussed mostly on Bootstrap accessibility in terms of front-end design…” https://www.sitepoint.com/making-bootstrap-accessible/ Notifications By Heydon Pickering. “The key difference between a website and a web app is… highly contested…” https://inclusive-components.design/notifications/ Creating Accessible React Apps (Video) By Scott Vinkle. “The React JavaScript library is a great way to create reusable modular components that can be shared among projects. But how do you ensure your React apps are usable by all kinds of people? Scott Vinkle will share tips on how to build your React apps with accessibility baked-in…” https://www.youtube.com/watch?v=-Twm-cq_E2A +06: MISCELLANEOUS. A11y Rules Podcast Episode 30 – Interview with Glenda Sims – Part 2 By Nicolas Steenhout. “Glenda speaks of the importance of mentoring “fresh blood” in the accessibility field. She also explains how she gets frustrated by accessibility going forward two steps, and backwards one step.…” https://www.patreon.com/posts/a11y-rules-30-2-17067471 +07: NAVIGATION. Accessible Landmarks By Scott O’Hara. “Landmarks can be useful to screen reader users as they can be used to help orient a user to, and easily navigate, an appropriately structured web page or application screen…” http://www.scottohara.me/blog/2018/03/03/landmarks.html The Most Powerful Words are Often Not Searched For By Gerry McGovern. “…Getting your words right in your menus and links will have a greater positive impact on customer experience than any other initiative you will undertake.” http://gerrymcgovern.com/the-most-powerful- words-are-often-not-searched-for/ +08: TYPOGRAPHY. Serif, Sans, Script & Slab: 4 Font Types Explained By Carrie Cousins. “Always wanted to know the difference between serif, sans, script, and slab fonts? Look no further. Take your typography game to the next level, and quit guessing if certain typefaces or font pairs work together. Back your logic with a little design theory…” https://designshack.net/articles/typography/ font-types-explained-serif-sans-script-slab/ +09: USABILITY. Back to Static: a Paradigm Shift for Better UX and Web Performance By Boris Schapira. “For several years now, a new range of solutions have emerged in the web technologies landscape…” https://blog.dareboost.com/en/2018/02/static-website-web-performance/ The Principle of Commitment and Behavioral Consistency By Therese Fessenden. “Getting users to make a small commitment and follow up on it can increase engagement with content.” https://www.nngroup.com/articles/commitment-consistency-ux/ What Web Designers Need to Know About Hick’s Law By uxplanet. “Hick’s Law guides UX designers to create effortless user experiences. Here’s how to apply the law to your UX design…” https://uxplanet.org/what-web-designers-need- to-know-about-hicks-law-4601b7dc0470 Fitts’ Law: Tracking Users’ Clicks By Mads Soegaard. “…Understanding Fitts’ Law (sometimes called Fitts’s Law) will give you a key to unlock another dimension in designing…” https://www.interaction-design.org/literature/ article/fitts-law-tracking-users-clicks Steve Jobs on 6 Key Principles of User Experience By David Travis. A good quotation can be a powerful communication tool. And Steve Jobs, perhaps history’s best design communicator, left us with some profound words. Jobs had an intuitive understanding of great design and user experience as these quotations show.” https://www.userfocus.co.uk/articles/ Steve-Jobs-on-6-key-principles-of-ux.html Describing UX to Family and Friends (Video) By Nielsen Norman Group. “Do you ever find it challenging to explain to people what you do for a living? See how other UX professionals do it.” https://www.nngroup.com/videos/describing-ux-family-and-friends/ 3 UX Tips for Better Newsletters and Marketing Emails (Video) By Kim Flaherty. “Your customers want email newsletters that provide immediate utility. Thoughtful layout, image choices, and formatting will help you win over customers on your mailing list.” https://www.nngroup.com/videos/newsletters-marketing-emails/ E-Commerce UX: Post-Process Vendor-Supplied Product Data (52% Don’t) By Edward Scott. “Product specifications, whether they appear in a dedicated spec sheet, in a product list item, or as filters, are crucial to some users’ product-purchasing decision…” https://baymard.com/blog/post-process-product-data [Section one ends.] ++ SECTION TWO: +10: 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.] * *

[webdev] Web Design Update: March 1, 2018

Posted on March 11, 2018March 11, 2018 by jwneastro

https://tinyurl.com/ycsu9z4z
Date: Thu, 1 Mar 2018 05:11:53 -0600
From: Laura Carlson <lcarlson@d.umn.edu>
To: webdev <webdev@d.umn.edu>
Subject: [webdev] Web Design Update: March 1, 2018

Feedback +++ WEB DESIGN UPDATE.

– Volume 16, Issue 36, March 1, 2018.

An email newsletter to distribute news and information about web design and development.

++ISSUE 36 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: MISCELLANEOUS.

07: USABILITY.

SECTION TWO:

08: What Can You Find at the Web Design Reference Site?

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

WCAG 2.1 Candidate Recommendation – What it Means for Level AA Compliance

By Scott Hollier.

“…With WCAG 2.1 reaching a near-complete stage its a great time to look at all this in a bit more detail and focus on what additional work would be required by ICT professionals to meet WCAG 2.1 Level AA compliance…”

http://www.hollier.info/wcag21cr/

The WCAG 2.1 Final Draft is Here – And It’s Doable

By Essential Accessibility.

“Last December, we discussed the new update to the Web Content Accessibility Guidelines (WCAG), which will be made official in a few months…”

https://www.essentialaccessibility.com/blog/wcag-update-final-draft/

5 Questions to Ask Before Publishing PDFs

By By Deborah Edwards-Onoro.

“Mention PDFs (Portable Document Format) to a group of web professionals these days, and you’re guaranteed to get a lively discussion about the benefits and disadvantages of the PDF file…”

https://www.lireo.com/5-questions-to-ask-before-publishing-pdfs

Mobile Apps Accessibility! Is It Impossible?

By Rakesh Paladugula.

“Mobile apps accessibility is something always make me upset…”

http://www.maxability.co.in/2018/02/mobile-apps-accessibility-impossible/

Stakeholder Job Stories for Accessibility Guidelines

Editors: Charles Hall, Shawn Lauriat, and Jeanne Spellman.

“As part of a use-centered design process, the Silver Community Group and the Silver Task Force of the Accessibility Guidelines Working Group (AGWG) identified 31 stakeholder roles for users of accessibility guidelines…”

https://www.w3.org/community/silver/stakeholder-job-stories

Accessibility Testing for Beginners

By Andrea Fercia.

“In-depth accessibility testing requires knowledge and experience. But even if you’re not a specialist, you can start testing for accessibility today…”

https://yoast.com/dev-blog/accessibility-testing-for-beginners

How We’ve Made GOV.UK Elements Even More Accessible

By Anika Henke.

“…We wanted to look at more than 40 different elements and components. And we needed to test a lot of these elements in context…”

https://accessibility.blog.gov.uk/2018/02/28/ how-weve-made-gov-uk-elements-even-more-accessible/

+02: CASCADING STYLE SHEETS.

Styling Empty Cells With Generated Content And CSS Grid Layout

By Rachel Andrew.

“…In this article, I am going to take a look at how to use CSS Generated Content to achieve styling of empty cells without adding redundant empty elements and show some use cases where this technique makes sense…”

https://www.smashingmagazine.com/2018/02/generated-content-grid-layout/

How Browsers Handle Errors in CSS – 3/7 Resilient CSS (Video)

By Jen Simmons.

“How do you write CSS that works in every browser? Step 1: Rely on the error handling model of CSS itself.”

https://www.youtube.com/watch?v=NJjlzxud4_M

Revisiting Margin Collapse

By Adam Laki.

“Margin collapse is something that mentioned in every CSS book’s first or second chapter. When I learned about the stylesheets in a long time ago, of course, I read about it. These memories a little bit wore out so its time to refresh my knowledge…”

https://pineco.de/revisiting-margin-collapse/

30 Seconds of CSS

By atomiks.

“A curated collection of useful CSS snippets you can understand in 30 seconds or less.”

https://atomiks.github.io/30-seconds-of-css/

Responsive Vertical Rhythm with CSS Custom Properties and CSS Calc

By Zell Liew.

“Vertical Rhythm is an important concept in web design. It has the ability to bring a design together and make different elements feel consistent on the same page…”

https://zellwk.com/blog/responsive-vertical-rhythm/

+03: EVALUATION & TESTING.

UX Expert Reviews

By Aurora Harley.

“Expert reviews involve the analysis of a design by a UX expert with the goal of identifying usability problems and strengths.”

https://www.nngroup.com/articles/ux-expert-reviews/

Do Novices or Experts Uncover More Usability Issues?

By Jeff Sauro.

“Finding and fixing problems encountered by participants through usability testing generally leads to a better user experience…”

https://measuringu.com/novice-expert-issues/

+04: EVENTS.

Event Apart Boston June 25-27, 2018. Boston, Massachusetts, U.S.A https://aneventapart.com/event/boston-2018

Advanced CSS Layouts With Flexbox and CSS Grid June 28, 2018. Toronto, Canada https://www.smashingmagazine.com/workshops/ advanced-css-layouts-with-flexbox-and-css-grid-toronto/

New Front-End Adventures in Responsive Design June 28, 2018. Toronto, Canada https://www.smashingmagazine.com/workshops/ new-front-end-adventures-in-responsive-design-toronto/

Institutional Web Management Workshop July 11-13, 2018. York, England, United Kingdom http://iwmw.org/iwmw2018/

+05: HTML.

HTML Source Order and When There’s No CSS (Video)

By Jen Simmons.

“Its important to create HTML that works without CSS – setting your source order and semantic markup before you even get started with your layout. When is it there’s no CSS? Jen Simmons will show you…”

https://www.youtube.com/watch?v=C82zB_yaGF8

+06: MISCELLANEOUS.

Interview with Glenda Sims – Part 1

By Nicolas Steenhout.

“Glenda Sims is Deque’s lead of Accessibility Methodology Practice and Quality. She has been doing digital accessibility since before 2000, and it’s her passion…”

https://www.patreon.com/posts/a11y-rules-29-1-17054522

David MacDonald – The GodFather of WCAG (Podcast)

By AT Banter.

“This week David MacDonald, president of CanAdapt and long-time WCAG and web accessibility guru, calls in to make the Banter Boys an offer they can’t refuse – namely making the online world a more accessible space…”

https://atbanter.com/2018/02/23/ at-banter-episode-90-david-macdonald-the-godfather-of-wcag/

Everything Easy is Hard Again

By Frank Chimero.

“…It’s by keeping our work legible that we keep the door open to the next generation of our co-workers. What works for them also works for us, because whether you are just out of school or have twenty years of experience, you’ll eventually end up in the same spot: your first year of making websites.”

https://frankchimero.com/writing/everything-easy-is-hard-again/

We Need Design That is Faster and Design That is Slower

By Jeffery Zeldman.

“…How can we tell which sites should be faster, and which should be slower? It’s easy. If the content is delivered for the good of the general public, the presentation must facilitate slow, careful reading. If it’s designed to promote our business or help a customer get an answer to her question, it must be designed for speed of relevancy.”

http://www.zeldman.com/2018/02/24/need-design-faster-design-slower/

AMP News

By Chris Coyier.

“AMP is controversial, to say the least…”

https://css-tricks.com/amp-news/

AMP for Email is a Terrible Idea

By Devin Coldewey.

“Google just announced a plan to ‘modernize’ email with its Accelerated Mobile Pages platform, allowing ‘engaging, interactive, and actionable email experiences.’…”

https://techcrunch.com/2018/02/13/amp-for-email-is-a-terrible-idea/

+07: USABILITY.

If Google Wanted to Get Found in Google

By Gerry McGovern.

“Google isn’t optimized for Google. It’s optimized for searching and finding. Focus on the task of your customers and you are much more likely to get found, used and valued.”

http://gerrymcgovern.com/if-google-wanted-to-get-found-in-google/

UX Mapping Methods: When to Use Which (Video)

By Sarah Gibbons.

“UX mappings are visual representations that depict different processes and have different goals, yet they all build common ground within an organization.”

https://www.nngroup.com/videos/ux-mapping-methods/

Dashboard Design User Experience Guidelines

By Justin Mifsud.

“…The success of a dashboard should be evaluated in terms of the user’s ability to identify and understand the individual figures, patterns and trends bound to the data being represented. This can only be achieved as a result of various design considerations that go beyond the aesthetical nature…”

https://usabilitygeek.com/dashboard-design-user-experience-guidelines/

Live Chat Software: The Quick & Dirty UX 101

By Roxanne Abercrombie.

“…Done well, live chat is a UX boon that opens up communication for your website visitors. Poorly done, it is disappointing at best and damaging at worst. So, use this quick overview to start getting your hands dirty in live chat UX…”

https://usabilitygeek.com/live-chat-software-user-experience-guidelines/

[Section one ends.]

++ SECTION TWO:

+08: 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