This website is not accessible.

ISTQB Advanced Test Manager (1)

Theory – you can scroll down if you know it 🙂

Accessibility of mobile and web applications means to enable all internet users, especially the impaired people, to feel, understand, navigate and capable the full usage of the applications. The ability of accessibility testing is extremely important for all web content creators and enables to raise the bar height and enlarge the range of users.

The impairment, so to speak, may be connected with hearing, visual, mental or physical limitations. On the other hand, being an impaired person doesn’t have to mean cyber exclusion. How the modern internet looks like depends on developers’ and testers’ willingness to deal with modern quality requirements.

It may seem that impaired people make just a tiny piece of mobile and web application users – on the contrary – stand the results of research made by Google Inc. since 2005, which prove that there are over one billion impaired users in the world, who use the applications on daily basis. The number may impress, but also shows the scale of the new market, that demands better software quality.

Developers and testers in each mobile or web project should always estimate how much and what kind of accessibility testing is required and how to measure the accessibility testing coverage. Better accessibility means a higher quality level and better user experience, which all brands would like to be associated with.

What does it mean to adopt a website’s content to meet certain needs? At first, developers should focus on good HTML code quality, compatible with helpers – devices and applications – on PCs and smartphones. For example, lack of unique ids stands for a severe bug, that might be discovered with the help of accessibility testing.

Basic principles

Here is the set of basic principles of creating applications that meet the accessibility requirements.

When creating applications that meet the unique needs of users, special attention should be paid to the implementation of user interface elements, such as:

-colors

People affected by visual impairment, that prevent the correct perception of colors, may be excluded from the audience of applications if they can not properly distinguish individual elements. This can be verified by using specific screen filters (eg from http://colororacle.org/ – compatible with Windows, Mac, and Linux), that mimic certain dysfunctions.

– icons

Their size and simplicity are particularly important to people with motoric impairment or with cognitive difficulties.

– the ability to change the resolution of the displayed elements

– ease of use and installation of the application

and backend elements:

– volume control

– adaptation to speech assistants, e.g. VoiceOver (iOS) or TalkBack (Android)

– appropriate structure of the application HTML code

so as to enable communication between our application and speech assistant software for the blind.

– the ability to use audio descriptions.

Practically, accessibility testing means to meet all of the above and increase the number of usability tests. However, the case is not to fulfill subjective aesthetic feelings in relation to a given application, but to conduct certain test suites, designed for particular user groups. The spectrum of the tester’s capabilities is basically unlimited – creativity is the key. It is also necessary to imagine yourself as a person with a specific need, and consequently to select a set of tests aimed at in-depth testing of a narrow area of ​​applications, e.g. selected elements of the graphical interface. It should also be noted that while in the core layer and the relevant quality requirements are simple – the code itself has to be thought out, readable and adapted to work with various types of helpers. Developing a test suite requires a lot of ingenuity and empathy from the tester.

A properly working application available for people with disabilities should always ensure:

– easy installation,

– navigating without the help of sight,

– the ability to use the application with simple gestures,

– clear feedback to the user.

Creating mobile applications and websites that will work with helpers – that support people with disabilities – is not only a correct implementation of basic functionalities but also the ability to replace or enrich specific actions in the application with others. For example – by adding vibrations each time you touch an active element, enlarge the font or highlight parts of the image for the visually impaired people. Testing of such applications should check whether:

– it is possible to navigate without using a touchscreen,

– audio description is available for every visible element,

– there are application areas devoid of audio descriptions,

– all elements to which you can click have at least 48 dp (9 mm) in length and width,

– all voice elements have an additional mechanism to support users with hearing impairments.

Both – developers of speech assistants and application developers – eventually experience the same challenge. Working on sufficient such solutions is to keep the consistency and availability of applications without losing the features of a modern product. Each new design should be supported by both parties.

@KingaTest

You had one job.

Do you remember a friend of mine – about whom I was talking during UK Star? She cannot see. On the other hand, she would like to stay active and simply work.
She takes various jobs, when she has such opportunity and usually she actively looks for it.

Let’s focus on this particular case.

Last week this friend of mine called us saying, that she has found a new job opportunity, but the website she is supposed to enter is not fully accessible for her. She was simply asking for help. What is more, she was confused, because the job description was quite clear.

There is an application which gathers various voice recordings. The purpose of the job is supposed to be transferring those recordings into written words. Transfer them into text.
My friend uses a computer and keyboard on daily basis, so it seemed to be suitable work for her.

The problem was, that for some reason, her voice assistant (Ivona) was not able to access all website elements, so she was not able to go through the application, not mentioning to complete her job, that’s why she asked for help.

So we opened the website…

It turned out that the voice assistant has not been mistaken.

PREPARE YOUR EYES

przepisywanie.pl
https://i1.kwejk.pl/k/obrazki/2012/08/21cfb1e6462b09e827d00c25d18cf97f.png

How does it work?

Assuming you have a (Polish) recording that you wish to transcript. You shall go to this website, register yourself, upload the file and the magic happens. When I write magic – I mean a person – as a friend of mine – does the transcript for you.

I shall quote my beloved developer: “This website has been implemented before the Internet era begun or by someone who has never seen the Internet before”.

The main page is even not the worst. It’s getting muuuuuuuuuuuuuuch worse when you log in. In order to perform the translation, you need to use specific keyboard shortcuts, and they are spread all over the keyboard without reasonable order. You can customise the shortcuts later, but at first, when you cannot see, you and your voice assistant have to deal with the existing ones and this task is not easy.

This website doesn’t have responsive web design.

This website doesn’t have accessible HTML code.

This website makes voice assistants completely lost.

I don’t want to say, that companies are forbidden from making ugly websites.
Do whatever you want, BUT when you employ impaired people, just try not to insult them.
Thank you.

https://pics.me.me/turn-zef-you-had-one-job-25481906.png

Summary

This time I’ll leave the judgment and comments for you, guys. Just check the website by yourself if you wish.
przepisywanie.pl
I’m speechless.

If you have any cool job offers for people, who cannot see, I have some friends to recommend!

Cheers.

Advertisements

Minimalism design in testing

alcohol-addiction-awareness-day

Usability Heuristics

A while ago I wrote a few words about Usability Heuristics and what is their role in software testing. You might also heard about the KISS (Keep It Simple, Stupid) rule, which seems also to be impotent is such activities like web or mobile design. In this post I would like to focus on one particular issue (or trend), which becomes more and more popular nowadays. On the other hand, it seems to be just the common sense output of your software development – The Minimalism.

Good application – what does it mean?

Each year Android community chooses applications that were outstanding during the year. Competitions might differ in details, but one feature is clear and repeatable among all winners – good design.

When we are talking about design, we might be thinking “wait a minute, isn’t it an art – related stuff like sculptures, paintings or furniture?” Well – yes. But not only. I’d say that web or mobile app design is as important as it’s final working version. At the same time the role of software tester in development process, who is aware of good design importance, is essential as well. If the application works fine and causes no error, but simultaneously it is ugly – no one would use it. Or – in best case scenario – he’ll use it once (and it’s get deleted 🙂 ). Keep in mind that 80% of mobile applications are being deleted after the firs use. Why oh why? Most of all because they don’t work as expected, but sometimes – because they’re ugly 😀

A stunning example of beautiful, thought through application is Hopper – the one and only last year winner of best apps ranks. I’ll recommend you to download it from Google Play or App Store and just play around. Using this app is so pleasant and surprising like playing with a piece of art.

When I think about examples of good mobile design – I recall Hopper all the time. Pure love.

screenshot_2017-01-18-11-50-15

Aesthetic and minimalism design

Minimalism is achieved by reducing a design to only the most essential elements.

This heuristic states that aesthetic (which is rather a subjective feeling) and minimalism design (which can be measured somehow) are important.

For example: dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility. This heuristic is extremely important to be followed in mobile app design.

Mobile applications are not supposed to be over packed with tabs, buttons or unnecessary content. App designers should keep layout as tidy and simple as possible. That is also a great challenge for the tester in the very last phase of each development – to make sure that all elements that have originally been designed are delivered within the working application. Always remember about the KISS (Keep It Simple Stupid) rule. It’s equally important on each stage of development process.

Testing usability is somehow about taking beauty into consideration.

Following trends

Essentially, minimalism is about breaking things down to the barest elements necessary for a design to function. In addition, taking things away until nothing else can be removed without interfering with the purpose of the design it’s also a minimalists’ routine. Remember, though, that certain design and graphical elements will directly affect the readability or usability of your website. Note, that it might be highly important in accessibility testing.

Minimalism could be applied to various branches of art or architecture, including web design as well. Testing minimalist websites or mobile applications might seem challenging, but possible for anyone.

Before you test anything in the area of usability – make sure that you are familiar with good web (mobile) design examples. It is good to know what’s on at the moment, keeping in mind basic rules as well. Take advantage of big players like: Twitter, WhatsApp, or less known such as: TheMinimalists, NorthKingdom, Sarah Hultin.

Don’t think it’s easier, because it’s simpler

When it comes to minimalism, don’t think it’s easier just because it’s simpler. Because there are fewer elements, you must provide the same level of usability (perhaps even better) with less interface. To balance aesthetics with functionality, minimalist web design is defined by use of space, amazing visuals, vivid photography, striking typography, and an overall focus on the content itself – and nothing more.

save-the-earth