Recommended Agency

text controls: text only | A A A

Sorry, our twitter status is currently unavailable, posted 44 minutes ago

RSS feed icon What is RSS?

blog.

Displaying articles 1 - 10 of 386 in total

Pointer Gestures - Understanding WCAG

Pointer Gestures - Understanding WCAG

A flash of online activity for me can tick off many a to-do: Need to make a payment? Internet banking. Shops closed and want an outfit for tomorrow? Online shopping with next day delivery. Parcel to track? Scan QR code and find it fast.

Picture going to do these things then finding you’ve been locked out while you watch your friends accessing everything with ease. For many of the 13.9 million disabled people in the UK, that’s how browsing the world wide web feels.

That’s where the Web Content Accessibility Guidelines (WCAG) come in. If you haven’t heard of this it’s the Web Accessibility Initiative of the World Wide Web Consortium. Full of criteria we need to adhere to in order to make websites accessible to everyone with or without disability.

People with visual, auditory, motor, speech and cognitive disabilities rely on various assistive technologies and alternative methods of interaction to use digital documents, web and mobile apps. This is just one thing we must consider when creating a website.

From time to time we are going to select a WCAG2.1 success criterion to simplify in a blog. If you’ve ever browsed the guidelines you’ll understand why, it’s an overwhelming but amazing resource https://www.w3.org/WAI/standards-guidelines/wcag/

Let’s kick things off with pointer gestures. Here’s a snippet from WCAG:

Pointer Gestures (A)

Success Criterion 2.5.1: Pointer Gestures

All functionality that uses multipoint or path-based gestures for operation can be operated with a single pointer without a path-based gesture, unless a multipoint or path-based gesture is essential. (This requirement applies to web content that interprets pointer actions i.e. this does not apply to actions that are required to operate the user agent or assistive technology).

I’m guessing you’ve got questions…

 

What is a single-pointer gesture?

A tap, click, double tap, double click, long press, or click & hold (users needn’t concern themselves with direction/much movement)

 

What is a multi-point gesture?

A two-finger pinch zoom or a split tap where one finger rests on the screen and a second finger taps. These gestures are impossible for some users who may have no choice but to type with a single finger.

 

What is a path-based gesture?

A gesture that involves an interaction where it’s not just the endpoints matter such as swiping a carousel. Think about how you swipe, your thumb starts in one place (generally centrally - call that point 1) and ends in another (say to the left and in line with where it began - call it point 2) if your thumb starts at point 1 but goes all over the screen before landing at point 2, you won’t achieve the same result; it may not swipe or you may have triggered a link that’s taken you off to another page.

 

Why is this important?

Some people can’t perform gestures in a controlled manner so accuracy isn’t possible, or they might use a device like an eye-gaze system, or speech-controlled mouse emulator. These specialised or adapted input devices aren’t necessarily capable of performing multipoint or path-based gestures.

 

So what does this all mean?

The content can respond to multipoint or path-based gestures but an alternative method must be provided i.e. the play / pause controls that accompany a carousel or the plus and minus buttons used to zoom in and out on google maps. 

Worth noting this applies only to the web content so not the operating system or what users may need to do to operate their assistive technologies, that’s not the responsibility of those building the website.

If this has helped make things clearer, there's more ’WCAG made easy’ to come, so watch this space!

Jordana Jeffrey
Jordana

Created on Wednesday October 09 2019 08:02 AM


Tags:


Comments [0]








Surprising Screen Reader User Survey Results

Surprising Screen Reader User Survey Results

WebAIM (Web Accessibility In Mind), international web accessibility experts, conducted a survey over August and September 2019 in an effort to capture preferences of screen reader users. The survey was distributed worldwide and the second highest response, at 27%, came from Europe/UK participants.

Allergy information: If facts and figures trigger headaches and fatigue you may wish to hit the home button and see how else we can help you!

I’ll gently open with these statistics that will give you an idea of the participants involved in the survey:

71.3% exclusively rely on screen reader audio, further emphasising the need to consider these users in web design and development.

Surprisingly 12.4% of screenreader users don’t have a disability. Of the remaining 87.6% the majority are using this due to blindness, closely followed by low vision / visual impairment then deafness / difficulty hearing, after that was cognitive and motor difficulties.

15.8% reported multiple disabilities. 4.7% of respondents reported being both deaf and blind.

62.2% consider themselves advanced in terms of screen reader proficiency. Just 5.4% were beginners.

Most felt confident in using the internet. Compared to previous surveys this suggests screen reader users are becoming more accustomed to internet use.

Almost half of screenreader users were aged between 21 and 40.

 

Money Matters

Accessibility is about everybody with or without disabilities having the right to access the contents of the internet. Which begs the question, are screen reader solutions that charge a fee for use, excluding the less privileged who require assistive technology to benefit from online content?

Interestingly 37% downloaded their primary desktop / laptop screen reader free of charge from the internet while 22.7% bought it themselves. 13% were fortunate enough to have it provided by their employer.

The primary screen reader front runners were NVDA (NonVisual Desktop Access) and JAWS (Job Access With Speech). NVDA is a free, high quality screen reader, accessible to all https://www.nvaccess.org. JAWS provides speech and Braille output for the most popular computer applications on your PC. JAWS isn’t free which could be why for the first time in 10 years it is not the most popular choice.

 

Accessibility First

Many of the results were a very helpful reference for me as a designer especially as accessibility is a priority here at focus. Here are a few findings that may open your eyes to the importance of designing and developing with accessibility in mind.

Top 3 browsers used most often by survey respondents were: Chrome making up for nearly half at 44.4%, Firefox over a quarter at 27.4% and internet explorer 11 at 10.9% (just beating safari at 9.8%). Compared with previous results this shows a sharp increase in chrome usage and a continued decline in the others.

Over 5 times more participants access their screen reader using a windows operating system than than iOS.

Nearly all respondents had JavaScript enabled.

If a text-only or screen reader version of a web site is available the majority of those asked said they would seldom use it.

Mobile and tablet were the most popular choice of device, very closely followed by laptop then desktop. Proving once again that mobile accessibility should not be an afterthought.

Jordana Jeffrey
Jordana

Created on Tuesday October 01 2019 08:00 AM


Tags: accessibility screenreader survey webdesign webdevelopment


Comments [0]








The importance of tone of voice in design

The importance of tone of voice in design

When I’ve said something mildly amusing, my sister has a really confusing habit of stating “That was funny” - but with a poker straight face! We’re Scottish so I recognise sarcasm when I hear it, and that’s not it. She means it, but in not teaming it with a laugh, the moment is completely lost while I sit frowning trying to figure out what just happened.

With written web and app content you only have words to work with. No facial expressions, no audible tone, no laughs (!) so you are relying purely on language to create a tone of voice to represent the personality of your brand or service. A tough task but when done well it can be really powerful.

Multiple studies have shown that tone of voice is measurably influential. From this alone users make assumptions around trust and competence, which in turn affects their loyalty to you.

 

Pick me, pick me!

Your tone of voice can be the sole reason a user chooses you over anyone else.

Informal, relaxed language is perceived as friendlier and more trustworthy, making users more likely to recommend your brand. You may be surprised to find this applies to more serious industries too, like banking. When writing for web it helps to picture how a face to face interaction would be perceived. Less stern people are more approachable and you believe they are representing themselves honestly. A formal voice may come across as intimidating so users can struggle to interact with the brand or relate to it.

I’m not suggesting you need to be a comedian, cracking jokes in every paragraph. If this ran throughout, users would start to question professionalism. Injections of humour now and then are successful as they provide a momentary lift.

 

Consistency is key

Consistent language with a tone that matches your brand’s other elements persuades users to believe in the service and the intelligence behind it. It gets the message across much more clearly and convincingly too.

Now for the science bit… human beings seek to create a well-founded image of whoever we are communicating with. When we can’t do this we become confused and suspicious which in turn puts us off pursuing a relationship with them.

So there’s no use having a site showcasing an exciting new service available and supporting it with language that’s uninspiring and flat. They may not realise why but it is unlikely to ‘sit right’ with the user and they’ll move on. Much like how I felt about my sister’s response (not that I then proceeded to source an alternative sister).

 

Seal the deal

Design a voice and tone that will give your brand a likeable personality that is consistent, genuine, reliable and compelling.

Consider the user’s emotional needs at the time of visiting your website or app and alter your language to suit. Really consider why they might be on there in the first place. Tone can be used to reassure them that they are in good hands and what you have to offer will help them to achieve exactly what they set out to do.

It is a good idea to create a well-defined voice and tone and outline this within a guide. You can then arm those providing written content with it. That way your brand will speak in a consistent and well-recognised voice whether this be on your website, social media or newsletter.

 

Jordana Jeffrey
Jordana

Created on Wednesday September 11 2019 12:05 AM


Tags: web-design tone voice


Comments [0]








Apple getting health focused and new iPhones!

Apple getting health focused and new iPhones!

It would fair to say I am the office Apple Fanboy. So I am going to live up to that name by writing a blog post about Apple products.  So, to get straight to the point, what am I excited about in the next few months?

Apple Watch: 

While the new Apple Watch 5 will feature small upgrades such a new ceramic case, updated processor and new display, Apple has been adding more heath focused features. Last year, there was the addition of ECG tests which can detect atrial fibrillation (increases your risk for stroke and heart failure) and fall detection that can accurately detect if you have a fall. If there is no input from the user, the emergency services will be contacted and your location shared with them.

The next heath feature rumoured is that the Apple Watch will be capable of detecting the blood sugar lever of diabetics. It is estimated that 1 in 16 people will develop diabetes in their lifetime. Apple have been working on a ‘contactless’ way of measuring blood sugar - at the moment, all products on the market measure this via the user’s bloodstream. This is likely to be the ‘holy grail’ for diabetics. 

This system will allow users to monitor their blood glucose in real time, share their data with friends and relatives, and set customisable alerts to notify them when their glucose levels are getting too high or too low.

There is lots of publicity at the moment for how technology is having a negative impact on our health and Apple’s dive into the health industry certainly reminds us that there can be positives. Is there a future where we all wear these devices for heath benefits? Will not wearing one become as socially unacceptable as not wearing a bike helmet? Only time will tell… 

iPhone

Apple are going to update their flagship iPhone models: XS and the giant XS max. The most interesting feature of the refreshed models is a triple lens which will make the camera far more versatile, allowing for better zoom and better photos in low light. The new models are rumoured to have the highly mocked notch removed. Competitor’s have enjoyed creating adverts mocking the use of the notch and, as their competition have overcome the issue, it’s likely that they will too.

There will be an increase in CPU performance. The current XS Max (1.52 GHz Quad core) has the same performance score as a 2017 MacBook Pro and we will likely see another large leap on this.

Prices are likely to stay the same starting price at £999 raising to a mind boggling £1449. 

Dan Stephenson
Dan

Created on Wednesday September 04 2019 09:00 AM


Tags: apple


Comments [0]








Career Growth (or why you should have plants in the office)


Whether you work from home or at an office, it’s likely that you spend many of your waking hours at work. In fact, British workers will spend an average of 3,515 full days at work over the course of their lifetime (Lucy Skoulding, Accountancy Age, 2018). This being the case, it makes sense to make this environment, in which you spend the majority of your waking hours, a pleasant place to spend…the majority of your waking hours. 

Obviously there are things we have little to no control over. If your company’s office does not have enough natural light for instance, you’re unlikely to be able to request larger windows and a skylight. Unless you work very remotely, you can’t move the office building to a climate that better suits your mood. 

There are however, things you can do to improve your work environment.

It is that easy being green 

Plants - as the title of this post suggests, are a great idea for the office. Don’t just take my word for it though - numerous studies, including a 2010 study by the new University of Technology, Sydney, have found that introducing plants to the office significantly reduces stress among workers. They also boost both creativity and productivity and remove Volatile Organic Compounds (VOCs) such as benzene, trichloroethylene, and formaldehyde from the air, so you can breath a little more easily. Plants can make an office less noisy, more calming and increase the likelihood that your staff will want to stay and new staff will want to join. All they ask for in return is sunlight, a little water and a repotting once in a while (the plants, not the staff).

 

Let the sunshine in 

As I said you probably can’t move your office or add new windows but you can make the most of what’s available to you. If there’s natural light available, let it flood into the room to help everyone feel more awake, more positive and help keep their circadian rhythms in check. If more sunlight isn’t really an option at all, go outside during breaks. This can be difficult during the dead of winter when the last thing you want to do is go on a lunchtime outing but the light and the air can help give perspective and make you feel better overall.

Jump around 

For a lot of people working in sedentary jobs, sitting mostly still all day is a ’necessary evil’ that we’ve come to endure. You may have heard that ’sitting is the new smoking’ and read the horrifying effects that sitting at a computer can have on your body over time (eye ache and back pain and headaches, oh my!). This is a complex issue and may not be healed overnight but you can make improvements. If you have the energy to run to/from work (or both during your lunch break) go for it; if you can fit in an exercise class or cycle those are great too but you can also start small. Start by moving around. If you work in an office, go to your coworkers desk rather than emailing them. Get up and move around from time to time. Stretch, go and make that cup of tea. If you must stay seated for long periods at a time, try to move more and change position as you do so. 

Moving forward (and backwards and sideways)

Wherever you work, whatever your working circumstances, you may not be able to wrangle a four day week, a six hour day, or a remote working location on a boat in Vanuatu, but try following the suggestions above and see if it brings more joy to your working day.

 

Frances Smolinski
Frances

Created on Monday September 02 2019 02:27 PM


Tags:


Comments [0]








Building a Website from scratch

Building a Website from scratch

Building a website from scratch can be a daunting prospect. Here are some simple tips to help you create something that fits the brief and you can be really proud of.  

The problem  

You know what the website is for and what you want it to do, but you don’t know how to get there. 

What tech will you use? How will the site look and behave? How are you going to make sure it's been thoroughly tested before it goes live? Finally, how long is this all going to take. 

Tips 

 1. Whether you’re working as part of a team (I was) or on your own, one of the most important tips I can give is communication. Before you begin designing or building anything, everyone involved has to be on the same page. As developers we can be known for our lack of communication and our enthusiasm for getting building as soon as  possible. I can’t emphasise enough how important it is to have a kick-off conversation before you start doing anything. In this conversation you can cover all of the questions above and make sure that you have a clear process and timeline in place.


 2. This one is a team-specific one but if you’re working with a designer make sure you involve yourself in the design process. Sit with the designer and discuss the ideas that they have and how they will work from a dev perspective. I didn’t do this enough on my first project and it created some very annoying issues further down the line.


 3. Keep things simple. Don’t fall into the trap of trying to make your site do too much. Often the simpler things are, the better they look to the user. This is also true when it comes to ease of use. If a site has too many moving parts it can often be confusing to use.


 4. When it comes to testing have a plan. If you don’t have a clear plan of how and what you are going to test then you will miss things. Get a clear idea of the devices, browsers and screen-widths you are going to test. If you’re part of a team then plan out who is going to test what and where the feedback is going to be collected. 


 5. Finally, make sure you give it to the client for testing with plenty of time before go-live, I would recommend at least 2 weeks. There will be things that didn’t come up in internal testing that the client will notice or want to change.


The above is not a complete list, just some tips to include in your process. However if you include them I can promise that things will become easier, and you are more likely to create a site that everyone is happy with. 

Tom Bale
Tom

Created on Friday August 23 2019 02:30 PM


Tags: website


Comments [0]








A Macmillan Bake Sale

A Macmillan Bake Sale

A Macmillan bake sale in the office was a huge deal for me to organise as the newest member of Focus! I knew that I wanted it to be building wide to be able to fundraise as much as possible but I had no idea if I'd be allowed or how a bake sale would go down in the building.

I got it organised with the office manager and then popped a message around the team to let them know my plan and in true Focus fashion they all rallied around and offered to bake some goodies and spend their pennies at the sale.

Monday night baking

Monday night baking turned into very late night baking, after I'd declared enough was enough when fantastically simple recipe of three ingredients including eggs - ended up catapulting across the kitchen. Luckily the majority of my mixture remained completely unscathed. The rest of my kitchen however was plastered in egg and chunks of cottage cheese, including myself. I cleaned up the mess and waited for the mini savory muffins to bake, swearing that this was a bad idea!

Tuesday night baking 

Determined to finish day two's baking on a high, I hopped back into the kitchen and started with rolling out the cookie dough I'd prepared the night before. The team started sending through photos of their baked goodies, spurring me on throughout the evening. The cookies were baked, the cupcakes came out well and the flapjacks were looking good. With just decorating and topping to do I was feeling positive. As I began piping the chocolate fudge icing onto the cupcakes I couldn't believe how well everything was going, then I had a sudden realisation.

Yes, all the baking was done but how was I supposed to transport it all to the office the next morning!?

I started rambling through my tupperware cupboard pulling out every viable tub and container I could find. Those, plus, a huge amount of greaseproof paper and tin foil saw me packaging my baked goodies ready for their journey on the train with me in the morning!

The big day!

Coming into the office, carrying my height in baked goods, was a challenge but seeing that the team had their contributions to the sale in hand made my morning. We had choc chip cookies from Frances, brownies from Dan, cupcakes from Annette, Shaun the sheep and cookie monster cupcakes from Jordana and Simon had sent a lovely cookies and cream cake to add to the collection too, it was a fantastic spread and a great display of teamwork.

Cookie monster and shaun the sheep cupcakes

As 11 o'clock approached the team and I took everything downstairs to the communal area to set up. 11 o'clock hadn't even swung by before people started arriving, we didn't even have time to grab a pre-sale set up photo. It was great - for the first 45 minutes people kept flooding in and we raised over £75 in that short amount of time - incredible. As the turn out slowed down I set up an honesty box as my replacement, it was after all, a working day.

 

 

 

3 tiers of lovely bake sale cakes

Later, in the afternoon, I went down to check progress. After a slow lunchtime, I brought the rest of the sale up to our floor making the last of our baked goodies a little more exclusive for the final hours. It was definitely the right thing to do, as the cakes began to fly again as everyone on the floor seemingly emerged for their midafternoon coffee, realising they could also do with a sweet snack.

We started the day with 3 tables full of various baked goods and finished with just one box. When all the goodies were we finished on a whopping total of £154.07, I couldn't have been happier - what an event - what a great example of teamwork.

Steph Liddington
Steph

Created on Thursday August 15 2019 12:00 PM


Tags: macmillancancersupport fundraising officefun adayatfocus bakesale


Comments [0]








Hex colour codes explained the quick way

Hex colour codes explained the quick way

When I tell people I’m a graphic designer the most common response is an enthusiastic “So you design logos and stuff?” - always the logos, what’s up with that? Much less interest in the digital solutions provided with websites and apps but at least they’re excited about my job.

It beats the common assumption many make: that I can fix computers. You should see the disappointment on people’s faces when I can’t tell them why their laptop won’t turn on. Umm… is it charged? Yes? Then I’m all out of ideas.

Similarly, as the designer at focus, I felt like a bit of a let-down when I could only loosely answer a question from a curious colleague: “How do you think they decide on the hex colour codes?”

Turns out staring at someone blankly then googling the answer is a conversation killer. But now I’m armed with that knowledge should someone ask me again. What’s that you say? How do they decide on the hex colour codes? Allow me to explain as quickly and clearly as possible. I hope you’re sitting comfortably, this might be a bumpy ride…

 

So what is a hex colour?

Hex is short for hexadecimal. You might recognise these, #0000FF for example represents a shade of red. There are sixteen possible characters, these are 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E and F.

Each of the characters represent an integer (a number that is not  fraction) from zero to fifteen. Here’s how we go about converting integers in to hexadecimals.

As an example we’ll convert the number 255 to a hexadecimal. To do this we first divide 255 by 16 (the number of available characters). The result is 15 with a remainder of 15. If you look at the chart above 15 is F.

We put aside the remainder figure (15) for a moment and divide the resulting 15 by 16 which is 0 with a remainder of 15. We already know 15 translates to F.

So now we have nothing left to divide, these figures we’ve been putting aside go together in reverse order (please don’t ask why, I’m not sure either of us could handle the answer to this too) and you get FF.

 

What is RGB?

To help you understand the rest I’ll have to briefly summarise RGB value. At this point I have to hope you’re even still with me but for those of you who are, I promise we’re getting somewhere with this!

RGB stands for Red, Green and Blue. The RGB value of that same red used in the hex example above would look like this: rgb (255, 0, 0) the first number represents red, the second green, and yep you guessed it the third, blue. The values range between 0 and 255.

Simply put, the hex code is created by applying the swanky little mathematical method I just explained to you, to each individual RGB property.  R = 255 which we now know translates to hexadecimal as #FF. You’d then do the same calculation for green (G) which is zero so presented in two figures is 00, value of B is also zero, so that’s 00. Giving us hex colour #FF0000 which is the exact same red as rgb (255, 0, 0).

 

Stop the clock!

How did I do? If you have any questions about this article you’re not the only one, I mean, please feel free to get in touch.

 

Jordana Jeffrey
Jordana

Created on Wednesday August 07 2019 08:00 AM


Tags: webdesign design


Comments [0]








Market Responsibly

Market Responsibly

When the moon is in the seventh house and enough calendar weeks have passed, you will receive a certain type of email. We all will.

“It’s payday! Treat yourself!” 

“It’s a Payday Party"

“Payday is here!”

“Your wallet will thank you”

“Go all out this payday”

“The only thing better than payday: Sale”

“What are you doing spending your hard-earned money on food and shelter? Spend it all! Here. Now”

I may have made that last one up - the rest are very real - but are they responsible?

To market, to market

Email marketing can be great. It can be used to spread the word about a product, a service, a movement or even an idea. The question is not whether we should all be using the power of email to shout about the great things we’ve been working on, we most certainly should - the question is "are we doing so responsibly?"

Modern advertising dates back to the 19th century and now we may laugh at the old newspaper ads that bluntly told readers they were frail, stupid, smelly and useless but this new product or service would change all of that. In this, the 21st century, we like to think that we’ve moved past the bullish world of ‘Buy my product, or else’ marketing, especially as we have so much choice now. We’re not restricted to one brand of soap, one broadband provider, one estate agent - we have options. 

Burning a hole in your pocket

So a lot of B2C marketing has changed tack. Now that a department store may not be the only place locally that you could purchase a new t-shirt and they can’t claim that it’s the best t-shirt you’ll ever own, there’s an ongoing trend of ‘why not?’ You just got paid, you may have some disposable income, why not buy this t-shirt from this department store?

One may argue that the customer doesn’t have to sign up for the emails and they certainly don’t have to buy the product but is it right that every time pay day rolls around, we should be inundated with messages that amount to ‘I know you have money, send it our way’? 

Vote with your £

Many people have a limited budget each month and they are voting with every pound they spend. Each email is a rallying cry of ‘vote for me!’ Throw in a limited time offer and many are powerless to resist, but is that good for the company? The customer may have money now but what about when they don’t? Will they stay loyal to a brand when they purchased purely for the sake of it?

Can a company truly say that it has faith in its product if it markets not on the strengths of that product but on the customer’s access to funds? 

Is it fair to ask someone to buy from you purely because they can?

Playing to strengths 

If marketing focuses on the strengths of what they are selling first then the customer can properly weigh it up against other options. If you’re offering something and you’ve clearly demonstrated why it’s great and your direct competitor's only message is ’Spend it here!’ Then you’ve offered the more compelling argument. 

Hopefully then we’ll arrive at a place where we all shout about the merit of our products and services, not merely that we know the customer has money. 

 

 

Frances Smolinski
Frances

Created on Wednesday July 31 2019 08:00 AM


Tags:


Comments [0]








Dyslexia friendly websites, are you thinking of the 10%?

Dyslexia friendly websites, are you thinking of the 10%?

Lately I have been thinking, if 10% (6.68 million) of the UK population are dyslexic why is making a website dyslexia friendly not as important as providing a site in different languages?

Dyslexia awareness has come a long way since I was a child, I remember being told “you’re just a bit stupid” when I struggled in school, as society’s awareness increases,  I can see that those days are far behind us. Dyslexia affects a persons ability to learn, read, and spell, but it’s not related to intelligence, and charities such as http://madebydyslexia.org/, backed by Richard Branson, have done a great job at promoting and changing public perception.

What’s the problem?
One of the most common traits of people with dyslexia is difficulty reading. Dyslexics read at an average of 50 - 150 words per a minute, the average reading speed of a non-dyslexic is 250 words per minute. There are interactive examples, such as Dan Britton’s typeface that let you experience what reading is like for someone with dyslexia. 

Whether you have an Ecommerce site or a wiki, you want everybody to find it easy to read the content you provide.

What can be done? A few simple steps:
 
Fonts
Research from Dyslexia Help has found that there are certain font types that have an impact on reading speeds for people with dyslexia. A font has been specially developed called ‘OpenDyslexic’ to give optimum reading speed. Although this is down to the preference of the user, some of the best fonts for an increase in reading speed are Helvetica, Courier, Arial, Verdana, CMU, Sans Serif, Monospaced, and Roman Font.

Colours
When it comes to colour, contrast is an important factor for a dyslexic. Generally, people with dyslexia find it difficult to read with high contrast levels and read faster when contrast levels are lower. The standard black text on a white background is not beneficial to people with dyslexia as it can appear too dazzling. Off-whites and pastel colours are generally a good alternative to white and offer a lower contrast.

Icons / Pictures
The phrase; ”a picture paints a thousand words” can most definitely be applied to a dyslexia friendly website. Pictures and icons are a dyslexic's best friend, if you can you use an icon in place of text then this can drastically reduce the time that a dyslexic user spends trying to work out what it is on the page.

Time
In school exams dyslexics are given 25% extra time. Therefore it’s good practice to apply the same rule to moving elements on your site, such as carousels, so that they have time to read and process the content.

These are just some small, simple changes - but there is far more that can be done, just check out the British Dyslexia Association for a full style guide.

Resources:
https://cdn.bdadyslexia.org.uk/documents/Advice/style-guide/Dyslexia_Style_Guide_2018-final-1.pdf?mtime=20190409173949

Dan Stephenson
Dan

Created on Thursday July 04 2019 12:05 PM


Tags: website accessibility disability content contentstrategy screenreader webdesign


Comments [0]