articles tagged with: website
I watch as person after person pulls furiously on a door handle before giving it a shove, flying through the doorway much to their surprise and quickly patting down their disheveled attire.
(I'm allowed to laugh as it makes me feel better about doing it myself shortly before, only much less gracefully).
The problem here? The door handle was giving the wrong message. What looked like a handle was indeed a hinge.
My point is, the need for accessibility is everywhere and it is as important in web design as it is in architecture.
When designing for web we must consider various factors such as colour contrast and text size but many forget to consider screenreader users (Screen readers are audio interfaces that convert text into synthesised speech so that users can listen to the content). Luckily there are a few simple things that can be done in order to improve usability for screenreader users, and ultimately all web users...
Unlike sighted web users who can scan a web page and pull out at random what they consider to be the important information. Screen reader users tend to listen to a page from start to finish, top to bottom, left to right. So it is best to have the important parts towards the top of the page.
Descriptive page title
The first thing a screen reader user hears is the page title. It is imperative that this gives users a clear idea of what to expect from that page. Obviously this benefits everyone as anyone can use the page title to orientate themselves and confirm they are where they want to be on the website.
One of the most important usability features for screen reader users is on-page headings. The page structure can then be more easily understood. Although text on the page may appear to be a heading for sighted users, screen readers read through the HTML code so it must be labelled as a heading within that. The screen reader will then announce it as such.
Descriptive link text
Screen reader users can call up a list of on-page links and browse a web page that way. They simply activate links of interest to them. Therefore non-descriptive link text like ‘click here’ is meaningless out of context so avoid it like the plague!
Using lists within the HTML code is super useful as screen readers announce the number of items in each list before reading them out. This way screenreader users have a better idea of what to expect when hearing a list of items, for example site navigation.
A bit like the way an answer machine tells you how many messages you have received rather than just reeling them off one after the other. You feel more prepared for what you're about to listen to. The use of lists (using the <li> tag) is a behind-the-scenes change to the code that shouldn't really affect what the website looks like.
The great thing about these screenreader friendly tips is that each and every one of them will improve overall user experience.
We as humans like to know what to expect and are comfortable with what feels familiar. It's always good to bear this in mind when designing for web and there is no reason this should jeopardise your creativity. Maybe give the web equivalent of dodgy door handles a miss though, just a thought!
Created on Wednesday August 26 2015 03:06 PM
"We are drowning in information but starved for knowledge" - know who said that? You have two guesses... if neither of them were author John Naisbitt, you don't win a prize (well you don't win one either way but it feels good to be right doesn't it?)
Accessible Communications Consultant, Katie Grant, kicked off her engaging talk with that very quote. Katie quite rightly pointed out that information often comes at us faster than we can make sense of it, regardless of disability. So if you're the one dishing out all that know-how, you might want to consider whether it is meaning as much to your audience as it is to you. You should be thinking about:
Language - keep it clear and simple.
Tone of voice - is it appropriate to your audience and your organisation?
Message - should be clear and targeted.
Structure - have a clear intro and overview of the subject.
Content - keep complex data separate.
Readability - pitch at the correct reading level.
Web accessibility should focus on people with all types of disabilities - visual, auditory, physical, speech, cognitive, and neurological disabilities - including older people with age-related impairments.
Potential audience groups who may benefit from an accessible website also include:
- people with long term health conditions.
- those for whom English is not their first language.
- people with low literacy levels / poor social access.
- people with neurodiversity conditions such as autism.
Some say what has caused a lack of awareness is a lack of empathy. Hearing from those who require accessible websites is so valuable and there was a lady present who kindly shared her needs and preferences with us. She has a few conditions including dyslexia and favours websites with accessibility bars that have the option to change the background colour (you can see this on many sites designed by Focus i.e. www.afclocaloffer.org.uk)
Focus work with many charities and enjoy enriching the lives of others through our technology but there are benefits to be had by all when accessibility is considered seriously. Legal & General spent a lot of time and money making their website accessible. In doing so they experienced many side benefits: visitor numbers almost doubled, maintenance costs halved and there was a huge increase in traffic to the site. Even though it's a few years old their case study is an inspiring read and you can view their case study online.
The message is simple. It's a pretty good idea to make accessibility the aim behind communicating any information. Whatever your reasons are for doing so, the benefits are countless.
Created on Monday June 01 2015 12:18 PM
Back in May 2010, one of our most popular blog articles took a quick look at the web sites of the leading four political parties just before election night. It turned out that Labour had the worst performing web site in terms of code validation - and look how that turned out for them.
So clearly, the true test for how an election will end up is a test of their web site against W3C standards (obviously). Five years later, and it's time to do it all again before we all go off to the polling station.
Here's how the seven (seven?!) main party web sites fared:
Does it pass Google's Mobile Friendly test: Yes.
Validation errors: 7 errors and 3 warnings, that's a worse performance than 2010 for the Tories.
2. Liberal Democrats.
Does it pass Google's Mobile Friendly test: Yes.
3. Labour Party.
Does it pass Google's Mobile Friendly test: Yes.
Validation errors: 16 errors and 11 warnings. Much better than 2010's stats of 286 errors and 45 warnings. But web site usability not helped greatly by the instrusive splash / signup page on entry.
4. Scottish National Party
Does it pass Google's Mobile Friendly test: No! Our first fail.
Validation errors: 3 errors. But lots of points lost for all those tablet and mobile users.
5. Plaid Cymru
Does it pass Google's Mobile Friendly test: No! Disappointing again.
Validation errors: It gets worse, the W3C validator is unable to validate Plaid Cymru's web site due to an encoding issue. Doesn't bode well for May 7th.
Does it pass Google's Mobile Friendly test: Yes.
Validation errors: Oh dear Nigel. 115 errors and 33 warnings.
7. Green Party
Does it pass Google's Mobile Friendly test: Yes!
Validation errors: 4 errors and 1 warnings, not bad at all.
So it's quite clear - on the 8th May we'll have a Green Party majority, and UKIP will be in the pub fixing those validation errors. But some time on the naughty step please for the SNP and Plaid Cymru for those mobile-unfriendly web sites. *
* yes, we know there are other parties, but this is a bit of fun and in no way endorses any political party or policy - apart from having a responsive web site.
Created on Friday April 24 2015 02:57 PM
At the heart of this rather apocalyptic term is a fundamental change to the way that Google is ranking search results. Up to now, web sites that are suitable for display and use on a mobile phone were highlighted in their search results, but Google are now ramping things up and taking the 'mobile friendliness' of a web site as a significant factor in how highly your site will be ranked on their results pages. So if your web site isn't optimised for being used on smartphones and tablets, you could start to lose some valuable Google rankings.
This could spell big problems for business-critical sites such as eCommerce stores and SaaS platforms, with USA Today claiming at least 40% of 'top web sites' could be hit. The commercial aspect of search engine rankings are vital for online businesses, particularly where the majority of their traffic comes from Google searches. But just as important is the effect this will have on non-commercial sites, where users often search Google to find relevant information, advice or support.
This is, of course, another good reason to ensure that your web site is optimised for mobile - something that we at This is Focus have been doing for over three years now. For our customers, 'mobilegeddon' means their web sites will appear healthily in search results, with a nice reassuring 'mobile friendly' label.
But there's other important reasons for optimising your web site for mobile:
User experience: ensuring that whatever device your users employ, they can obtain the information they need.
Accessibility: why should users who only have access to a specific device be penalised?
Sustainability: new devices surface so quickly. Being 'mobile friendly' is more than 'doing a mobile version of your web site'. There are many combinations of screen sizes - iPads have mini-versions, iPhones have big versions. Our technology means we take screen size as the key factor in how a web site is displayed - not just the device accessing it.
There's no doubt that Google set trends and in some ways, govern the way that web sites are delivered. Google react to how users search for information, and they clearly think that this core change in their ranking tech is delivering users the content they want in a format they need. It could be the first of a series of changes they implement that favour well designed, robust and useful web sites.
Handily, Google have provided a nice online tool to check if your web site is 'mobile friendly'. Simply visit:
https://www.google.co.uk/webmasters/tools/mobile-friendly/ and enter your web site address. If it fails, then please do feel free to have a chat with the This is Focus team to see how we can turn that red cross into a green tick....
Created on Friday April 24 2015 11:17 AM
If you've been doing some Google searches on your mobile phone recently you may have seen a new "Mobile Friendly" label turn up as part of the search result pages.
The global rollout of this new feature started in late November 2014 and is designed to highlight to the user web sites that are optimised for viewing and using on a mobile device, and those that are not. This is quite important - some of our client sites receive up to 40% of their traffic through mobile phones, and optimised web sites are also favoured by Google themselves in terms of search rankings.
Google used a number of automated tests to determine the 'mobile friendliness' of a site including the detection of unsupported software (such as Adobe Flash) and ensuring that links on the page are sufficiently spaced so they can be easily 'tapped'. Google have also provided a handy online tool for checking to see if a web site would achieve the 'mobile friendly' label:
So if you find that Google decides that your web site isn't as mobile friendly as you'd like it to be, then please do give the Focus team a shout.
Created on Wednesday December 17 2014 03:24 PM
Heard of Rails? Heard of Girls? What about RailsGirls?!
(Ruby on) Rails is, and I quote Wikipedia: "an open source web application framework written in Ruby". In layman's terms, it's what our clever web developers use to make our websites.
Girls are... well, insert your own answer here.............. (try wonderful, clever etc). But for me as a Girl, I didn't know much about Rails, or Ruby - and in fairness, I don't need to - but I was starting to want to.
Over the three years I've been here at Focus, I've seen and heard lot of code-y, tech-y stuff, like 'Gems', 'Frameworks', 'Scaffolds' and the like. I see black screens with white text on that looks like something out of the Matrix, and I am DEAD impressed. So when I heard about the latest Rails Girls event in Bristol, I signed myself up to find out more.
So a couple of Saturdays ago I headed over to At-Bristol (where loads of cool stuff was going on with kids flying drones and all sorts!), and got stuck in to a really informative, interesting and empowering day. The guys running the sessions all had different experiences with Ruby and Rails. We learnt some basic information, terminologies and the like, did some tutorials, had a yummy lunch, and then onto the highlight - building our own web application. With the assistance of several experienced helpers, I managed to set myself up a server and make myself an 'ideas application'. I made CSS styling changes, created new 'ideas' (headlines with text), I even made buttons that facilitated an image upload.
Back at work on the Monday after the event I proudly showed off my work. I think the developers sniggered into their sleeves a bit :-) but everyone was interested in what I'd done and how I'd done it.
Moreover, I now feel better informed; when talking to our developers and also hearing them talk, and seeing what's happening on their screen when I ask for changes to a website. I know what a Gem is, and what it means to create a new scaffold. And it helps talking to clients about their website work, I can better picture what might be involved with what sounds like a simple change...
So huge thanks to @RailsGirlsBriz - I enjoyed the day and learned lots of new stuff. And the fact they run these events for free I think is marvellous. Can I go to the next one?
Created on Wednesday December 10 2014 09:43 AM
There are so many ways a website can be rendered on screen. Not only is there a huge variety of phone shapes and sizes but all of these can have multiple browsers (e.g. Chrome, Firefox, Safari, Opera and Internet Explorer). Then there's the fact that they can display in landscape or portrait mode. Users aren’t using a mouse but are instead using their fingers (some with 'digits' a little less delicate than others!).
It’s difficult for us developers and designers at web design agencies to predict just how our latest website might look online. There are of course websites that are meant to emulate how it will look but they're not always accurate.
This is where Open Device Lab steps in to make life that little bit easier. We headed over to their offices at Aardman to test one of the responsive website designs we're currently working on. We were able to test it on multiple popular devices from the iPad to a Blackberry. In doing this we could avoid the on-line emulators, we didn't have to pester friends with a different phone to ours to "borrow it for a second".
At ODL we could use a pretty handy piece of kit called 'Ghostlab'. Ghostlab synchronises browser testing. It scrolls, clicks, reloads and form inputs across all connected clients. So what you're testing is not the simple page load, but the full user experience. We also had the option to abandon that and fiddle with each device individually which is good for spotting usability issues that could possibly go unnoticed otherwise.
ODL Bristol are sponsored by the digital marketing agency 'Noisy Little Monkey', these guys made us feel super welcome and we were comfortable knowing we had coffee and support at hand (if required). More importantly, we left feeling we had done a thorough job of testing for our client.
So what did this cost us?... absolutely nothing. We're not sure if that's ever due to change but at the moment so long as you book ahead, you're welcome to pay them a visit. A the moment this gem feels like our little secret but you know what we're like at Focus, we promise to keep you guys updated with all things digital and this is definitely worth 'whispering' about.
Created on Monday December 01 2014 04:42 PM
Do you spend hours poring over Google Analytics, fascinated by all those numbers and pages being viewed?
Does it excite you, and empower you to make changes to your site? But you're not quiiiite sure what those changes should be, and wait a minute you've just found a new bit about Demographics, but oh that needs a UA upgrade, how do I do that? And then you decide you'll go back to it next week and make a proper plan... and next week you forget where you got to...
Sound familiar? Our (new) friends at OneSpace were in just that place - in fact quite well informed about Google Analytics, but felt they needed a bit of direction and guidance to get more out of it. So I took a trip out of the office to meet them. We enjoyed a few hours talking about their website objectives, and how they could take some stats from Google Analytics and turn these into some meaningful, achievable tasks.
These, I think, are three of the most valuable tips:
1. Link your site up with Webmaster Tools. Doing this gives you an insight into those '(not provided)' keywords that Analytics teases you with. Can be really handy for improving your content or setting up an Adwords campaign.
2. My favourite - always use 'Secondary dimension'. For everything. It brings a whole new meaning to so many stats. For example, Your top 10 landing pages are reasonably interesting, but add in the 'Device' as a secondary dimension, and suddenly you find that the top three landing pages are actually being viewed on a mobile... and your site isn't optimised for mobile...
3. Lastly, get to grips with Shortcuts. When you've got a really good secondary dimension view set up, save it as a shortcut. Makes it so much easier for next time.
Give these ideas a go, get stuck in and let us know how you get on!
Thank you to Paddy at OneSpace for his kind comments and biscuit supply:
"Thanks again for your time! We found that really helpful. [We've] talked to various SEO consultants in the past and not found it at all helpful, so we're very pleased with today's session."
So how do you work with Analytics? Do you get what you need out of it, and manage to make beneficial changes and developments to your website? Or do you dip in and out and not really have any direction?
Created on Friday September 19 2014 02:34 PM
The BIG launch! The new-look "Go Places to Play" is here - an online park finder that makes it easy for you and your family to enjoy fun and exciting play opportunities in and around Bristol.
We've recently redesigned goplacestoplay.org.uk for Bristol City Council so that it not only looks better than before but it works better. "Go Places to Play" is now even more intelligent so that you can find parks and play areas far more quickly and efficiently. We understand that you live busy lives and need information at your fingertips - wherever you may be. The site is now responsive so it is easy to use on smartphones, tablets and laptops. This means you can quickly find your nearest park when you're out and about. You can click on map points to get further information about the park or site you are interested in, or you can use the postcode search to bring up sites in your area.
The online calendar means you can search for local events that suit your requirements and interests. You'll be provided with results if you search using a relevant keyword, or you can find something more specific using the handy advanced search which allows you to search by event type, location and distance from your chosen postcode.
There are also some great ideas for play featuring tips and suggestions from our Play friends and partners - a particularly good resource for the school holidays. Plus, our brand new FAQs section answers many of the common questions we get asked.
As before the option is there to register as an event organiser which means you can upload your own events to feature on the events calendar. Once approved you will see them published.
People like to feel as though they are a part of a website and the 'community' that use it. Interaction is key so if you find something you like on Go Places to Play you can "Share with a friend". Regular news updates also ensure that everybody is on top of all that's going on. It's a site that seems to have people talking, if you want to be a part of the excitement please like the Go Places to Play Facebook page here: https://www.facebook.com/goplacestoplaybristol or better still, go and check out the site to see for yourself!
Created on Tuesday August 05 2014 04:16 PM
We can't contain our excitement, we simply have to share with you what's bubbling away in the studio!
Improvements are being made to our current online park finder "Go Places To Play" - a website that forms a part of Bristol City Council's campaign to encourage children to play outdoors.
We don't want to give the game away but here are a few snippets of what to expect.
Mobile friendly - We've added more functionality that is based on your current location i.e. your closest park is. It is also a mobile first build; usually mobile sites are designed as a result of a desktop design that is scaled down. Not this site. We've started with the mobile design and scaled up! The build is responsive; meaning you get an optimised view on desktop, tablet and mobile.
User friendly - Much easier to navigate the site. You're guided through it and it is clear to see all it can do and how it can benefit you.
Age appeal - Adults often view the site with their children in mind. The site is much less childlike and now appeals to a wider age range so that it is great for parents to navigate, but still has a family, child-related feel.
Search to suit you - We want people to be able to find personalised information based on where they are and what they like to do rather than just general information.
We've put some serious effort in to not only making the site look good but in making it a useful tool that you feel you can go to and rely on. It's not yet a finished product but we can't wait until it is and you'll be the first to know about it!
If you would like to see the online park finder as it is now, please go to http://goplacestoplay.org.uk/
Created on Monday June 16 2014 09:00 AM
- August 2015 (2)
- July 2015 (1)
- June 2015 (1)
- April 2015 (3)
- March 2015 (3)
- February 2015 (3)
- January 2015 (1)
- December 2014 (4)
- October 2014 (3)
- September 2014 (3)
- August 2014 (1)
- June 2014 (1)
- May 2014 (2)
- April 2014 (2)
- January 2014 (1)
- December 2013 (2)
- November 2013 (2)
- October 2013 (1)
- September 2013 (3)
Bristol: 0117 949 8008