Skip to content. Adrian Roselli Consultant, Writer, Speaker

All Posts Tagged: touch

Mobile Assistive Technology Gesture References

During a recent consultation on a mobile project, I broached the topic of gestures that are used by assistive technology on various devices. I gathered links to resources for my client and figured I’d share them here as well. Apple has gathered together the gestures used by VoiceOver on iOS…


Tags: accessibility, mobile, standards, touch, usability, UX

Responsive Progressive Accessible Vanilla Search

I received a design for a project recently that called for a search field hidden behind a single icon — no visible label text, no visible field, no submit button. While I’ve seen this pattern on sites repeatedly, I feel they generally get it wrong. Relying on bloated HTML and…


Tags: accessibility, standards, touch, usability, UX

Don’t Disable Zoom

Codepen demos showing a page zoomed and a page that has disabled zoom on mobile. A handy feature of mobile browsers is the ability to zoom into a page with a simple gesture. A less handy feature is the ability to override that. Ultimately this is bad for users. Sadly,…


Tags: accessibility, css, html, mobile, touch, usability, UX

Obligatory Redesign Post

Screen shots showing four of the states of the menu of which I am so proud but which has questionable usability, as opposed to the h1 style, which is unquestionably unusable. Note that one of those screen shots is really a view of the printed page, where the menu is…


Tags: accessibility, ARIA, css, design, html, mobile, standards, touch, usability

Announcing My Ring Warmer App

Animation showing the Ring Warmer in action. If you have to wear a ring, then perhaps you have experienced the discomfort of putting a cold ring on your finger (maybe in the morning in a cold house). I decided that I could do something about that using the only tool…


Tags: apps, css, html, JavaScript, mobile, touch

Speaking for National Association of Government Web Professionals

Much as I would like to say that I will be speaking at the National Association of Government Web Professionals (NAGW, I don’t know where the “P” went, perhaps it was originally “Webmasters?”) conference in September, I won’t be. I was, however, asked to do a separate webinar for members…


Tags: mobile, speaking, standards, touch, usability

Slides: Responsive Web Design Primer

Yesterday I had the pleasure of visiting the University at Buffalo (my alma mater) to give a presentation for its CIT professional development series. I got to talk about responsive design. Knowing in advance that the room would have technical and non-technical users I went for a code-free presentation. One…


Tags: accessibility, css, design, html, mobile, print, project management, slides, speaking, standards, touch, usability, UX

New iPad Browser: Coast by Opera

Yesterday Opera announced the release of its newest browser, Coast, built specifically for iOS tablets (I would say just iPads, but if my fridge gets an iOS tablet UI then I’d be wrong and will have paid too much for a fridge). Background Recently Opera moved away from Presto as…


Tags: Apple, Blink, browser, mobile, Opera, standards, touch, UX

My Carousel Use Stats

I started this post way back in March after reading Brad Frosts’ bit on carousels. Then I let it sit unfinished. With the buzz around this week, I figured I’d finish it up. The data is old, although I offer updated numbers at the bottom. The Process I looked…


Tags: accessibility, analytics, design, mobile, rant, touch, usability, UX

IE10, Metro, and Media Queries

The image on the left is IE10 in desktop view, on the right is IE10 in Metro view, both on the same device and at the same dimensions and screen resolution. I worked pretty hard on our corporate site to test on as many devices and browsers as possible, trying…


Tags: css, Internet Explorer, mobile, standards, touch

Observing Users with Mobile Devices

Nuns taking photos of each other at the Peak on Hong Kong island with their Hello Kitty iPad (which could result in a niche Tumblr). I had the pleasure of traveling to Hong Kong for the UXHK conference just last week (the conference was the week prior, but I stayed…


Tags: mobile, touch, usability, UX

Letting Mobile Users See Desktop View of RWD Site

Bruce Lawson tweeted out a seemingly random musing today that I have pondered myself — what if, while on a mobile device and surfing a RWD web site, I want the desktop version of a site? There are many reasons as a user that this might be the case, ranging…


Tags: browser, css, JavaScript, mobile, standards, touch, usability, UX

Search icon Used in the search form as a button. Search icon Used in the search form as a button. Information icon Lower-case 'i' in a circle. Checkmark icon Symbol showing a checkmark. Alert icon Exclamation mark within a triangle.