Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 7 additions & 0 deletions files/en-us/mozilla/firefox/releases/150/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,14 @@ Firefox 150 is the current [Beta version of Firefox](https://www.firefox.com/en-

#### DOM

- The [`options.shadowRoots`](/en-US/docs/Web/API/Document/caretPositionFromPoint#shadowroots) argument of the {{domxref('Document.caretPositionFromPoint()')}} method is now supported.
This allows the method to return the node containing the caret from within a shadow DOM, provided its associated {{domxref("ShadowRoot")}} was passed as an option.
([Firefox bug 1914596](https://bugzil.la/1914596)).

- The non-standard {{domxref("Document/caretRangeFromPoint","caretRangeFromPoint()")}} method of the {{domxref("Document")}} interface is now supported. ([Firefox bug 1550635](https://bugzil.la/1550635)).
- The `ariaNotify()` method is now supported on {{domxref("Document/ariaNotify","Document")}} and {{domxref("Element/ariaNotify","Element")}}.
This queues a string of text to be announced by a {{glossary("screen reader")}}, providing a more ergonomic and reliable alternative to [ARIA live regions](/en-US/docs/Web/Accessibility/ARIA/Guides/Live_regions).
([Firefox bug 2018095](https://bugzil.la/2018095)).

<!-- #### Media, WebRTC, and Web Audio -->

Expand Down
22 changes: 10 additions & 12 deletions files/en-us/web/api/cssfontfacedescriptors/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,12 +2,10 @@
title: CSSFontFaceDescriptors
slug: Web/API/CSSFontFaceDescriptors
page-type: web-api-interface
status:
- experimental
browser-compat: api.CSSFontFaceDescriptors
---

{{APIRef("CSSOM")}}{{SeeCompatTable}}
{{APIRef("CSSOM")}}

The **`CSSFontFaceDescriptors`** interface represents a CSS declaration block for an {{cssxref("@font-face")}} [at-rule](/en-US/docs/Web/CSS/Guides/Syntax/At-rules).

Expand All @@ -25,25 +23,25 @@ _Inherits properties from its ancestor {{domxref("CSSStyleDeclaration")}}._

The following property names, in kebab-case (accessed using bracket notation) and camel-case (accessed using dot notation), each represent the value of a descriptor in the corresponding `@font-face` at-rule:

- `font-display` or `fontDisplay` {{experimental_inline}}
- `font-display` or `fontDisplay`
- : A string representing the value of the {{cssxref("@font-face/font-display", "font-display")}} descriptor.
- `font-family` or `fontFamily` {{experimental_inline}}
- `font-family` or `fontFamily`
- : A string representing the value of the {{cssxref("@font-face/font-family", "font-family")}} descriptor.
- `font-feature-settings` or `fontFeatureSettings` {{experimental_inline}}
- `font-feature-settings` or `fontFeatureSettings`
- : A string representing the value of the {{cssxref("@font-face/font-feature-settings", "font-feature-settings")}} descriptor.
- `font-stretch` or `fontStretch` {{experimental_inline}}
- `font-stretch` or `fontStretch`
- : A string representing the value of the {{cssxref("@font-face/font-stretch", "font-stretch")}} descriptor.
- `font-style` or `fontStyle` {{experimental_inline}}
- `font-style` or `fontStyle`
- : A string representing the value of the {{cssxref("@font-face/font-style", "font-style")}} descriptor.
- `font-weight` or `fontWeight` {{experimental_inline}}
- `font-weight` or `fontWeight`
- : A string representing the value of the {{cssxref("@font-face/font-weight", "font-weight")}} descriptor.
- `font-width` or `fontWidth` {{experimental_inline}}
- : A string representing the value of the {{cssxref("@font-face/font-width", "font-width")}} descriptor.
- `size-adjust` or `sizeAdjust` {{experimental_inline}}
- `size-adjust` or `sizeAdjust`
- : A string representing the value of the {{cssxref("@font-face/size-adjust", "size-adjust")}} descriptor.
- `src` {{experimental_inline}}
- `src`
- : A string representing the value of the {{cssxref("@font-face/src", "src")}} descriptor.
- `unicode-range` or `unicodeRange` {{experimental_inline}}
- `unicode-range` or `unicodeRange`
- : A string representing the value of the {{cssxref("@font-face/unicode-range", "unicode-range")}} descriptor.

## Instance methods
Expand Down
16 changes: 9 additions & 7 deletions files/en-us/web/api/document/arianotify/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,14 +3,12 @@ title: "Document: ariaNotify() method"
short-title: ariaNotify()
slug: Web/API/Document/ariaNotify
page-type: web-api-instance-method
status:
- experimental
browser-compat: api.Document.ariaNotify
---

{{ApiRef("DOM")}}{{SeeCompatTable}}
{{ApiRef("DOM")}}

The **`ariaNotify()`** method of the {{domxref("Document")}} interface specifies that a given string of text should be announced by a {{glossary("screen reader")}} if available and activated.
The **`ariaNotify()`** method of the {{domxref("Document")}} interface queues a string of text to be announced by a {{glossary("screen reader")}}.

## Syntax

Expand All @@ -26,11 +24,15 @@ ariaNotify(announcement, options)
- `options` {{optional_inline}}
- : An options object containing the following properties:
- `priority`
- : An enumerated value specifying the priority of the announcement. Possible values are:
- : An enumerated value specifying the priority of the announcement.
Possible values are:
- `normal`
- : The announcement has normal priority. It will be spoken after any announcement that a screen reader is currently making.
- : The announcement has normal priority.
It will be spoken after any announcement that a screen reader is currently making.
This is the default value.
- `high`
- : The announcement has high priority. It will be spoken immediately, interrupting any announcement that a screen reader is currently making.
- : The announcement has high priority.
It will be spoken immediately, interrupting any announcement that a screen reader is currently making.

### Return value

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/document/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -186,7 +186,7 @@ _This interface also inherits from the {{DOMxRef("Node")}} and {{DOMxRef("EventT
- : Adopt node from an external document.
- {{DOMxRef("Document.append()")}}
- : Inserts a set of {{domxref("Node")}} objects or strings after the last child of the document.
- {{DOMxRef("Document.ariaNotify()")}} {{Experimental_Inline}}
- {{DOMxRef("Document.ariaNotify()")}}
- : Specifies that a given string of text should be announced by a screen reader.
- {{DOMxRef("Document.browsingTopics()")}} {{non-standard_inline}} {{deprecated_inline}}
- : Returns a promise that fulfills with an array of objects representing the top topics for the user, one from each of the last three epochs. By default, the method also causes the browser to record the current page visit as observed by the caller, so the page's hostname can later be used in topics calculation. See the [Topics API](/en-US/docs/Web/API/Topics_API) for more details.
Expand Down
16 changes: 9 additions & 7 deletions files/en-us/web/api/element/arianotify/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,14 +3,12 @@ title: "Element: ariaNotify() method"
short-title: ariaNotify()
slug: Web/API/Element/ariaNotify
page-type: web-api-instance-method
status:
- experimental
browser-compat: api.Element.ariaNotify
---

{{ApiRef("DOM")}}{{SeeCompatTable}}
{{ApiRef("DOM")}}

The **`ariaNotify()`** method of the {{domxref("Element")}} interface specifies that a given string of text should be announced by a {{glossary("screen reader")}} if available and activated.
The **`ariaNotify()`** method of the {{domxref("Element")}} interface queues a string of text to be announced by a {{glossary("screen reader")}}.

## Syntax

Expand All @@ -26,11 +24,15 @@ ariaNotify(announcement, options)
- `options` {{optional_inline}}
- : An options object containing the following properties:
- `priority`
- : An enumerated value specifying the priority of the announcement. Possible values are:
- : An enumerated value specifying the priority of the announcement.
Possible values are:
- `normal`
- : The announcement has normal priority. It will be spoken after any announcement that a screen reader is currently making.
- : The announcement has normal priority.
It will be spoken after any announcement that a screen reader is currently making.
This is the default value.
- `high`
- : The announcement has high priority. It will be spoken immediately, interrupting any announcement that a screen reader is currently making.
- : The announcement has high priority.
It will be spoken immediately, interrupting any announcement that a screen reader is currently making.

### Return value

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/element/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -217,7 +217,7 @@ _`Element` inherits methods from its parents {{DOMxRef("Node")}}, and its own pa
- : Inserts a set of {{domxref("Node")}} objects or strings in the children list of the `Element`'s parent, just after the `Element`.
- {{DOMxRef("Element.animate()")}}
- : A shortcut method to create and run an animation on an element. Returns the created Animation object instance.
- {{DOMxRef("Element.ariaNotify()")}} {{Experimental_Inline}}
- {{DOMxRef("Element.ariaNotify()")}}
- : Specifies that a given string of text should be announced by a screen reader.
- {{DOMxRef("Element.append()")}}
- : Inserts a set of {{domxref("Node")}} objects or strings after the last child of the element.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,10 @@ title: "HighlightRegistry: highlightsFromPoint() method"
short-title: highlightsFromPoint()
slug: Web/API/HighlightRegistry/highlightsFromPoint
page-type: web-api-instance-method
status:
- experimental
browser-compat: api.HighlightRegistry.highlightsFromPoint
---

{{APIRef("CSS Custom Highlight API")}}{{SeeCompatTable}}
{{APIRef("CSS Custom Highlight API")}}

The **`highlightsFromPoint()`** method of the {{domxref("HighlightRegistry")}} interface returns an array of objects representing the custom highlights applied at a specific point within the viewport.

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/highlightregistry/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ _The `HighlightRegistry` interface doesn't inherit any methods_.
- : Gets the named `Highlight` object from the registry.
- {{domxref("HighlightRegistry.has()")}}
- : Returns a boolean asserting whether a `Highlight` object is present the registry or not.
- {{domxref("HighlightRegistry.highlightsFromPoint()")}} {{experimental_inline}}
- {{domxref("HighlightRegistry.highlightsFromPoint()")}}
- : Returns an array of objects representing the custom highlights applied at a specific point within the viewport.
- {{domxref("HighlightRegistry.keys()")}}
- : An alias for {{domxref("HighlightRegistry.values()")}}.
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/htmlmediaelement/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ _This interface also inherits properties from its ancestors {{domxref("HTMLEleme
- : Returns a boolean that indicates whether the media element has finished playing.
- {{domxref("HTMLMediaElement.error")}} {{ReadOnlyInline}}
- : Returns a {{domxref("MediaError")}} object for the most recent error, or `null` if there has not been an error.
- {{domxref("HTMLMediaElement.loading")}}
- {{domxref("HTMLMediaElement.loading")}} {{experimental_inline}}
- : A string indicating whether the browser should load the media immediately (`eager`) or when it is needed (`lazy`). See [`<video loading>`](/en-US/docs/Web/HTML/Reference/Elements/video#loading) and [`<audio loading>`](/en-US/docs/Web/HTML/Reference/Elements/audio#loading) HTML attributes for more information.
- {{domxref("HTMLMediaElement.loop")}}
- : A boolean that reflects the [`loop`](/en-US/docs/Web/HTML/Reference/Elements/video#loop) HTML attribute, which indicates whether the media element should start over when it reaches the end.
Expand Down
4 changes: 3 additions & 1 deletion files/en-us/web/api/htmlmediaelement/loading/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,10 +3,12 @@ title: "HTMLMediaElement: loading property"
short-title: loading
slug: Web/API/HTMLMediaElement/loading
page-type: web-api-instance-property
status:
- experimental
browser-compat: api.HTMLMediaElement.loading
---

{{APIRef("HTML DOM")}}
{{APIRef("HTML DOM")}}{{SeeCompatTable}}

The **`loading`** property of the {{domxref("HTMLMediaElement")}} interface provides a hint to the browser on how to handle the loading of the media which is currently outside the window's {{Glossary("visual viewport")}}. This helps to optimize the loading of the document's contents by postponing loading the media until it's expected to be needed, rather than immediately during the initial page load. It reflects the `<audio>` element's [`loading`](/en-US/docs/Web/HTML/Reference/Elements/audio#loading) content attribute or the `<video>` element's [`loading`](/en-US/docs/Web/HTML/Reference/Elements/video#loading) content attribute.

Expand Down
4 changes: 2 additions & 2 deletions files/en-us/web/api/performanceelementtiming/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -47,9 +47,9 @@ This interface directly defines the following properties:
- : An unsigned 32-bit integer (unsigned long) which is the intrinsic height of the image if this is applied to an image, 0 for text.
- {{domxref("PerformanceElementTiming.naturalWidth")}} {{ReadOnlyInline}} {{Experimental_Inline}}
- : An unsigned 32-bit integer (unsigned long) which is the intrinsic width of the image if this is applied to an image, 0 for text.
- {{domxref("PerformanceElementTiming.paintTime")}}
- {{domxref("PerformanceElementTiming.paintTime")}} {{experimental_inline}}
- : Returns the {{domxref("DOMHighResTimeStamp","timestamp")}} when the rendering phase ended and the paint phase started.
- {{domxref("PerformanceElementTiming.presentationTime")}}
- {{domxref("PerformanceElementTiming.presentationTime")}} {{experimental_inline}}
- : Returns the {{domxref("DOMHighResTimeStamp","timestamp")}} when the element was actually drawn on the screen.
- {{domxref("PerformanceElementTiming.renderTime")}} {{ReadOnlyInline}} {{Experimental_Inline}}
- : A {{domxref("DOMHighResTimeStamp")}} with the renderTime of the element.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,10 +3,12 @@ title: "PerformanceElementTiming: paintTime property"
short-title: paintTime
slug: Web/API/PerformanceElementTiming/paintTime
page-type: web-api-instance-property
status:
- experimental
browser-compat: api.PerformanceElementTiming.paintTime
---

{{APIRef("Performance API")}}
{{APIRef("Performance API")}}{{SeeCompatTable}}

The **`paintTime`** read-only property of the {{domxref("PerformanceElementTiming")}} interface returns the {{domxref("DOMHighResTimeStamp","timestamp")}} when the rendering phase ended and the paint phase started.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,10 +3,12 @@ title: "PerformanceElementTiming: presentationTime property"
short-title: presentationTime
slug: Web/API/PerformanceElementTiming/presentationTime
page-type: web-api-instance-property
status:
- experimental
browser-compat: api.PerformanceElementTiming.presentationTime
---

{{APIRef("Performance API")}}
{{APIRef("Performance API")}}{{SeeCompatTable}}

The **`presentationTime`** read-only property of the {{domxref("PerformanceElementTiming")}} interface returns the {{domxref("DOMHighResTimeStamp","timestamp")}} when the element was actually drawn on the screen.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -32,9 +32,9 @@ This interface directly defines the following properties:
- : Returns a {{domxref("DOMHighResTimeStamp")}} indicating the total time in milliseconds that the main thread was blocked from responding to high priority tasks, such as user input. This is calculated by taking all the [long tasks](/en-US/docs/Web/API/PerformanceLongTaskTiming#description) within the LoAF that have a `duration` of more than `50ms`, subtracting `50ms` from each, adding the rendering time to the longest task time, and summing the results.
- {{domxref("PerformanceLongAnimationFrameTiming.firstUIEventTimestamp")}} {{ReadOnlyInline}} {{Experimental_Inline}}
- : Returns a {{domxref("DOMHighResTimeStamp")}} indicating the time of the first UI event — such as a mouse or keyboard event — to be queued during the current animation frame.
- {{domxref("PerformanceLongAnimationFrameTiming.paintTime")}}
- {{domxref("PerformanceLongAnimationFrameTiming.paintTime")}} {{experimental_inline}}
- : Returns the {{domxref("DOMHighResTimeStamp","timestamp")}} when the rendering phase ended and the animation frame started.
- {{domxref("PerformanceLongAnimationFrameTiming.presentationTime")}}
- {{domxref("PerformanceLongAnimationFrameTiming.presentationTime")}} {{experimental_inline}}
- : Returns the {{domxref("DOMHighResTimeStamp","timestamp")}} when the UI update was actually drawn on the screen.
- {{domxref("PerformanceLongAnimationFrameTiming.renderStart")}} {{ReadOnlyInline}} {{Experimental_Inline}}
- : Returns a {{domxref("DOMHighResTimeStamp")}} indicating the start time of the rendering cycle, which includes {{domxref("Window.requestAnimationFrame()")}} callbacks, style and layout calculation, {{domxref("ResizeObserver")}} callbacks, and {{domxref("IntersectionObserver")}} callbacks.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,10 +3,12 @@ title: "PerformanceLongAnimationFrameTiming: paintTime property"
short-title: paintTime
slug: Web/API/PerformanceLongAnimationFrameTiming/paintTime
page-type: web-api-instance-property
status:
- experimental
browser-compat: api.PerformanceLongAnimationFrameTiming.paintTime
---

{{APIRef("Performance API")}}
{{APIRef("Performance API")}}{{SeeCompatTable}}

The **`paintTime`** read-only property of the {{domxref("PerformanceLongAnimationFrameTiming")}} interface returns the {{domxref("DOMHighResTimeStamp","timestamp")}} when the rendering phase ended and the animation frame started.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,10 +3,12 @@ title: "PerformanceLongAnimationFrameTiming: presentationTime property"
short-title: presentationTime
slug: Web/API/PerformanceLongAnimationFrameTiming/presentationTime
page-type: web-api-instance-property
status:
- experimental
browser-compat: api.PerformanceLongAnimationFrameTiming.presentationTime
---

{{APIRef("Performance API")}}
{{APIRef("Performance API")}}{{SeeCompatTable}}

The **`presentationTime`** read-only property of the {{domxref("PerformanceLongAnimationFrameTiming")}} interface returns the {{domxref("DOMHighResTimeStamp","timestamp")}} when the UI update was actually drawn on the screen.

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/html/reference/elements/audio/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@ This element's attributes include the [global attributes](/en-US/docs/Web/HTML/R

In Safari, you can use [`x-webkit-airplay="deny"`](https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/AirPlayGuide/OptingInorOutofAirPlay/OptingInorOutofAirPlay.html) as a fallback.

- `loading`
- `loading` {{experimental_inline}}
- : Indicates how the browser should load the audio:
- `eager`
- : Loads the audio immediately, regardless of whether or not the audio is currently within the visible viewport (this is the default value).
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,8 @@ The way to activate the accesskey depends on the browser and its platform:
</tr>
<tr>
<th>Opera</th>
<td colspan="2"><kbd>Alt</kbd> + <kbd><em>key</em></kbd></td>
<td><kbd>Alt</kbd> + <kbd><em>key</em></kbd></td>
<td><kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd><em>key</em></kbd></td>
<td><kbd>Control</kbd> + <kbd>Alt</kbd> + <kbd><em>key</em></kbd></td>
</tr>
</tbody>
Expand Down
4 changes: 0 additions & 4 deletions files/en-us/web/svg/reference/attribute/font-stretch/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,10 @@
title: font-stretch
slug: Web/SVG/Reference/Attribute/font-stretch
page-type: svg-attribute
status:
- deprecated
browser-compat: svg.global_attributes.font-stretch
sidebar: svgref
---

{{deprecated_header}}

The **`font-stretch`** attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.

> [!NOTE]
Expand Down
Loading