Боевые стволы "простых американцев"⁠⁠

Думаю, здесь привычка работать с документацией сказывается. Скажем, сначала "читаешь" чертеж или схему, потом читаешь описание. И это нормально. Это вообще очень ситуативно, когда и как лучше делать. На листе бумаги, который взгляд охватывает целиком, и на котором обычно 1-2 картинки, подписи снизу вполне уместны и не вызывают дискомфорта. На веб-странице, которую взгляд целиком не видит, уместнее делать наоборот. Особенно если помнить, что страницу могут просматривать с разных устройств, в том числе с мобильников, где экран маленький, и подпись к картинке снизу мало того, что воспринимается хуже, так ещё и пальцем при скролле закрывается. Поэтому в вебе правильнее сначала размещать надпись, потом картинку. Хороший пример в подобном случае — дизайн техники Panasonic. Например, вот этот телефон. К большинству кнопок подписи вынесены наверх и налево, потому что большинство людей — правши, и палец в таком случае не закрывает подписи. Цифры закрывать можно — большинство и так интуитивно знает, где какая, и способно набрать номер вслепую, хоть их вообще сотри. Подпись к кнопке "звездочки" же можно разместить снизу: это скорее пояснение для тех, кто не знает, как перевести набор в тональный режим, чем полноценная подпись. В общем, это не универсальное правило, и то, что должно идти сначала, а что потом зависит от конкретной ситуации. Но в вебе, особенно если картинок несколько, всё же правильнее сначала писать текст.