Сейчас внимательно посмотрю и разберусь…
На скриншоте я вижу интерфейс **Open WebUI**. В верхней части сообщения отображаются навигационные кнопки-теги: **«DATA V4»**, **«DATA PRO V4PRO»** и **«RELATED ПЕРЕЙТИ»**.
Проблема заключается в том, что модуль TTS (Text-to-Speech) воспринимает весь текст внутри контейнера сообщения как единый поток для озвучки. Поскольку эти кнопки технически являются частью Markdown-разметки или HTML-инъекции в начале сообщения, движок озвучки честно зачитывает их содержимое перед основным текстом.
### Как это исправить (Режим Technical Co-Pilot)
Чтобы исключить эти элементы из озвучки, нам нужно пометить их как «невидимые» для экранных дикторов и систем синтеза речи. Вот несколько путей решения, в зависимости от того, как реализована ваша функция (Filter/Action):
#### 1. Использование HTML-атрибута `aria-hidden`
Самый простой и эффективный способ для веб-интерфейсов. Вам нужно обернуть блок с кнопками в тег `
` или `` с атрибутом `aria-hidden=»true»`. Большинство современных движков TTS (особенно браузерных) игнорируют контент с этим атрибутом.
**Пример в коде вашей функции:**
«`python
buttons_html = «»»
«»»
# Далее добавляете этот HTML к контенту сообщения
«`
#### 2. Перенос кнопок в «Actions» (Native Open WebUI)
Если вы используете Open WebUI, лучше всего вынести эти кнопки из тела сообщения (`content`) в массив **Actions**. Кнопки действий отображаются под сообщением (или в специальном меню) и, как правило, **не зачитываются** основным движком TTS, так как не являются частью текстового контента сообщения.
#### 3. CSS-хак (если используется кастомный клиент)
Если у вас есть доступ к CSS интерфейса, можно попробовать использовать класс, который скрывает текст от `speak`:
«`css
.navigation-buttons {
speak: none; /* Для старых спецификаций */
user-select: none;
}
«`
*Примечание: Этот метод менее надежен, чем `aria-hidden`.*
#### 4. Модификация функции фильтра (Outlet Filter)
Если кнопки добавляются через `outlet` фильтр в n8n или Python-функцию, можно добавить условие: если запрос идет от модуля TTS (некоторые API это передают в заголовках), то не добавлять этот блок. Но в стандартном Open WebUI проще всего сработать через **HTML-атрибуты**.
**Моя рекомендация:**
Используйте **`aria-hidden=»true»`** внутри вашей функции, которая генерирует эти кнопки. Это стандарт индустрии для доступности (Accessibility), который решит проблему «заикания» озвучки на технических элементах.
Если пришлете код функции, которая формирует эти кнопки, я помогу внедрить этот атрибут правильно. Что скажете?
🤖 | 📅 | 🧠 CTX 6
