HTML - Семантичен начин за показване на изображения/икони/елементи на потребителския интерфейс?

Вярно ли е, че има семантично правилни и неправилни начини за показване на картини/икони?
Искам да кажа, разбира се, че не е много удобно да се включват всички снимки на вестникарска статия като фонови изображения, защото по този начин екранните четци не могат да прочетат текстът alt, но какво да кажем за иконите или елементите на потребителския интерфейс? Оправдано ли е от семантично ориентирана гледна точка те да бъдат включени като фонови изображения?


html semantics semantic-markup user-friendly
person Sven    schedule 05.02.2013    source източник
comment
Има тенденция да се използват i елементи с CSS класове за икони. Дали е добра тенденция, не знам. Като цяло, IMO, всичко, което е свързано с потребителския интерфейс (което включва икони), трябва да бъде в CSS.   -  person Felix Kling    schedule 06.02.2013
comment
@FelixKling Бих казал, че по-голямата част от иконите все още са със съдържание. Те имат смисъл и добавят стойност към него. Те не са просто декорация на фона, която може да бъде премахната, без да се засяга съдържанието.   -  person tomasz86    schedule 10.08.2014

Отговори (2)


arrow_upward
7
arrow_downward

Има някои семантично правилни и неправилни начини за показване на различни видове изображения.

  • Нормални изображения По-добре е да използвате стандартни <img> тагове, защото те често са основното съдържание на сайта. Те трябва да имат alt тагове, за да информират потребителите за важни части от съдържанието.
  • Иконите са вид изображение, което не е основното съдържание на вашия сайт, но те също трябва да се показват с помощта на <img> тагове, защото е важно за използваемостта да се покаже какво правят конкретни икони, ако не се показват правилно .
  • Неважните снимки, които правят сайта хубав и не са основно съдържание на сайта, трябва да се показват като фон, защото тогава не използвате ненужни възли във вашия DOM.
person Mateusz Rogulski    schedule 05.02.2013
comment
Бинго! Бих искал също да добавя, че така наречените „неважни“ елементи често се повтарят от страница на страница и може би дори в контекста на същата страница. Така че зареждането като фон чрез CSS също ще изравни изобразяването. - person Giacomo1968; 06.02.2013

arrow_upward
3
arrow_downward

Не мисля, че трябва да включвате икони като отделен елемент, представляващ само тази икона; напр. img или i.

Вместо това всяка икона представлява конкретна функция – следователно трябва да използвате елемент, който може да се използва за тази функционалност, напр. котва a или button. Всеки от тези елементи трябва да има неграфично съдържание, което може да бъде анализирано от екранни четци и уеб паяци. След това можете да разкрасите тези елементи, като използвате фонови изображения за някаква графична икона.

Използването на отделно маркиране за икони е семантична грешка/грешка. Самата икона не прави нищо. Той е само там, за да запомни функцията на основния елемент. Но всъщност тези елементи са все още там, когато премахнете иконата.

Така че да, винаги бих включил икони като фонови изображения към елемент директно или към генериран псевдо елемент.

person feeela    schedule 05.02.2013