You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
-[Що таке візуалізаційно-блокувальні ресурси, та як виправити проблеми блокування візуалізації](https://drukarnia.com.ua/articles/sho-take-vizualizaciino-blokuvalni-resursi-ta-yak-vipraviti-problemi-z-blokuvannyam-vizualizaciyi-pere-qXKs9) – переклад на Друкарні (2023) статті зі Speckyboy (2018)
Copy file name to clipboardExpand all lines: files/uk/web/css/-moz-force-broken-image-icon/index.md
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -55,7 +55,7 @@ img {
55
55
{{EmbedLiveSample('pryklady','125','125')}}
56
56
57
57
> [!NOTE]
58
-
> Попри те, що зображення має вказані висоту та ширину, значок зламаного зображення не буде показаний, але вміст атрибута `alt` також буде прихований, якщо значення властивості `-moz-force-broken-image-icon`встановлено у`1`.
58
+
> Якщо зображення не має заданих висоти та ширини, то вміст атрибута alt не буде показаний, якщо `-moz-force-broken-image-icon`задано зі значенням`1`.
Copy file name to clipboardExpand all lines: files/uk/web/css/display/index.md
+3-3Lines changed: 3 additions & 3 deletions
Original file line number
Diff line number
Diff line change
@@ -290,22 +290,22 @@ display: unset;
290
290
291
291
### display: none
292
292
293
-
Використання `display` значення `none` на елементі прибере його із [дерева доступності](/uk/docs/Learn/Accessibility/What_is_accessibility#api-dostupnosti). Це призведе до того, що елемент та його нащадки більше не будуть оголошені технологією зчитування з екрана.
293
+
Використання `display` значення `none` на елементі прибере його із [дерева доступності](/uk/docs/Learn_web_development/Core/Accessibility/What_is_accessibility#api-dostupnosti). Це призведе до того, що елемент та його нащадки більше не будуть оголошені технологією зчитування з екрана.
294
294
295
295
Якщо потрібно візуально приховати елемент, більш доступною альтернативою є використання [комбінації властивостей](https://webaim.org/techniques/css/invisiblecontent/) для видимого усунення з екрана, але збереження доступності для допоміжних технологій, наприклад, читачів з екрана.
296
296
297
297
Хоч `display: none` приховує вміст із дерева доступності, але приховані елементи, на які є посилання з боку видимих елементів через атрибути `aria-describedby` чи `aria-labelledby`, доступні для допоміжних технологій.
298
298
299
299
### display: contents
300
300
301
-
Поточні реалізації у частині браузерів приберуть із [дерева доступності](/uk/docs/Learn/Accessibility/What_is_accessibility#api-dostupnosti) будь-який елемент зі значенням `contents` властивості `display` (залишивши у дереві його нащадків). Це призведе до того, що сам елемент більше не буде оголошений технологією читання екрана. Це некоректна поведінка згідно зі [специфікацією CSS](https://drafts.csswg.org/css-display/#valdef-display-contents).
301
+
Поточні реалізації у частині браузерів приберуть із [дерева доступності](/uk/docs/Learn_web_development/Core/Accessibility/What_is_accessibility#api-dostupnosti) будь-який елемент зі значенням `contents` властивості `display` (залишивши у дереві його нащадків). Це призведе до того, що сам елемент більше не буде оголошений технологією читання екрана. Це некоректна поведінка згідно зі [специфікацією CSS](https://drafts.csswg.org/css-display/#valdef-display-contents).
302
302
303
303
- [Більш доступна розмітка із display: contents | Гідде де Вріс](https://hidde.blog/more-accessible-markup-with-display-contents/)
304
304
- [Display: Contents не є скиданням CSS | Адріан Розеллі](https://adrianroselli.com/2018/05/display-contents-is-not-a-css-reset.html)
305
305
306
306
### Таблиці
307
307
308
-
У частині браузерів зміна значення `display` для елемента {{HTMLElement("table")}} на `block`, `grid` чи `flex` змінить його представлення у [дереві доступності](/uk/docs/Learn/Accessibility/What_is_accessibility#accessibility_apis). Це спричинить до того, що така таблиця не буде коректно оголошена технологією читання з екрана.
308
+
У частині браузерів зміна значення `display` для елемента {{HTMLElement("table")}} на `block`, `grid` чи `flex` змінить його представлення у [дереві доступності](/uk/docs/Learn_web_development/Core/Accessibility/What_is_accessibility#accessibility_apis). Це спричинить до того, що така таблиця не буде коректно оголошена технологією читання з екрана.
309
309
310
310
- [Коротка нотатка про те, що властивість CSS display робить із семантикою таблиці — The Paciello Group](https://www.tpgi.com/short-note-on-what-css-display-properties-do-to-table-semantics/)
311
311
- [Прихований вміст для кращої доступності | Go Make Things](https://gomakethings.com/hidden-content-for-better-a11y/)
Властивість [CSS](/uk/docs/Web/CSS)**`font-synthesis-position`** (шрифт, синтез позиційних) дає змогу задати те, чи повинен браузер синтезувати підрядкові та надрядкові "позиційні" гарнітури, коли вони відсутні в сімействі шрифтів, використовуючи {{cssxref("font-variant-position")}} для задання позицій.
0 commit comments