Difference between revisions of "SVG Element"

From Level Access Web Labs
Jump to navigation Jump to search
(Content with True Text, an Explicit <Title> Element, and Aria-Label Assignment)
Line 1,373: Line 1,373:
 
<svg xmlns="http://www.w3.org/2000/svg"
 
<svg xmlns="http://www.w3.org/2000/svg"
 
     width="500px" height="250px"
 
     width="500px" height="250px"
     viewBox="0 0 1167 623" role="img" aria-label="Aria-Label Assignment on SVG Example>
+
     viewBox="0 0 1167 623" role="img" aria-label="Aria-Label Assignment on SVG Example">
 
<title>SVG Example Title Element</title>
 
<title>SVG Example Title Element</title>
 
<g>
 
<g>
Line 1,433: Line 1,433:
 
</svg>
 
</svg>
 
</html>
 
</html>
 +
 
=SVG Content Linked as IMG source, No Alt Text=
 
=SVG Content Linked as IMG source, No Alt Text=
 
==Content with Simulated Text==
 
==Content with Simulated Text==

Revision as of 22:23, 26 October 2016

SVG Content Embedded directly in HTML, no Role Assignment

Content with Simulated Text

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

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

Content with Simulated Text

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