Man with a smartphone taking a photo of a building.
Man with a smartphone taking a photo of a building.
Photo by Harrison Moore on Unsplash

How to make your website mobile accessible

It’s not rocket science. You can already get good results and break barriers with just a few basics.

“States Parties shall guarantee to persons with disabilities political rights and the opportunity to enjoy them on an equal basis with other”.

Why mobile accessibility matters

For the first time in 2015, the number of mobile-only adult internet users exceeded the number of desktop-only internet user
For the first time in 2015, the number of mobile-only adult internet users exceeded the number of desktop-only internet user
© comscore

Mobile barriers

“Accessibility is easier to get right on native platforms”.

Sutton shows an example of an visual clutter on a website. There is no visual hierarchy and no breathing room.
Sutton shows an example of an visual clutter on a website. There is no visual hierarchy and no breathing room.
© Screenshot Vimeo

How to win at mobile accessibility

“We control the interfaces that we actually design and put out there in terms of how they look”.

“Be aware that some accessibility users might skip your pixel perfect design and responsive design completely. Simplifying your web page and adding skip links and all of these accessibility features will keep somebody actually on your site and reading the content”.

Sutton advises to use a real button in your code.
Sutton advises to use a real button in your code.
© Screenshot Vimeo
Sutton suggests to add the so-called Aria label and then the name of the button.
Sutton suggests to add the so-called Aria label and then the name of the button.
© Screenshot Vimeo
Use the HTML attribute tabindex in combination with the the aria-hidden property.
Use the HTML attribute tabindex in combination with the the aria-hidden property.
© Screenshot Vimeo

“Optimize for humans”.

Journalist | content strategist |📍Vienna, austria https://www.torial.com/birgit.samer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store