Стилизация тегов <ins> и <del>

Внести вклад UX
1

Возможно ли добавить следующие стили для тегов и ?

ins { text-decoration: underline; }
del { text-decoration: line-through; }

Пример:

Но мягко, какой свет через тотвон окно прорывается?

Красный цвет для удалений и зелёный для вставок — это очень устоявшаяся практика. Функции текстовых процессоров, например «Отслеживание изменений» в Word, повсеместно используют подчёркивание и зачёркивание. Стили по умолчанию в моём браузере Chrome делают то же самое. Но на форумах Discourse я вижу лишь текст с цветным фоном.

Подозреваю, что сброс CSS в Discourse может его перекрывать.

6 лайков
2

Опора только на цвет может быть проблематичной для людей с красно-зелёной цветовой слепотой, поэтому это тоже может помочь… пример симуляции:

Screen Shot 2021-11-02 at 1.30.56 PM

5 лайков
3

Думаю, также стоит подумать, должна ли цветовая подсказка быть background, color или обе.

2 лайка
4

Так что вы предлагаете использовать здесь и цвет, и подчеркивание/зачеркивание? Для меня это нормально, @awesomerobot, если вы хотите это включить, это кажется небольшим и простым изменением.

1 лайк
5

В юридической практике стандартом является зелёный текст и подчеркнутый шрифт для вставок, а красный текст и зачёркнутый шрифт — для удалений. Я полагаю, что в GitHub Prose Diff используется зелёный фон и подчеркнутый шрифт для вставок, а красный фон и зачёркнутый шрифт — для удалений.

Настоятельно рекомендую сочетать цвет и текстовое оформление. У меня нет строгого мнения относительно того, следует ли окрашивать текст, фон или оба элемента, главное, чтобы подход к вставкам и удалениям был одинаковым.

Также стоит подумать о тёмной теме. Я только что открыл GitHub Prose Diff, и на сером фоне тёмной темы стилизацию трудно различить.

3 лайка
6

Мне всё равно, если @awesomerobot за, давайте сделаем это!

4 лайка
9

Я заметил, что GitHub использует подчеркивание и зачеркивание только для тегов и в комментариях. Но могу подтвердить, что мне действительно не хватает цветового оформления. Без цветовых подсказок сложно с первого взгляда выделить все изменения в большом фрагменте текста.

4 лайка
10

Ещё за. Если @awesomerobot согласен, давайте сделаем это.

2 лайка
11

Это затронет всех? Я использую их для выделения. ЛОЛ

4 лайка
12

Это затронет всех, но <mark> также работает для выделения!

Я думаю, нам стоит реализовать и цвет, и стилизацию текста; мы до этого дойдем, просто это задача с низким приоритетом.

3 лайка
13
8 лайков
14

Верно, но зелёный и красный предлагают больше возможностей. Возможно, это настройка для выделения только текста или добавления стилей?

Я довольно часто использую их в блогах. Это полностью изменит их вид.

пример:

image
image711×116 18.8 KB

2 лайка
15

Крису нужно будет подтвердить на 100%, но я на 99% уверен, что мы сможем быстро переопределить новое подчеркивание/зачеркивание через компонент темы на вашем сайте.

3 лайка
16

Да, конечно! Я обновлю вашу тему, чтобы ничего не изменилось!

4 лайка
17

Возможно, @ThunderThighs захочет добавить стили для mark.red, mark.green, mark.blue и так далее?

Многие друзья, использующие текстовые маркеры, любят иметь несколько их цветов.

Также стоит рассмотреть использование содержимого :before и :after для программ чтения с экрана, если цветовая кодировка важна. В противном случае я понимаю, что многие программы чтения с экрана не произносят теги mark, а лишь их содержимое.

5 лайков