Difference between revisions of "SVG Element"

From Level Access Web Labs
Jump to navigation Jump to search
(Content with Embedded True Text and Explicit Element)
(Inline SVG with Simulated Text)
Line 3: Line 3:
 
<html>
 
<html>
 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg xmlns="http://www.w3.org/2000/svg" width="500px" height="250px" viewBox="0 0 1167 623">
+
<svg xmlns="http://www.w3.org/2000/svg" width="500px" height="250px" viewBox="0 0 1167 623" role="img" aria-label="error">
 
   <path id="Selection #1"
 
   <path id="Selection #1"
 
         fill="none" stroke="black" stroke-width="1"
 
         fill="none" stroke="black" stroke-width="1"

Revision as of 17:38, 12 September 2017

SVG Content Embedded directly in HTML, no Role Assignment

Inline SVG with Simulated Text

Inline SVG with Embedded True Text

This Image Has Real Text Embedded as a <Text> Object

Inline SVG with True Text and an Explicit <Title> Element

SVG Example Title Element This Image Has Real Text Embedded as a <Text> Object

SVG Content Embedded Directly in HTML, Role Assignment of "Img"

Inline SVG with Simulated Text and Role="img"

Inline SVG with Embedded True Text and Role="img"

This Image Has Real Text Embedded as a <Text> Object

Inline SVG with True Text, Role="img" and an Explicit <Title> Element

SVG Example Title Element This Image Has Real Text Embedded as a <Text> Object

Inline SVG with True Text, an Explicit <Title> Element, Role="img", and Aria-Label Assignment

SVG Example Title Element This Image Has Real Text Embedded as a <Text> Object

SVG Content Linked as IMG source, No Alt Text

IMG Element, source SVG with Simulated Text

IMG Element, source SVG with Embedded True Text

Section currently incomplete

IMG Element, source SVG with Embedded True Text and Explicit <Title> Element

Section currently incomplete

SVG Content Linked as IMG source, Alt Text

IMG Element, source SVG with Simulated Text

SVG Alternative Text

IMG Element, source SVG with Embedded True Text

Section currently incomplete SVG Alternative Text

IMG Element, source SVG with Embedded True Text and Explicit <Title> Element

Section currently incomplete SVG Alternative Text