+++ WEB DESIGN UPDATE.
– Volume 17, Issue 49, May 29, 2019.
An email newsletter to distribute news and information about web
design and development.
++ISSUE 49 CONTENTS.
SECTION ONE: New references.
What’s new at the Web Design Reference site?
New links in these categories:
02: CASCADING STYLE SHEETS.
03: EVALUATION & TESTING.
08: STANDARDS, GUIDELINES & PATTERNS.
11: What Can You Find at the Web Design Reference Site?
++ SECTION ONE: New references.
Contextually Marking up Accessible Images and SVGs
By Scott O’Hara.
“…there are various methods that can be used to provide an accessible
name to an image or SVG element…depending on the markup pattern and
the method used, the accessible name may not be exposed as expected,
due to quirks or gaps in implementations. This means that without
testing, graphics may not be exposed in the manner in which you might
The Difference Between Keyboard and Screen Reader Navigation
By Léonie Watson.
“…Whether someone is a keyboard user or a screen reader user, the
importance of HTML cannot be emphasised enough. Without well-formed
HTML that uses the appropriate element for the purpose, screen reader
navigation breaks down completely, and keyboard navigation is at a
high risk of doing the same…”
Accessible Icon Buttons
By Sara Soueidan.
“An icon button is an icon that triggers some sort of action on the page…”
Tabindex: It Rarely Pays to be Positive
By Scott O’Hara.
“HTML’s tabindex attribute may be used to modify whether an element
can receive keyboard focus, or not…”
2.1.4 Character Key Shortcuts – WCAG 2.1 – Level A
By Rakesh Paladugula.
“If a keyboard shortcut is implemented in content using only letter
(including upper- and lower-case letters), punctuation, number, or
symbol characters, then at least one of the following is true…”
Dragon and Accessible Names on the Web (Video)
By Eric Wright.
“A brief demonstration of “What You See Is What You Say” in a web
browser, and how interaction changes when I only have to say part of
an element’s accessible name. Elements should be named carefully to
enable intuitive interactions…”
Here are 23 Terms You Should Know to Better Understand Accessibility
By Julie Zeglen, Jonah Freedman et al.
“Audism, multi-modality and Section 508: We built a glossary based on
local experts’ suggestions of the terms they think everyone should
A Model for WordPress Accessibility
By Adrian Roselli.
“I am going to propose a way to increase the overall accessibility of
the WordPress ecosystem…”
+02: CASCADING STYLE SHEETS.
Digging Into The Display Property: Grids All The Way Down
By Rachel Andrew.
“Continuing a series on the display property in CSS, this time Rachel
Andrew takes a look at what happens when you use grid as a value of
display, with added information about how subgrid changes that
+03: EVALUATION & TESTING.
Questionnaire Design: An Interview with Annie Pettit (Podcast)
By Gerry Gaffney.
“My guest today is a market research methodologist who specializes in
survey design and data quality…”
Macro & Microconversions as Metrics in Analytics (Video)
By Kathryn Whitenton.
“The most desired user actions (macroconversions) may be too rare to
generate enough analytics data for fast design iteration, so we can
also analyze smaller user actions (microconversions) that are more
frequent and are connected to bigger goals.”
Web Accessibility Evaluation for Non-Technical Users (3-part course)
June 10, 12, and 14, 2019.
Minnesota Assistive Technology (AT) and Accessibility Summit
June 13-14, 2019.
St. Paul, Minnesota, U.S.A.
Web Accessibility Evaluation for Technical Users (3-part course)
June 17, 19, and 21, 2019
Access Technology Higher Education Network (ATHEN) Virtual Conference
June 21, 2019.
June 29-30, 2019.
Portland, Oregon, U.S.A.
Audio Description Institute
July 10-12, 2019.
Rochester, New York, U.S.A.
Chicago UX Conference
September 7-13, 2019, U.S.A.
Chicago, Illinois, U.S.A.
October 25, 2019.
What Have HTML5 Elements Ever Done for Accessibility? (Slides)
By Graham Armfield.
“It’s a story of good intentions that haven’t always been carried
through into a good implementation.”
Placeholder: The Piss-Take Label
By Steve Faulkner.
“The reasons why use of the placeholder attribute as the only means of
providing a user readable prompt for a form control is deficient UX,
Plain Text vs. HTML Emails: Which Is Better? [New Data]
By Niti Shah.
“…Although people say they prefer HTML-based and image-based emails,
in reality, simpler emails perform best — and plain-text emails
perform best of all…”
How Many Items in a Navigation Menu? (Video)
By Page Laubheimer.
“A key question in information architecture (IA) is to decide the
number of items in navigation menus (including global menus and local
menus). 4 main factors determine the answer, but it’s not 7, despite a
+08: STANDARDS, GUIDELINES & PATTERNS.
W3C and WHATWG to Work Together to Advance the Open Web Platform
By Jeff Jaffe.
“…Motivated by the belief that having two distinct HTML and DOM
specifications claiming to be normative is generally harmful for the
community, and the mutual desire to bring the work back together, W3C
and WHATWG agree to the following terms…”
Typography Terms Cheat Sheet
By Therese Fessenden.
“Typography concepts can sometimes get lost in translation between
researchers, developers, designers, and stakeholders. Use this cheat
sheet to help you decode the meaning of common or often mistaken
The State of Fluid Web Typography
By Matej Latin.
“Fluid typography gives us so many opportunities to better design the
reading experiences on the web but, at the same time, it introduces
problems of font sizes scaling uncontrollably and potential
accessibility issues. Is fluid web typography ready to be used?…”
font-display is Incompatible with Icon Fonts
By Zach Leatherman.
“There are myriad problems with icon fonts…”
User Needs, and Why Your Organization Doesn’t Care About Them
By Padma Gillen.
“We are excited to share this excerpt from GatherContent’s book Lead
‘About Us’ Information on Websites
By Anna Kaley and Jakob Nielsen.
“Users expect About Us sections to be clear, authentic, and
transparent. They compare corporate content with third-party reviews
to form a holistic opinion of a company before initiating business or
applying for jobs.”
[Section one ends.]
++ SECTION TWO:
+11: What Can You Find at the Web Design Reference Site?
Cascading Style Sheets Information.
Evaluation & Testing Information.
Information Architecture Information.
Miscellaneous Web Information.
Sites & Blogs Listing.
Standards, Guidelines & Pattern Information.
[Section two ends.]
+ SUBSCRIPTION INFO.
WEB DESIGN UPDATE is available by subscription. For information on how
to subscribe and unsubscribe please visit:
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:
+ SIGN OFF.
Until next time,
Laura L. Carlson
Information Technology Systems and Services
University of Minnesota Duluth
Duluth, MN U.S.A. 55812-3009