Difference between revisions of "SVG Element"

From Level Access Web Labs
Jump to navigation Jump to search
(Content with True Text and an Explicit <Title> Element)
(Content with Simulated Text)
Line 687: Line 687:
  
 
=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,248: Line 1,248:
 
</svg>
 
</svg>
 
</html>
 
</html>
 +
 
==Content with Embedded True Text==
 
==Content with Embedded True Text==
 
<html>
 
<html>

Revision as of 13:00, 31 October 2016

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"

Content with Embedded True Text

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

Content with True Text and an Explicit <Title> Element

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

Content with True Text, an Explicit <Title> Element, 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

Content with Simulated Text

Content with Embedded True Text

Section currently incomplete

Content with Embedded True Text and Explicit <Title> Element

Section currently incomplete

SVG Content Linked as IMG source, Alt Text

Content with Simulated Text

SVG Alternative Text

Content with Embedded True Text

Section currently incomplete SVG Alternative Text

Content with Embedded True Text and Explicit <Title> Element

Section currently incomplete SVG Alternative Text