Improving Accessibility in WordPress with Dynamic Font Sizes

At Automattic, I lead a team of three designers dedicated to our native apps. We focus our time on the design of WordPress for Android and iOS.

Over the last few months, the developers and designers who work on our apps have been improving our support for the accessibility features available on mobile devices. This includes ensuring our apps properly support features like VoiceOver on iOS, and TalkBack on Android, which make the apps accessible to blind users.

One new feature I’d like to highlight is support for dynamic type sizes. This lets users choose larger (or smaller) text, to find the size that’s most comfortable for them to read. We recently made a change to the text used for blog posts and pages on iOS to make it even more readable. Now, no matter what text size the user prefers — even the largest sizes, which are huge — WordPress responds as the user should expect. This makes the app accessible to users with low vision, in a way that wasn’t possible before.

Screenshots of dynamic text on iOS

If you use an Android device, you can customize your device’s font size, too.

Screenshots of enlarged text on Android

We’re continuing to perfect this feature, so if you notice parts of the apps where it doesn’t work quite right yet, drop us a line, and stay tuned for future improvements.

For more information on adjusting the font size on your device, see these articles:

Originally published on A8C Design.

Enraptured by Mockups

There’s a set of theoretical designs for iOS 7 going around, and while they’re pretty to look at I’m a little disappointed by those declaring that it should be Apple’s next move. John Gruber thinks differently:

“There are a lot of clever ideas and nice designs in this iOS 7 ‘concept’ by Philip Joyce of design firm Simply Zesty. But they’re only clever and nice in the abstract, as possible designs for a touchscreen phone interface. Nice and clever though they are, this would be a disaster as a new design for the actual iPhone. A new look is one thing (and we’re going to get it), but when you’re well established and have a large user base, as iOS does, you need to maintain familiarity. If users are asking ‘What is this? Where am I? Where’s all the stuff I’m used to?‘ it’s going to be a disaster.”

Daring Fireball

I haven’t been a user interface designer for very long in the scheme of things. I trained as a print designer, learned how to draw typography, and created color separations for press runs. Interactive design is still something we’re all making up as we go along. But one thing I have learned is that users have no fundamental problem with a redesign. They do, however, recoil in horror when you introduce them to something that is a top-to-bottom replacement for a product they’ve grown to feel comfortable with, while calling it a “redesign.” It’s fundamentally dishonest — Windows 8, whatever your opinion of it (and I am generally a fan), was not a “redesign” of Windows. It’s an entirely new design for an operating system that happens to still be called “Windows.”

Designers wanna design. It’s in our DNA to seek out and eliminate every trace of hokiness, or half-assedness, or what seemed cool at the time but now looks tired. If WordPress were run entirely by designers, it would likely have an all new interface every year, but a fraction of the user base.

This is the challenge in continuing to freshen and update the design of software that millions (or billions, in the case of iOS) of users already know and understand. But those millions of existing users are what makes the work worthwhile. It’s the guiding principle behind the MP6 redesign project for WordPress. We made it our goal to refresh WordPress’ aesthetic styling and improve accessibility by making the dashboard responsive — but doing this without making major changes to the way users interact with the software. It’s not that there aren’t opportunities for it — I could spend an entire cycle alone on the Edit Post screen — but through years of experience we’ve found how much users appreciate it when we separate visual redesigns from major, sweeping architectural changes. In short, it’s about iteration, something both WordPress and Apple have always embraced.

Flat design is sexy. And simplicity rules the day. Both of these concepts should inform the future work done by all interaction designers (including for WordPress and for iOS). But to paraphrase Gruber’s quote from above: a new look is one thing (and WordPress is going to get it), but when you’re well established and have a large user base, as WordPress does, you need to maintain familiarity. If users are asking “What is this? Where am I? Where’s all the stuff I’m used to?” it’s going to be a disaster.