{"id":53,"date":"2020-12-11T16:30:06","date_gmt":"2020-12-11T21:30:06","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/designingforall\/chapter\/formulas\/"},"modified":"2020-12-11T17:01:19","modified_gmt":"2020-12-11T22:01:19","slug":"formulas","status":"publish","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/designingforall\/chapter\/formulas\/","title":{"raw":"Formulas","rendered":"Formulas"},"content":{"raw":"\nIn this section, we review how to add accessible formulas to content.\n\n<hr>\n\n<h1>What are formulas?<\/h1>\nFormulas refer to math equations and science formulas.\n\n<strong>File types used:&nbsp;<\/strong> LaTex, MathType\n\n<strong>Note:<\/strong> Both of these types of files are available in VIULearn\n<h1>Who are you doing this for?<\/h1>\nThis work supports students who:\n<ul>\n \t<li>Are blind or have low vision<\/li>\n \t<li>Have a form of cognitive disability<\/li>\n \t<li>Have a physical disability<\/li>\n<\/ul>\n\n<hr>\n\n<h1>What do you need to do?<\/h1>\nThere are several ways to handle equations, from images with alt tags to MathML. MathML is available in the HTML text editor in VIULearn,\n<h1>MathML<\/h1>\nMath ML is a text-based XML (short for \"extensible markup language\") designed for math equations. Browsers that support MathML are able to translate the XML into a formatted equation. Since MathML with MathJax can be rendered in many systems, including HTML, sites at Penn State, Angel and Drupal, it is considered the best choice for accessibility.\n\nHere is information about <a href=\"http:\/\/sites.psu.edu\/accessibility\/math\/mathml\">creating and viewing MathML<\/a>.\n\nMathML may vary from system to system and the content can change rapidly.\n\nMathML is available via the Graphical equation menu in VIULearn. The screenshot below shows where to find it.\n\n<img class=\"alignnone size-large wp-image-51\" src=\"https:\/\/pressbooks.bccampus.ca\/designingforall\/wp-content\/uploads\/sites\/1213\/2020\/12\/Screen-Shot-2020-11-09-at-3.23.49-PM-1024x760.png\" alt=\"Equation menu showing MathXL option in VIULearn.\" width=\"1024\" height=\"760\">\n<h1>Image with an alt tag<\/h1>\nA safe option is to create an image of an equation (or export it from an equation editor) and then insert the image into a document with an alt tag.\n<div class=\"textbox\">\n<h3>Example 1: An equation in HTML<\/h3>\n<a href=\"https:\/\/opentextbc.ca\/accessibilitytoolkit\/wp-content\/uploads\/sites\/94\/2018\/08\/MM0over.png\"><img class=\"aligncenter wp-image-1014 size-full\" src=\"https:\/\/pressbooks.bccampus.ca\/designingforall\/wp-content\/uploads\/sites\/1213\/2020\/12\/MM0over.png\" alt=\"m equals begin fraction m sub 0 over begin square root 1 minus begin fraction v sup 2 over c sup 2 end fraction end square root end fraction\" width=\"217\" height=\"163\"><\/a>\n\nView the alt tag\n\nalt = \"m equals begin fraction m sub 0 over begin square root 1 minus begin fraction v sup 2 over c sup 2 end fraction end square root end fraction\"\n\n<\/div>\n<h1><a id=\"latex\" name=\"latex\"><\/a>LaTeX<\/h1>\nLaTeX is a math markup language familiar to many in the science and math community. Unfortunately, it is not currently supported by screen reader technology. It is, however, fairly simple to convert LaTeX to an image or MathML in most equation editors.\n\nTo import LaTeX, follow these steps in MathMagic and MathType:\n<ol>\n \t<li>Copy a piece of LaTeX code such as\n<code> m &amp;= \\frac{m_0}{\\sqrt{1-\\frac{v^2}{c^2}}}<\/code>\ninto an equation editor\u2019s main editing window.<\/li>\n \t<li>The equation should appear fully formatted. Make minor adjustments as needed.<\/li>\n<\/ol>\n\n<hr>\n\nAt a BCcampus user-testing session, students indicated that it would be helpful to place an audio file of the formula or equation alongside each, allowing the user to hear exactly how the formula or equation should be interpreted.\n<div class=\"textbox\">\n<h3 id=\"example2\">Example 2: An equation with audio<\/h3>\n<a href=\"https:\/\/opentextbc.ca\/accessibilitytoolkit\/wp-content\/uploads\/sites\/94\/2018\/08\/MM0over.png\"><img class=\"aligncenter wp-image-1014 size-full\" src=\"https:\/\/pressbooks.bccampus.ca\/designingforall\/wp-content\/uploads\/sites\/1213\/2020\/12\/MM0over.png\" alt=\"m equals begin fraction m sub 0 over begin square root 1 minus begin fraction v sup 2 over c sup 2 end fraction end square root end fraction\" width=\"217\" height=\"163\"><\/a>\n\n[audio m4a=\"http:\/\/opentextbc.ca\/accessibilitytoolkit\/wp-content\/uploads\/sites\/94\/2015\/02\/equation.m4a\"][\/audio]\n\n<\/div>\n<h1>Additional resources<\/h1>\n<h2>Math accessibility at Portland Community College<\/h2>\nIn 2012, Portland Community College departments took a closer look at making math accessible to blind students. Read more about the <a href=\"https:\/\/www.pcc.edu\/instructional-support\/accessibility\/sas\/math\/\">math accessibility study<\/a>.\n\nWatch <a href=\"https:\/\/www.youtube.com\/watch?v=VlMWINOe_5s&amp;feature=youtu.be\" rel=\"noopener\">Math Accessibility at Portland Community College<\/a>. (This video is an open educational resource.)\n<h3>Text Attributions<\/h3>\nThis chapter is a derivative of <a href=\"http:\/\/accessibility.psu.edu\/equations\">Equations: MathML, Images and LaTeX<\/a> by Penn State. Penn State has provided permission to the authors to use this information under the licence of the toolkit.\n","rendered":"<p>In this section, we review how to add accessible formulas to content.<\/p>\n<hr \/>\n<h1>What are formulas?<\/h1>\n<p>Formulas refer to math equations and science formulas.<\/p>\n<p><strong>File types used:&nbsp;<\/strong> LaTex, MathType<\/p>\n<p><strong>Note:<\/strong> Both of these types of files are available in VIULearn<\/p>\n<h1>Who are you doing this for?<\/h1>\n<p>This work supports students who:<\/p>\n<ul>\n<li>Are blind or have low vision<\/li>\n<li>Have a form of cognitive disability<\/li>\n<li>Have a physical disability<\/li>\n<\/ul>\n<hr \/>\n<h1>What do you need to do?<\/h1>\n<p>There are several ways to handle equations, from images with alt tags to MathML. MathML is available in the HTML text editor in VIULearn,<\/p>\n<h1>MathML<\/h1>\n<p>Math ML is a text-based XML (short for &#8220;extensible markup language&#8221;) designed for math equations. Browsers that support MathML are able to translate the XML into a formatted equation. Since MathML with MathJax can be rendered in many systems, including HTML, sites at Penn State, Angel and Drupal, it is considered the best choice for accessibility.<\/p>\n<p>Here is information about <a href=\"http:\/\/sites.psu.edu\/accessibility\/math\/mathml\">creating and viewing MathML<\/a>.<\/p>\n<p>MathML may vary from system to system and the content can change rapidly.<\/p>\n<p>MathML is available via the Graphical equation menu in VIULearn. The screenshot below shows where to find it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-51\" src=\"https:\/\/pressbooks.bccampus.ca\/designingforall\/wp-content\/uploads\/sites\/1213\/2020\/12\/Screen-Shot-2020-11-09-at-3.23.49-PM-1024x760.png\" alt=\"Equation menu showing MathXL option in VIULearn.\" width=\"1024\" height=\"760\" srcset=\"https:\/\/pressbooks.bccampus.ca\/designingforall\/wp-content\/uploads\/sites\/1213\/2020\/12\/Screen-Shot-2020-11-09-at-3.23.49-PM-1024x760.png 1024w, https:\/\/pressbooks.bccampus.ca\/designingforall\/wp-content\/uploads\/sites\/1213\/2020\/12\/Screen-Shot-2020-11-09-at-3.23.49-PM-300x223.png 300w, https:\/\/pressbooks.bccampus.ca\/designingforall\/wp-content\/uploads\/sites\/1213\/2020\/12\/Screen-Shot-2020-11-09-at-3.23.49-PM-768x570.png 768w, https:\/\/pressbooks.bccampus.ca\/designingforall\/wp-content\/uploads\/sites\/1213\/2020\/12\/Screen-Shot-2020-11-09-at-3.23.49-PM-65x48.png 65w, https:\/\/pressbooks.bccampus.ca\/designingforall\/wp-content\/uploads\/sites\/1213\/2020\/12\/Screen-Shot-2020-11-09-at-3.23.49-PM-225x167.png 225w, https:\/\/pressbooks.bccampus.ca\/designingforall\/wp-content\/uploads\/sites\/1213\/2020\/12\/Screen-Shot-2020-11-09-at-3.23.49-PM-350x260.png 350w, https:\/\/pressbooks.bccampus.ca\/designingforall\/wp-content\/uploads\/sites\/1213\/2020\/12\/Screen-Shot-2020-11-09-at-3.23.49-PM.png 1203w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h1>Image with an alt tag<\/h1>\n<p>A safe option is to create an image of an equation (or export it from an equation editor) and then insert the image into a document with an alt tag.<\/p>\n<div class=\"textbox\">\n<h3>Example 1: An equation in HTML<\/h3>\n<p><a href=\"https:\/\/opentextbc.ca\/accessibilitytoolkit\/wp-content\/uploads\/sites\/94\/2018\/08\/MM0over.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1014 size-full\" src=\"https:\/\/pressbooks.bccampus.ca\/designingforall\/wp-content\/uploads\/sites\/1213\/2020\/12\/MM0over.png\" alt=\"m equals begin fraction m sub 0 over begin square root 1 minus begin fraction v sup 2 over c sup 2 end fraction end square root end fraction\" width=\"217\" height=\"163\" \/><\/a><\/p>\n<p>View the alt tag<\/p>\n<p>alt = &#8220;m equals begin fraction m sub 0 over begin square root 1 minus begin fraction v sup 2 over c sup 2 end fraction end square root end fraction&#8221;<\/p>\n<\/div>\n<h1><a id=\"latex\" name=\"latex\"><\/a>LaTeX<\/h1>\n<p>LaTeX is a math markup language familiar to many in the science and math community. Unfortunately, it is not currently supported by screen reader technology. It is, however, fairly simple to convert LaTeX to an image or MathML in most equation editors.<\/p>\n<p>To import LaTeX, follow these steps in MathMagic and MathType:<\/p>\n<ol>\n<li>Copy a piece of LaTeX code such as<br \/>\n<code> m &amp;= \\frac{m_0}{\\sqrt{1-\\frac{v^2}{c^2}}}<\/code><br \/>\ninto an equation editor\u2019s main editing window.<\/li>\n<li>The equation should appear fully formatted. Make minor adjustments as needed.<\/li>\n<\/ol>\n<hr \/>\n<p>At a BCcampus user-testing session, students indicated that it would be helpful to place an audio file of the formula or equation alongside each, allowing the user to hear exactly how the formula or equation should be interpreted.<\/p>\n<div class=\"textbox\">\n<h3 id=\"example2\">Example 2: An equation with audio<\/h3>\n<p><a href=\"https:\/\/opentextbc.ca\/accessibilitytoolkit\/wp-content\/uploads\/sites\/94\/2018\/08\/MM0over.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1014 size-full\" src=\"https:\/\/pressbooks.bccampus.ca\/designingforall\/wp-content\/uploads\/sites\/1213\/2020\/12\/MM0over.png\" alt=\"m equals begin fraction m sub 0 over begin square root 1 minus begin fraction v sup 2 over c sup 2 end fraction end square root end fraction\" width=\"217\" height=\"163\" \/><\/a><\/p>\n<p><audio class=\"wp-audio-shortcode\" id=\"audio-53-1\" preload=\"none\" style=\"width: 100%;\" controls=\"controls\"><source type=\"audio\/mpeg\" src=\"http:\/\/opentextbc.ca\/accessibilitytoolkit\/wp-content\/uploads\/sites\/94\/2015\/02\/equation.m4a?_=1\" \/><a href=\"http:\/\/opentextbc.ca\/accessibilitytoolkit\/wp-content\/uploads\/sites\/94\/2015\/02\/equation.m4a\">http:\/\/opentextbc.ca\/accessibilitytoolkit\/wp-content\/uploads\/sites\/94\/2015\/02\/equation.m4a<\/a><\/audio><\/p>\n<\/div>\n<h1>Additional resources<\/h1>\n<h2>Math accessibility at Portland Community College<\/h2>\n<p>In 2012, Portland Community College departments took a closer look at making math accessible to blind students. Read more about the <a href=\"https:\/\/www.pcc.edu\/instructional-support\/accessibility\/sas\/math\/\">math accessibility study<\/a>.<\/p>\n<p>Watch <a href=\"https:\/\/www.youtube.com\/watch?v=VlMWINOe_5s&amp;feature=youtu.be\" rel=\"noopener\">Math Accessibility at Portland Community College<\/a>. (This video is an open educational resource.)<\/p>\n<h3>Text Attributions<\/h3>\n<p>This chapter is a derivative of <a href=\"http:\/\/accessibility.psu.edu\/equations\">Equations: MathML, Images and LaTeX<\/a> by Penn State. Penn State has provided permission to the authors to use this information under the licence of the toolkit.<\/p>\n","protected":false},"author":1134,"menu_order":7,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-53","chapter","type-chapter","status-publish","hentry"],"part":28,"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/designingforall\/wp-json\/pressbooks\/v2\/chapters\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.bccampus.ca\/designingforall\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.bccampus.ca\/designingforall\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designingforall\/wp-json\/wp\/v2\/users\/1134"}],"version-history":[{"count":1,"href":"https:\/\/pressbooks.bccampus.ca\/designingforall\/wp-json\/pressbooks\/v2\/chapters\/53\/revisions"}],"predecessor-version":[{"id":88,"href":"https:\/\/pressbooks.bccampus.ca\/designingforall\/wp-json\/pressbooks\/v2\/chapters\/53\/revisions\/88"}],"part":[{"href":"https:\/\/pressbooks.bccampus.ca\/designingforall\/wp-json\/pressbooks\/v2\/parts\/28"}],"metadata":[{"href":"https:\/\/pressbooks.bccampus.ca\/designingforall\/wp-json\/pressbooks\/v2\/chapters\/53\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/designingforall\/wp-json\/wp\/v2\/media?parent=53"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designingforall\/wp-json\/pressbooks\/v2\/chapter-type?post=53"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designingforall\/wp-json\/wp\/v2\/contributor?post=53"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designingforall\/wp-json\/wp\/v2\/license?post=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}