I need a little advice. I am working on a webpage that includes tabbed panels that use hidden checkboxes to switch between panels and, for smaller devices, a collapsing menu that triggers with a hidden checkbox. I have tested this page on a number of browsers and operating systems (can't test mac yet), and these two features work fine for every browser except the default browser on my 3yo android phone (android 4.04). Firefox on this phone handles the page great.
So what can I do here? I'd like to set up a fallback for older android phones but I can't think how -- can't find any sort of conditional that would work. It's tempting to say it's old enough to not worry about, but I'm still using it (though not a lot for browsing and I use Firefox even then). I found an article that explains this problem exists for android 4.1 and older, and much older iOS phones. According to developer.android.com, 6.1% of android users have 4.1 or older.
What do you all think? Does anyone know of a way I can test for older androids? Am I worrying about too small a group of users?