Skip to content

Commit

Permalink
Unify desc format for SVG elements (#36883)
Browse files Browse the repository at this point in the history
* Unify desc format for SVG elements

* Update files/en-us/web/svg/element/textpath/index.md

* Update files/en-us/web/svg/element/textpath/index.md

---------

Co-authored-by: Hamish Willee <[email protected]>
  • Loading branch information
skyclouds2001 and hamishwillee authored Nov 24, 2024
1 parent 7d2a778 commit da99ca1
Show file tree
Hide file tree
Showing 40 changed files with 41 additions and 40 deletions.
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/a/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.a

{{SVGRef}}

The **\<a>** SVG element creates a hyperlink to other web pages, files, locations in the same page, email addresses, or any other URL. It is very similar to HTML's {{htmlelement("a")}} element.
The **`<a>`** [SVG](/en-US/docs/Web/SVG) element creates a hyperlink to other web pages, files, locations in the same page, email addresses, or any other URL. It is very similar to HTML's {{htmlelement("a")}} element.

SVG's `<a>` element is a container, which means you can create a link around text (like in HTML) but also around any shape.

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/animate/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.animate

{{SVGRef}}

The SVG **`<animate>`** element provides a way to animate an attribute of an element over time.
The **`<animate>`** [SVG](/en-US/docs/Web/SVG) element provides a way to animate an attribute of an element over time.

## Example

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/animatemotion/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.animateMotion

{{SVGRef}}

The SVG **`<animateMotion>`** element provides a way to define how an element moves along a motion path.
The **`<animateMotion>`** [SVG](/en-US/docs/Web/SVG) element provides a way to define how an element moves along a motion path.

> [!NOTE]
> To reuse an existing path, it will be necessary to use an {{SVGElement("mpath")}} element inside the `<animateMotion>` element instead of the {{SVGAttr("path")}} attribute.
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/animatetransform/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.animateTransform

{{SVGRef}}

The `animateTransform` element animates a transformation attribute on its target element, thereby allowing animations to control translation, scaling, rotation, and/or skewing.
The **`<animateTransform>`** [SVG](/en-US/docs/Web/SVG) element animates a transformation attribute on its target element, thereby allowing animations to control translation, scaling, rotation, and/or skewing.

## Usage context

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/defs/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.defs

{{SVGRef}}

The **`<defs>`** element is used to store graphical objects that will be used at a later time. Objects created inside a `<defs>` element are not rendered directly. To display them you have to reference them (with a {{SVGElement("use")}} element for example).
The **`<defs>`** [SVG](/en-US/docs/Web/SVG) element is used to store graphical objects that will be used at a later time. Objects created inside a `<defs>` element are not rendered directly. To display them you have to reference them (with a {{SVGElement("use")}} element for example).

Graphical objects can be referenced from anywhere, however, defining these objects inside of a `<defs>` element promotes understandability of the SVG content and is beneficial to the overall accessibility of the document.

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/desc/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.desc

{{SVGRef}}

The **`<desc>`** element provides an accessible, long-text description of any SVG [container element](/en-US/docs/Web/SVG/Element#container_elements) or [graphics element](/en-US/docs/Web/SVG/Element#graphics_elements).
The **`<desc>`** [SVG](/en-US/docs/Web/SVG) element provides an accessible, long-text description of any SVG [container element](/en-US/docs/Web/SVG/Element#container_elements) or [graphics element](/en-US/docs/Web/SVG/Element#graphics_elements).

Text in a `<desc>` element is not rendered as part of the graphic. If the element can be described by visible text, it is possible to reference that text with the [`aria-describedby`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby) attribute. If `aria-describedby` is used, it will take precedence over `<desc>`.

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/ellipse/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.ellipse

{{SVGRef}}

The **`<ellipse>`** element is an SVG basic shape, used to create ellipses based on a center coordinate, and both their x and y radius.
The **`<ellipse>`** [SVG](/en-US/docs/Web/SVG) element is an SVG basic shape, used to create ellipses based on a center coordinate, and both their x and y radius.

> [!NOTE]
> Ellipses are unable to specify the exact orientation of the ellipse (if, for example, you wanted to draw an ellipse tilted at a 45 degree angle), but it can be rotated by using the {{SVGAttr("transform")}} attribute.
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/fecolormatrix/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.feColorMatrix

{{SVGRef}}

The **`<feColorMatrix>`** SVG filter element changes colors based on a transformation matrix. Every pixel's color value `[R,G,B,A]` is [matrix multiplied](https://en.wikipedia.org/wiki/Matrix_multiplication) by a 5 by 5 color matrix to create new color `[R',G',B',A']`.
The **`<feColorMatrix>`** [SVG](/en-US/docs/Web/SVG) filter element changes colors based on a transformation matrix. Every pixel's color value `[R,G,B,A]` is [matrix multiplied](https://en.wikipedia.org/wiki/Matrix_multiplication) by a 5 by 5 color matrix to create new color `[R',G',B',A']`.

> [!NOTE]
> The prime symbol **`'`** is used in mathematics indicate the result of a transformation.
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/fedistantlight/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.feDistantLight

{{SVGRef}}

The **`<feDistantLight>`** filter primitive defines a distant light source that can be used within a lighting filter primitive: {{SVGElement("feDiffuseLighting")}} or {{SVGElement("feSpecularLighting")}}.
The **`<feDistantLight>`** [SVG](/en-US/docs/Web/SVG) filter primitive defines a distant light source that can be used within a lighting filter primitive: {{SVGElement("feDiffuseLighting")}} or {{SVGElement("feSpecularLighting")}}.

## Usage context

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/fedropshadow/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.feDropShadow

{{SVGRef}}

The SVG **`<feDropShadow>`** filter primitive creates a drop shadow of the input image. It can only be used inside a {{SVGElement('filter')}} element.
The **`<feDropShadow>`** [SVG](/en-US/docs/Web/SVG) filter primitive creates a drop shadow of the input image. It can only be used inside a {{SVGElement('filter')}} element.

> [!NOTE]
> The drop shadow color and opacity can be changed by using the {{SVGAttr('flood-color')}} and {{SVGAttr('flood-opacity')}} presentation attributes.
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/feflood/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.feFlood

{{SVGRef}}

The **`<feFlood>`** SVG filter primitive fills the filter subregion with the color and opacity defined by {{SVGAttr("flood-color")}} and {{SVGAttr("flood-opacity")}}.
The **`<feFlood>`** [SVG](/en-US/docs/Web/SVG) filter primitive fills the filter subregion with the color and opacity defined by {{SVGAttr("flood-color")}} and {{SVGAttr("flood-opacity")}}.

## Usage context

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/femerge/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.feMerge

{{SVGRef}}

The **`<feMerge>`** SVG element allows filter effects to be applied concurrently instead of sequentially. This is achieved by other filters storing their output via the {{ SVGAttr("result") }} attribute and then accessing it in a {{ SVGElement("feMergeNode") }} child.
The **`<feMerge>`** [SVG](/en-US/docs/Web/SVG) element allows filter effects to be applied concurrently instead of sequentially. This is achieved by other filters storing their output via the {{ SVGAttr("result") }} attribute and then accessing it in a {{ SVGElement("feMergeNode") }} child.

## Usage context

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/femergenode/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.feMergeNode

{{SVGRef}}

The `feMergeNode` takes the result of another filter to be processed by its parent {{ SVGElement("feMerge") }}.
The **`<feMergeNode>`** [SVG](/en-US/docs/Web/SVG) takes the result of another filter to be processed by its parent {{ SVGElement("feMerge") }}.

## Usage context

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/feoffset/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.feOffset

{{SVGRef}}

The **`<feOffset>`** SVG filter primitive allows to offset the input image. The input image as a whole is offset by the values specified in the {{SVGAttr("dx")}} and {{SVGAttr("dy")}} attributes.
The **`<feOffset>`** [SVG](/en-US/docs/Web/SVG) filter primitive allows to offset the input image. The input image as a whole is offset by the values specified in the {{SVGAttr("dx")}} and {{SVGAttr("dy")}} attributes.

## Usage context

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/fepointlight/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.fePointLight

{{SVGRef}}

The **`<fePointLight>`** filter primitive defines a light source which allows to create a point light effect. It that can be used within a lighting filter primitive: {{SVGElement("feDiffuseLighting")}} or {{SVGElement("feSpecularLighting")}}.
The **`<fePointLight>`** [SVG](/en-US/docs/Web/SVG) filter primitive defines a light source which allows to create a point light effect. It that can be used within a lighting filter primitive: {{SVGElement("feDiffuseLighting")}} or {{SVGElement("feSpecularLighting")}}.

## Usage context

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/font-face-name/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ browser-compat: svg.elements.font-face-name

{{SVGRef}}{{deprecated_header}}

The **`<font-face-name>`** element points to a locally installed copy of this font, identified by its name.
The **`<font-face-name>`** [SVG](/en-US/docs/Web/SVG) element points to a locally installed copy of this font, identified by its name.

## Usage context

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/glyph/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ browser-compat: svg.elements.glyph

{{SVGRef}}{{deprecated_header}}

A **`<glyph>`** defines a single glyph in an SVG font.
The **`<glyph>`** [SVG](/en-US/docs/Web/SVG) element defines a single glyph in an SVG font.

## Usage context

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/glyphref/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ browser-compat: svg.elements.glyphRef

{{SVGRef}}{{deprecated_header}}

The `glyphRef` element provides a single possible glyph to the referencing `<altGlyph>` substitution.
The **`<glyphRef>`** [SVG](/en-US/docs/Web/SVG) element provides a single possible glyph to the referencing `<altGlyph>` substitution.

## Usage context

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/image/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.image

{{SVGRef}}

The **`<image>`** SVG element includes images inside SVG documents. It can display {{glossary("raster image")}} files or other SVG files.
The **`<image>`** [SVG](/en-US/docs/Web/SVG) element includes images inside SVG documents. It can display {{glossary("raster image")}} files or other SVG files.

The only image formats SVG software must support are {{glossary("JPEG")}}, {{glossary("PNG")}}, and other SVG files. Animated {{glossary("GIF")}} behavior is undefined.

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/line/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.line

{{SVGRef}}

The **`<line>`** element is an SVG basic shape used to create a line connecting two points.
The **`<line>`** [SVG](/en-US/docs/Web/SVG) element is an SVG basic shape used to create a line connecting two points.

## Example

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/lineargradient/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.linearGradient

{{SVGRef}}

The **`<linearGradient>`** element lets authors define linear gradients to apply to other SVG elements.
The **`<linearGradient>`** [SVG](/en-US/docs/Web/SVG) element lets authors define linear gradients to apply to other SVG elements.

## Example

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/marker/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.marker

{{SVGRef}}

The **`<marker>`** element defines a graphic used for drawing arrowheads or polymarkers on a given {{SVGElement("path")}}, {{SVGElement("line")}}, {{SVGElement("polyline")}} or {{SVGElement("polygon")}} element.
The **`<marker>`** [SVG](/en-US/docs/Web/SVG) element defines a graphic used for drawing arrowheads or polymarkers on a given {{SVGElement("path")}}, {{SVGElement("line")}}, {{SVGElement("polyline")}} or {{SVGElement("polygon")}} element.

Markers can be attached to shapes using the {{SVGAttr("marker-start")}}, {{SVGAttr("marker-mid")}}, and {{SVGAttr("marker-end")}} properties.

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/mask/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.mask

{{SVGRef}}

The **`<mask>`** element defines an alpha mask for compositing the current object into the background. A mask is used/referenced using the {{SVGAttr("mask")}} property.
The **`<mask>`** [SVG](/en-US/docs/Web/SVG) element defines an alpha mask for compositing the current object into the background. A mask is used/referenced using the {{SVGAttr("mask")}} property.

## Example

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/mpath/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.mpath

{{SVGRef}}

The **`<mpath>`** sub-element for the {{SVGElement("animateMotion")}} element provides the ability to reference an external {{SVGElement("path")}} element as the definition of a motion path.
The **`<mpath>`** [SVG](/en-US/docs/Web/SVG) sub-element for the {{SVGElement("animateMotion")}} element provides the ability to reference an external {{SVGElement("path")}} element as the definition of a motion path.

## Usage context

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/pattern/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.pattern

{{SVGRef}}

The **`<pattern>`** element defines a graphics object which can be redrawn at repeated x- and y-coordinate intervals ("tiled") to cover an area.
The **`<pattern>`** [SVG](/en-US/docs/Web/SVG) element defines a graphics object which can be redrawn at repeated x- and y-coordinate intervals ("tiled") to cover an area.

The `<pattern>` is referenced by the {{SVGAttr("fill")}} and/or {{SVGAttr("stroke")}} attributes on other [graphics elements](/en-US/docs/Web/SVG/Tutorial/Basic_Shapes) to fill or stroke those elements with the referenced pattern.

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/polygon/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.polygon

{{SVGRef}}

The **`<polygon>`** element defines a closed shape consisting of a set of connected straight line segments. The last point is connected to the first point.
The **`<polygon>`** [SVG](/en-US/docs/Web/SVG) element defines a closed shape consisting of a set of connected straight line segments. The last point is connected to the first point.

For open shapes, see the {{SVGElement("polyline")}} element.

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/radialgradient/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.radialGradient

{{SVGRef}}

The **`<radialGradient>`** element lets authors define radial gradients that can be applied to fill or stroke of graphical elements.
The **`<radialGradient>`** [SVG](/en-US/docs/Web/SVG) element lets authors define radial gradients that can be applied to fill or stroke of graphical elements.

> [!NOTE]
> Don't be confused with CSS {{cssxref('gradient/radial-gradient', 'radial-gradient()')}} as CSS gradients can only apply to HTML elements where SVG gradient can only apply to SVG elements.
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/rect/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.rect

{{SVGRef}}

The **`<rect>`** element is a [basic SVG shape](/en-US/docs/Web/SVG/Tutorial/Basic_Shapes) that draws rectangles, defined by their position, width, and height. The rectangles may have their corners rounded.
The **`<rect>`** [SVG](/en-US/docs/Web/SVG) element is a [basic SVG shape](/en-US/docs/Web/SVG/Tutorial/Basic_Shapes) that draws rectangles, defined by their position, width, and height. The rectangles may have their corners rounded.

## Example

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/script/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.script

{{SVGRef}}

The SVG `script` element allows to add scripts to an SVG document.
The **`<script>`** [SVG](/en-US/docs/Web/SVG) element allows to add scripts to an SVG document.

> [!NOTE]
> While SVG's `script` element is equivalent to the HTML {{HTMLElement('script')}} element, it has some discrepancies, like it uses the {{SVGAttr('href')}} attribute instead of [`src`](/en-US/docs/Web/HTML/Element/script#src) and it doesn't support ECMAScript modules so far (See browser compatibility below for details)
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/set/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.set

{{SVGRef}}

The SVG **`<set>`** element provides a method of setting the value of an attribute for a specified duration.
The **`<set>`** [SVG](/en-US/docs/Web/SVG) element provides a method of setting the value of an attribute for a specified duration.

It supports all attribute types, including those that cannot reasonably be interpolated, such as string and boolean values. For attributes that can be reasonably be interpolated, the {{SVGElement('animate')}} is usually preferred.

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/stop/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.stop

{{SVGRef}}

The SVG **`<stop>`** element defines a color and its position to use on a gradient. This element is always a child of a {{SVGElement("linearGradient")}} or {{SVGElement("radialGradient")}} element.
The **`<stop>`** [SVG](/en-US/docs/Web/SVG) element defines a color and its position to use on a gradient. This element is always a child of a {{SVGElement("linearGradient")}} or {{SVGElement("radialGradient")}} element.

## Example

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/style/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.style

{{SVGRef}}

The SVG **`<style>`** element allows style sheets to be embedded directly within SVG content.
The **`<style>`** [SVG](/en-US/docs/Web/SVG) element allows style sheets to be embedded directly within SVG content.

> [!NOTE]
> SVG's `style` element has the same attributes as the corresponding element in HTML (see HTML's {{HTMLElement("style")}} element).
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/svg/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.svg

{{SVGRef}}

The `svg` element is a container that defines a new coordinate system and [viewport](/en-US/docs/Web/SVG/Attribute/viewBox). It is used as the outermost element of SVG documents, but it can also be used to embed an SVG fragment inside an SVG or HTML document.
The **`<svg>`** [SVG](/en-US/docs/Web/SVG) element is a container that defines a new coordinate system and [viewport](/en-US/docs/Web/SVG/Attribute/viewBox). It is used as the outermost element of SVG documents, but it can also be used to embed an SVG fragment inside an SVG or HTML document.

> [!NOTE]
> The `xmlns` attribute is only required on the outermost `svg` element of _SVG documents_, or inside HTML documents with XML serialization. It is unnecessary for inner `svg` elements or inside HTML documents with HTML serialization.
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/symbol/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.symbol

{{SVGRef}}

The **`<symbol>`** element is used to define graphical template objects which can be instantiated by a {{SVGElement("use")}} element.
The **`<symbol>`** [SVG](/en-US/docs/Web/SVG) element is used to define graphical template objects which can be instantiated by a {{SVGElement("use")}} element.

The use of `<symbol>` elements for graphics that are used multiple times in the same document adds structure and semantics. Documents that are rich in structure may be rendered graphically, as speech, or as Braille, and thus promote accessibility.

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/text/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.text

{{SVGRef}}

The SVG **`<text>`** element draws a graphics element consisting of text. It's possible to apply a gradient, pattern, clipping path, mask, or filter to `<text>`, like any other SVG graphics element.
The **`<text>`** [SVG](/en-US/docs/Web/SVG) element draws a graphics element consisting of text. It's possible to apply a gradient, pattern, clipping path, mask, or filter to `<text>`, like any other SVG graphics element.

If text is included in SVG not inside of a `<text>` element, it is not rendered. This is different than being hidden by default, as setting the {{SVGAttr('display')}} property won't show the text.

Expand Down
3 changes: 2 additions & 1 deletion files/en-us/web/svg/element/textpath/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,8 @@ browser-compat: svg.elements.textPath

{{SVGRef}}

To render text along the shape of a {{SVGElement("path")}}, enclose the text in a **`<textPath>`** element that has an {{SVGAttr("href")}} attribute with a reference to the {{SVGElement("path")}} element.
The **`<textPath>`** [SVG](/en-US/docs/Web/SVG) element is used to render text along the shape of a {{SVGElement("path")}} element.
The text must be enclosed in the `<textPath>` element and its {{SVGAttr("href")}} attribute is used to reference the desired `<path>`.

## Example

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/element/title/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: svg.elements.title

{{SVGRef}}

The **`<title>`** element provides an accessible, short-text description of any SVG [container element](/en-US/docs/Web/SVG/Element#container_elements) or [graphics element](/en-US/docs/Web/SVG/Element#graphics_elements).
The **`<title>`** [SVG](/en-US/docs/Web/SVG) element provides an accessible, short-text description of any SVG [container element](/en-US/docs/Web/SVG/Element#container_elements) or [graphics element](/en-US/docs/Web/SVG/Element#graphics_elements).

Text in a `<title>` element is not rendered as part of the graphic, but browsers usually display it as a tooltip. If an element can be described by visible text, it is recommended to reference that text with an [`aria-labelledby`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby) attribute rather than using the `<title>` element.

Expand Down
Loading

0 comments on commit da99ca1

Please sign in to comment.