Difference between revisions of "SVG Element"

From Level Access Web Labs
Jump to navigation Jump to search
(Content with Embedded True Text)
 
(13 intermediate revisions by 2 users not shown)
Line 619: Line 619:
 
</html>
 
</html>
  
==Content with True Text and an Explicit &lt;Title&gt; Element==
+
==Inline SVG with True Text and an Explicit &lt;Title&gt; Element==
 
<html>
 
<html>
 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
Line 685: Line 685:
 
</svg>
 
</svg>
 
</html>
 
</html>
 +
 
=SVG Content Embedded Directly in HTML, Role Assignment of "Img"=  
 
=SVG Content Embedded Directly in HTML, Role Assignment of "Img"=  
==Content with Simulated Text==
+
==Inline SVG with Simulated Text and Role="img"==
 
<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">
Line 1,247: Line 1,248:
 
</svg>
 
</svg>
 
</html>
 
</html>
==Content with Embedded True Text==
+
 
 +
==Inline SVG with Embedded True Text and Role="img"==
 
<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">
Line 1,303: Line 1,305:
 
</svg>
 
</svg>
 
</html>
 
</html>
==Content with True Text and an Explicit &lt;Title&gt; Element==
+
 
 +
==Inline SVG with True Text, Role="img" and an Explicit &lt;Title&gt; Element==
 
<html>
 
<html>
 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
Line 1,369: Line 1,372:
 
</svg>
 
</svg>
 
</html>
 
</html>
==Content with True Text, an Explicit &lt;Title&gt; Element, and Aria-Label Assignment==
+
 
 +
==Inline SVG with True Text, an Explicit &lt;Title&gt; Element, Role="img", and Aria-Label Assignment==
 
<html>
 
<html>
 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
Line 1,437: Line 1,441:
  
 
=SVG Content Linked as IMG source, No Alt Text=
 
=SVG Content Linked as IMG source, No Alt Text=
==Content with Simulated Text==
+
==IMG Element, source SVG with Simulated Text==
 
<html><img src="https://labs.ssbbartgroup.com/images/1/17/SVGFakeText.svg"></html>
 
<html><img src="https://labs.ssbbartgroup.com/images/1/17/SVGFakeText.svg"></html>
==Content with Embedded True Text==
+
 
 +
==IMG Element, source SVG with Embedded True Text==
 
''Section currently incomplete''
 
''Section currently incomplete''
 
<html><img src=""></html>
 
<html><img src=""></html>
==Content with Embedded True Text and Explicit <Title> Element==
+
 
 +
==IMG Element, source SVG with Embedded True Text and Explicit <Title> Element==
 
''Section currently incomplete''
 
''Section currently incomplete''
 
<html><img src=""></html>
 
<html><img src=""></html>
  
 
=SVG Content Linked as IMG source, Alt Text=
 
=SVG Content Linked as IMG source, Alt Text=
==Content with Simulated Text==
+
==IMG Element, source SVG with Simulated Text==
 
<html><img src="https://labs.ssbbartgroup.com/images/1/17/SVGFakeText.svg" alt="SVG Alternative Text"></html>
 
<html><img src="https://labs.ssbbartgroup.com/images/1/17/SVGFakeText.svg" alt="SVG Alternative Text"></html>
==Content with Embedded True Text==
+
 
 +
==IMG Element, source SVG with Embedded True Text==
 
''Section currently incomplete''
 
''Section currently incomplete''
 
<html><img src="" alt="SVG Alternative Text"></html>
 
<html><img src="" alt="SVG Alternative Text"></html>
==Content with Embedded True Text and Explicit <Title> Element==
+
 
 +
==IMG Element, source SVG with Embedded True Text and Explicit <Title> Element==
 
''Section currently incomplete''
 
''Section currently incomplete''
 
<html><img src="" alt="SVG Alternative Text"></html>
 
<html><img src="" alt="SVG Alternative Text"></html>
  
 
[[Category:Elements]]
 
[[Category:Elements]]

Latest revision as of 17:42, 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