platform icon indicating copy to clipboard operation
platform copied to clipboard

В рекомендациях обрезаются длинные слова в названии рекомендованных статей

Open furtivite opened this issue 2 years ago • 8 comments

Пример: https://doka.guide/html/doctype/ 2023-07-08_15-43-22

furtivite avatar Jul 08 '23 12:07 furtivite

Какое решение для длинных слов в этих карточках ты бы предложил?

solarrust avatar Jul 25 '23 12:07 solarrust

Какое решение для длинных слов в этих карточках ты бы предложил?

Очень думаю вручную у длинных слов проставить ­, это не супер-идеальное решение и непонятно как оно отразится на СЕО, мы же заголовок правим.

furtivite avatar Jul 31 '23 14:07 furtivite

А чем плохо текущее решение с визуальным скрытием за тремя точками?

И если расставлять переносы, то где? В заголовках самих материалов? Ручной труд редактора? Как определить какой заголовок длинный для какого экрана?

solarrust avatar Jul 31 '23 14:07 solarrust

Текущее решение плохо тем, что многоточие появляется не в конце предложения, где мысль незакончена, а в рандомном месте. Кроме того, сложно прочитать то, что написано. Непонятно как ещё это отразится в скринридере.

Надо думать над решением. Ручное допустимо относительно договорённостей, но мне не нравится, потому что ручное. Можно мерять слова JS, наверное, и расставлять автоматически, но надо, чтобы совпало правилами.

furtivite avatar Jul 31 '23 14:07 furtivite

как вариант - https://caniuse.com/?search=hyphens

furtivite avatar Jul 31 '23 14:07 furtivite

Хапхенс не работает нормально с русским языком.

Присылай пиар с твоим решением — будем смотреть на практике 🤌

solarrust avatar Jul 31 '23 14:07 solarrust

Попробовала hypens в паре случайных статей, сработало корректно:

image

image

Я бы предложила попробовать, плюс предусмотреть вариант на случай совсем-совсем длинного заголовка, там и впрямь лучше спрятать часть за многоточием.

skorobaeus avatar Aug 07 '23 15:08 skorobaeus

Это свойство никак не должно повлиять на скринридеры, так что тут переживать не стоит.

Однако есть сомнения насчёт других пользователей и доступности для них. К примеру, переносы не советуют делать для заголовков и другого текста, так как такой контент трудно воспринимать людям с когнитивными особенностями.

С другой стороны, кажется, что это в нашем случае сильно лучше, чем точки.

TatianaFokina avatar Aug 07 '23 15:08 TatianaFokina