Sape plugin info: test sape ok

Таблицы выводятся с <caption>, без классов/идентификаторов

Поэтому я пытаюсь добавить слово «новый» к заголовку таблицы, но только если эта таблица содержит продукты, названия которых начинаются с «GW6D».

Поскольку таблицы динамически выводятся через представления, у меня нет доступа к тегу прямого заголовка в HTML для добавления класса. (Я не могу сделать это в шаблоне, потому что тогда каждый заголовок будет иметь этот класс, поэтому я буду пытаться выяснить, как выбирать заголовки таблиц без правильных продуктов и удалять этот класс)

К чему относится это слово

Я могу поместить «tr», «td» в этот селектор, но, похоже, я не могу выбрать фактический тег, если использую .closest("caption");. Прямо сейчас этот фрагмент добавит «новое» для каждого продукта, поэтому, хотя сейчас он создает слишком много «новостей», я просто хочу, чтобы он добавлял тег в начало <caption>.

Я также застрял на jquery 1.4.2, но не нашел ничего, что говорило бы, что тегирование html тег <caption> зависит от версии.

163633 золотых значка1717 серебряных знаков2626 бронзовых знаков

Можете ли вы опубликовать пример HTML и то, на что вы пытаетесь его изменить?

<caption>не является родителем элементов td( поэтому closestне находит его ). Но он находится внутри, <table>поэтому вам придется спуститься вниз, как только вы доберетесь до него.

194 тыс.3434 золотых значка266266 серебряных знаков323323 бронзовых знака
Большой! В этом была моя проблема: я не знал, что самый близкий ищет родителя... Я приму, когда мне позволят. еще раз спасибо

.closest()не «осматривает» совпадения, он проходит через предков текущего элемента в дереве DOM. (См. документацию здесь ).

Найдя таблицу с .closest('table'), вам нужно будет пройти вниз , чтобы найти заголовок. Самая простая функция для этого — .find().

Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания и подтверждаете, что прочитали нашу политику конфиденциальности .

Не тот ответ, который вы ищете? Просмотреть другие вопросы с тегамиjqueryДрупалили задайте свой вопрос .

Новые стили фокуса и обновленный стиль для групп кнопок

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

Почему мы обновляем стиль фокуса?

До этих недавних изменений мы обычно применяли специальное кольцо фокусировки вокруг элементов, чтобы указать, что элемент находится в фокусе. С этим подходом было несколько проблем. Во-первых, это кольцо фокусировки обычно было значительно ниже коэффициента контрастности 3:1, необходимого для соответствия стандартам WCAG (уровень AA) . Кроме того, кольцо фокусировки всегда отображалось как кольцо за пределами элемента, находящегося в фокусе, а это означает, что оно часто закрывалось, когда выходило за границы родительского элемента. Кроме того, мы часто настраиваем outline: noneэлементы, которые имеют это собственное кольцо фокусировки, чтобы контур не конфликтовал с нашим пользовательским стилем, а поскольку принудительные цветовые режимы на уровне ОС часто полагаются на применение контура для обозначения фокуса, наше явное удаление любого контура означало, что эти принудительные цветовые режимы не будут указывать на то, что элемент сфокусирован.

Как мы обновляем стиль фокуса?

Наши новые стили фокусировки решают эти проблемы, применяя два кольца в виде контрастного контура и тени блока, одно вложенное в другое, чтобы обеспечить четкое обозначение фокуса. Внутреннее кольцо соответствует цвету фона страницы, а внешнее кольцо имеет значение theme-secondary-400(обычно синее). За некоторыми исключениями для компонентов с ограниченным внутренним пространством, мы размещаем эти новые кольца фокусировки внутри границ компонента. Это предотвращает затенение фокуса, когда в противном случае он может выйти за границы своего родительского элемента. А поскольку стиль фокуса включает в себя контур, принудительные цветовые режимы на уровне ОС могут переназначить этот стиль для применения стилей фокуса в соответствии с предпочтениями пользователя.

Классы служебной направленности

Чтобы помочь нашим разработчикам пользовательского интерфейса применять наши новые стили фокуса к компонентам, не входящим в библиотеку Stacks, мы добавили служебные классы фокуса , чтобы при необходимости можно было применять одни и те же стили фокуса ко всем нашим продуктам.

Текущее состояние

Были развернуты обновления стилей фокуса для многих компонентов (см. список ниже). Мы постоянно обновляем стили фокуса для многих пользовательских компонентов в наших пользовательских интерфейсах. Позже мы применим наш новый стиль пользовательского фокуса к компонентам, которые никогда не включали пользовательские стили фокуса, таким как аватары, карточки и ссылки.

Что мы ищем

Пожалуйста, сообщайте о любых ошибках, которые вы обнаружите, в качестве ответа под этим сообщением. Автоматизированные тесты могут обнаружить очень мало ошибок, связанных с доступностью, поэтому мы полагаемся на сочетание автоматического и ручного тестирования, чтобы придать нам уверенности в нашей работе. Всегда есть большая вероятность, что мы пропустили ошибку или не учли все обстоятельства, на которые влияют эти изменения, поэтому мы ценим ваши отзывы и будем рады услышать о вашем опыте работы с этими изменениями.