In Arial, they're indistinguishable. In Roboto, you can see the difference if they're right next to each other (l is longer than I). Segoe UI has different variants but the one I've found on the MS web site has very similar or identical lI's, just like San Francsico.
I know, fixed width fonts would fix that, but not everything that should will be in those. And especially on a programming website, that matters.