Skip to content. Adrian Roselli Consultant, Writer, Speaker

All Posts Tagged: browser

Avoid Default Browser Focus Styles

It is not uncommon to see developers and designers forego creating focus styles for controls on web sites and applications. For those who are aware of the need for the focus styles, the most common reason I hear for excluding them is that the browser provides focus styles by default…

Posted:

Tags: accessibility, browser, standards, usability, UX, WCAG

Avoid Messages Under Fields

Sometimes we fail to consider how browser features can jack up our interfaces. This is neither good nor bad, but we do need to account for it. My argument here is simple. Avoid putting important actionable or informational text exclusively below form fields. This includes labels, hints, and error messages.…

Posted:

Tags: browser, design, mobile, usability, UX

Don’t Re-Create Browser Features

There has been some discussion lately around, of all things, text resizing widgets on web sites. It was kicked off by a post from Jeffrey Zeldman suggesting that perhaps it is time to bring them back. Even mighty responsive design benefits from offering a choice of font sizes—because there are…

Posted:

Tags: accessibility, browser, design, fonts, usability, UX

Slides from Accessibility Camp Toronto 2016: Mind Your lang

The slides from my talk at Accessibility Camp Toronto, Mind Your lang. Note: Below are the animated images and video that were in my slides but which did not survive in the transition to SlideShare. They are all quite large and will take time to load. If you want to…

Posted:

Tags: accessibility, browser, css, html, slides, speaking, standards, usability, UX, WCAG, whatwg

Internet Explorer Does Not Go Away Today

Sorry folks, Internet Explorer is not going away on January 12. See, January 12 is the date that Microsoft will stop providing tech support and security updates for any version of Internet Explorer below IE 11. This doesn’t mean that the copy of IE8 on your client’s computer will suddenly…

Posted:

Tags: browser, Internet Explorer

Web Development Advent Calendars for 2015

Ganesha may or may not be stealing chocolate from the advent calendar. For a few years now web developers around the world have celebrated Saturnalia Christmas with advent calendars covering topics related to the web. Some come and go, but you’ll probably recognize a few regulars on this list. I…

Posted:

Tags: browser, css, design, html, standards, UX

HTML Source Order vs CSS Display Order

Last month in my post Source Order Matters I wrote about why we need to consider how the source order of the HTML of a page can affect users when the CSS re-orders the content visually. While I used a recipe as an analogue and cited WCAG conformance rules, I…

Posted:

Tags: accessibility, browser, css, design, Edge, Firefox, html, Internet Explorer, standards, usability, UX, WCAG

Web Design Myths

Net Magazine asked followers on Twitter to submit any web design myths they wanted busted: Got a web design myth you want busted? Let us know and we'll print the best tweets in the mag!— net magazine (@netmag) September 16, 2015 I took this to mean web development, not just…

Posted:

Tags: accessibility, browser, Chrome, css, design, html, mobile, print, rant, SEO, standards, usability, UX

CSS and System Fonts

This weekend I read a post about techniques to get Apple’s new San Francisco font into your CSS. Since San Francisco is only just being added to iOS and OS X, it can be a bit tricky to get hold of it in Safari. What struck me was the use…

Posted:

Tags: Apple, browser, css, fonts, mobile, Safari, standards, usability, UX

Twitter App Sets Browsers Back 10 Versions

Screen shot of a web page as seen in the Twitter app, with a menu showing the option to open in the user’s default web browser. The title of this post may be a bit of hyperbole for some, but it is completely true for me. Sometime over the course…

Posted:

Tags: apps, browser, Chrome, rant, Twitter, usability, UX

Using Bookmarklets on Mobile

Viewing comments on Medium (first image), then being prompted to login in order to view comment replies (second image). Both images are current version of Chrome on Android. This is a follow-up to my post CSS Bookmarklets for Testing and Fixing. While surfing Medium the other day I chose to…

Posted:

Tags: browser, css, standards

Best Viewed in 1 of 11 Flavors of Chrome!

Make sure you view this on Google’s flavor of Chrome, otherwise, well, I have no idea what will happen. Sometimes it’s frustrating being a developer who’s been around to see Mosaic supplanted by Netscape Navigator supplanted by Internet Explorer supplanted by Chrome/WebKit. Developers just love dumping one platform for the…

Posted:

Tags: browser, Chrome, Internet Explorer, rant, Safari, standards, WebKit

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.