Hannah Andersson

34 Flips | 4 Magazines | @decemberly | Keep up with Hannah Andersson on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Hannah Andersson”

Ensure High Contrast for Text Over Images

<b>Summary:</b> If you place text over a background image, make sure it’s readable by providing adequate contrast. Subtle tweaks can increase the contrast …

Visual Design

The designer's guide to digital accessibility

The notion of accessibility in digital designs may bring to mind ideas of screen readers and voice control, but it's about much more. Some …

Visual Design

The Accessibility Cheatsheet

We all know that accessibility is important. The problem is, it is not always clear what exactly we can do to make our sites more accessible.<p>The Web …

Visual Design

Accessibility for Modern Responsive Website Layouts

The older methods of web design have fallen by the wayside to make room for HTML5/CSS3 design. Unfortunately when you’ve become ingrained with older …

Flat UI and Forms

This article is about two important four-letter words that start with “F”: “flat” and “form.”<p><b>Article Continues Below</b><p>Prepare for leadership roles at …

7 Things Every Designer Needs to Know about Accessibility

Accessibility enables people with disabilities to perceive, understand, navigate, interact with, and contribute to the web. Imagine a world where …

UX Design

Color Contrast for Better Readability

When you create color palettes for your web design projects, are you testing the color combinations for contrast? If you're not, you might not be …

Visual Design

Let Links Be Links

The concept of the web as an application platform has never been more popular, but the tools used to create these so-called “web apps” are still …

JavaScript

Don’t Forget About Contrast

Several years ago I wanted to get an external monitor to go along with the laptop my work provided. I was a remote worker and decided to buy one …

Web Design

Tutorials Overview • WAI Web Accessibility Tutorials

This collection of tutorials shows you how to develop web content that is accessible to people with disabilities, and that provides a better user …

Tips for Creating Accessible SVG — SitePoint

A different form of accessible data – a 3d<p>Scalable Vector Graphics (SVG) exists in a quantum state of accessibility. Which is to say that SVG is both …

Making Modal Windows Better For Everyone

To you, modal windows1 might be a blessing of additional screen real estate, providing a way to deliver contextual information, notifications and …

The Unbearable Inaccessibility of Slideshows

Slideshow. Slider. Carousel. Whatever you call them, they’re ubiquitous on organizational home pages across the web. And almost all of them are …

Why Make Websites Accessible? — SitePoint

Is your web content “accessible” to all? If not, how many users could it possibly affect?<p>Web Accessibility is the process of developing applications …

Justified Text

Dani Iswara, in a comment on previous post Taking Criticism in Web Design, pointed out that all the blog entries on my site have justified text.<p>I …

Readability: the Optimal Line Length

Having the right amount of characters on each line is key to the <b>readability of your text</b>. It shouldn’t merely be your design that dictates the width …

Essential Colour Checklists For Web Design — SitePoint

<b>This article introduces the basics of cognitive psychology around colour and patterns — what you need to know, and how it affects Web design in a</b> …

Why Text in All Caps Is Hard for Users to Read

Can you believe a woman got fired from her job for using all caps in an email? There’s something about all caps text that turns people off. Using it …

10 Principles Of Readability And Web Typography

<b>Hierarchy</b> Every typographic layout needs the essential element of hierarchy. Hierarchy defines how to read through content. It shows the user were to …

Accessibility: The Missing Ingredient

Once upon a time, I treated web accessibility as something of an extra. Sure, my images had<p>altattributes. Yes, my anchors contained titles. I honored …

Web Development

How to Create Unforgettable Interface Copy — SitePoint

Shakespeare and Hemingway may have crafted words in a way that asks us to reflect on the human condition, but could they increase your conversion …

Accessibility - Usability - Material Design

Principles<p>An arrow that points down when collapsed and points up when expanded.<p>A well-designed product is accessible to users of all abilities, …

Why and How to Avoid Hamburger Menus

We now have data that suggests Sidebar menus—sometimes called Hamburger Menus/Basements—might be causing more harm than good.Here’s some public …

UI Design

Fonts

Font families<p>Fonts are categorized into "families" based on their characteristics. The most common font families …

Typography

Colour Accessibility

Here’s a quote from Josef Albers:<p>In visual perception a colour is almost never seen as it really is[…] This fact makes colour the most relative …

Why Bother with Accessibility?

Web accessibility (known in other fields as inclusive design or universal design) is the degree to which a website is available to as many people as …