Accessibility Archive

404

What Makes a Great 404 Error Page?

404 page

No one wants to think website visitors are spending time on error pages, but it happens. The 404 error page is one place that these interactions happen rather frequently. Design it in a way that speaks to users rather than encouraging them to leave your site.

More memorable and less frustrating 404 error pages are the most successful. They can also be the most fun to design. So what can you do to create the best 404 page for your site? Here are a few tips, tricks and gallery of great examples.

November 17th, 2014 Posted in Accessibility, Inspiration
accessibility

Design for Everyone: Considering Accessibility in Visual Projects

screenshot

Because design is such a visual concept, we don’t always stop to think about how design can impact users with certain disabilities. From vision to hearing or even touch impairments, how you design a website, brochure or even package can look or work a different way to different people.

And while you can’t design so that every element is perfect in every condition for every user, there are some things you can do and think about to make your design projects more accessible to a larger number of people. Simple techniques such as color choice, texture, shading and sound effects can make a difference to users.

June 19th, 2014 Posted in Accessibility
greenman

Optimising Front End Performance for Mobile Devices

greenman

Most front-end developers will be familiar with at least some of the options available to them when it comes to enhancing front end performance. Performance in this sense is not referring to the speed at which a given page loads, but instead how smooth and responsive it feels when a user interacts with it. A specific example would be the frame rate a user experiences when scrolling down your home page; if it’s consistently high, then performance is considered good.

There is a chance you may not have experienced a need to address performance issues before. Maybe you haven’t worked on a site that has suffered from such issues, or maybe removing that small bit of lag or recovering those dropped frames just isn’t at the top of your priorities. Either way, with the increasing amount of animation and complex styles being built into modern websites coupled with the adaptation of responsive design, there is a high chance you’ll run into sluggish mobile performance at some point. This article will suggest a few things to consider when working on websites and web apps that need to balance complexity and performance when running on less powerful mobile devices.

January 29th, 2014 Posted in Accessibility
bartering-f

The Designer’s Guide to Bartering

bartering

Never work for free. It’s a moto that will get you far in an industry overflowing with bottom feeders who want something for nothing. That being said though, money isn’t the only thing in the world for which you should consider busting out a few hours of design work.

Countless designers have found that they can get far in life through the age old practice of bartering. Read on to see how to barter like a pro.

August 7th, 2012 Posted in Accessibility
killcaptcha-f

Should We Kill the CAPTCHA?

screenshot

Do you like CAPTCHAs? Don’t lie, of course you don’t. On a fun scale, you rank them right up there with dentists and IRS agents. However, as an intelligent web designer or developer you understand that they are a necessary annoyance.

But wait, are they really? Given the collective talent and intelligence of the web design community, is a fuzzy string of letters really the best that we can up up with? If users hate these things so much, why not come up with something new? Let’s explore this idea and see if we can inject some fresh ideas into the conversation.

July 26th, 2012 Posted in Accessibility
Tips for Designing for Colorblind Users

Tips for Designing for Colorblind Users

screenshot

It’s estimated that about 8% of males and 0.5% of females are born colorblind. That may seem like a low number but if you’re designing for a large audience, having a site that’s unusable for eight out of every hundred males is definitely less than desirable.

Fortunately, you can fairly easily make sure that your site is colorblind friendly by always keeping in mind the information below. We’ll take a look at what colorblindness really means and how you can tweak your designs based on a few simple principles.

July 28th, 2010 Posted in Accessibility
Learning From Microsoft: 10 Design Pitfalls to Avoid

Learning From Microsoft: 10 Design Pitfalls to Avoid

screenshot

Today we’ll look into the web design practices and trends of the single biggest name in software to see if we can learn anything about some mistakes to avoid in our own work.

Feel free to comment to either agree or disagree with the suggestions below. As professional designers your insight is valuable and I look forward to your thoughts.

May 1st, 2010 Posted in Accessibility, CSS, Web Standards
12 Tips for a More Accessible Website

12 Tips for a More Accessible Website

screenshot

Making your website accessible to everyone is not only a moral duty, it’s a legal obligation. Many organizations, including the International Olympic Committee, have been sued for not making their websites accessible enough. With 50 million Americans suffering from some disability or other, improving your site’s accessibility makes clear commercial sense too.

March 19th, 2010 Posted in Accessibility, Web Standards
The Importance of a / B Design Testing

The Importance of a / B Design Testing

For many developers, launching a site is not the end of the design process. To continually improve the success of their design, these developers turn to A/B testing. This relatively simple process can teach you loads about what your users are looking for as well as what they ignore or find unimportant.

Today we’ll take a quick look at what A/B testing is, the benefits of implementing it, and some tools to get you going.

March 9th, 2010 Posted in Accessibility, Layouts
How to Build a Site With Keyboard Navigation: PSD to HTML

How to Build a Site With Keyboard Navigation: PSD to HTML

Today we’ll be looking at how to add keyboard navigation to a website using a few simple lines of JavaScript. First we’ll create a simple site theme in Photoshop and then transform it into a working website that uses keyboard functions to switch pages.

November 30th, 2009 Posted in Accessibility, CSS, HTML
Subscribe

Membership