{"id":144,"date":"2018-04-19T14:12:41","date_gmt":"2018-04-19T14:12:41","guid":{"rendered":"https:\/\/integrations.pressbooks.network\/oersourcebook\/chapter\/inaccessible-explanation\/"},"modified":"2019-12-03T15:10:56","modified_gmt":"2019-12-03T15:10:56","slug":"inaccessible-explanation","status":"publish","type":"chapter","link":"https:\/\/integrations.pressbooks.network\/oersourcebook\/chapter\/inaccessible-explanation\/","title":{"raw":"Inaccessible Example Activity – Explanation","rendered":"Inaccessible Example Activity – Explanation"},"content":{"raw":"

Using Headings Appropriately<\/h2>\n\"""\"<\/a>\n\nPeople who use screen readers or who look at the previous page in their browser's developer tools viewer can see that the previous page's opening lines progress from small text to large text because they each use a different header style. <\/a>This author is trying to be playful by increasing the size of their font, but they have used semantic elements rather than design elements to do so. This influences how a screen reader would present information in the text. The words \"of a plant\" would be assigned a high-level heading (H2), \"affects the growth\" a secondary heading (H3), and \"What do you think\" a lower heading (H4). Because many users navigate documents by scrolling through headings of different levels, this decorative use of headings would be counterproductive:\n
\n

Example from Previous Page:<\/h3>\n

What do you think<\/h5>\n

affects the growth<\/h4>\n

of a PLANT?<\/h3>\n<\/div>\nInstead of using headers to style this text, the author should use html elements to change the font size.\n\nAha, but what if this text is also intended to be a heading\u00a0and\u00a0<\/em>a visual metaphor? In this case, the author should use a top-level heading tag first and then change the text's html styling second. This way, screen readers would interact with this heading as intended but sighted readers would still see the three different font sizes.\n\nFor a detailed overview of headings, visit the Web Accessibility In Mind organization (WebAIM) article \"Organizing Content<\/a>.\"\n

Table Formatting<\/h2>\nThe example table lacks a title. It also includes cells that are merged together. Both of these factors negatively affect screen reader navigation. The writer should provide a title for the table For more information on table accessibility\n
\n

Problem Example:<\/h3>\n\n\n\n\n\n\n\n
Year<\/td>\nTotal rainfall (July-August)<\/td>\nHottest temperature average over course of seven days (\u00b0F)<\/td>\nAverage Height of Sunflowers (feet)<\/td>\n<\/tr>\n
2016<\/td>\n15\"<\/td>\n82<\/td>\n7.2<\/td>\n<\/tr>\n
2017<\/td>\n10\"<\/td>\n80<\/td>\n8.1<\/td>\n<\/tr>\n
2018<\/td>\n4\"<\/td>\n90<\/td>\n2.6<\/td>\n<\/tr>\n
\u00a0The average rainfall between 2008 and 2018 was 9 inches.<\/td>\n\u00a0The average temperature between 2008 and 2018 was 81\u00b0F.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n \n

Revised Example:<\/h3>\n\n\n\n\n\n\n
Year<\/th>\nTotal rainfall (July-August)<\/th>\nHottest temperature average over course of seven days (\u00b0F)<\/th>\nAverage Height of Sunflowers (feet)<\/th>\n<\/tr>\n
2016<\/td>\n15\"<\/td>\n82<\/td>\n7.2<\/td>\n<\/tr>\n
2017<\/td>\n10\"<\/td>\n80<\/td>\n8.1<\/td>\n<\/tr>\n
2018<\/td>\n4\"<\/td>\n90<\/td>\n2.6<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n \n\n<\/div>\n

Designing Visual Content<\/h2>\nThe example below relies on only one form of visual information to distinguish between two different concepts. This presents a problem for viewers who have vision problems--(for instance, red-green colorblindness).\n
\n

Problem Example:<\/h3>\nIn the following paragraph, the sentences in green<\/span>\u00a0are in the active voice, while the sentences in red<\/span> are in the passive voice:<\/strong>\n

<\/a>There was a group of scientists who worked together in a lab and studied mice. One day, another group of scientists applied to work in the lab. Their application was reviewed and it was decided that they would be allowed to share half of the lab space with the mouse researchers.\u00a0The second group of researchers studied pythons. Everything was going well until one day, it was discovered that all of the mice in one of the cage had disappeared<\/span>. Week after week, the mouse researchers would find another empty cage. It was decided that the pythons in the lab looked rather full.<\/span> The mouse researchers told the python researchers that it was time to skedaddle.\u00a0<\/span><\/span><\/span><\/p>\n\n<\/div>\nTo address these concerns, the writer could make changes to the text to ensure that color isn't the only means of conveying information.\n\nIn the revised example below, the writer has added italics to the active voice sentences so that readers have multiple visual signifiers that distinguish the two forms of sentences. This writer has also represented this information in another way by providing a pair of explanatory lists. While this is not the only way the author could have made this text more accessible, providing this expanded explanation provides an added benefit: all readers now have the opportunity to learn more about the distinguishing features of the active and passive voice example sentences.\n

\n

Revised Example:<\/h3>\nIn the following paragraph, the active voice sentences appear in\u00a0blue italics<\/em><\/span>\u00a0and are labeled with an asterisk.<\/i>\u00a0The passive voice sentences are non-italicized and appear in red<\/span>:<\/strong>\n

*There was a group of scientists who worked together in a lab and studied mice. *One day, another group of scientists applied to work in the lab<\/span>.<\/em>\u00a0Their application was reviewed and it was decided that they would be allowed to share half of the lab space with the mouse researchers. *<\/span>The second group of researchers studied pythons<\/span>.<\/em>\u00a0Everything was going well until one day, it was discovered that all of the mice in one of the cage had disappeared. *<\/span><\/span>Week after week, the mouse researchers would find another empty cage.<\/em><\/span>\u00a0 It was decided that the pythons in the lab looked rather full.<\/span>\u00a0*The mouse researchers told the python researchers that it was time to skedaddle.\u00a0<\/em><\/span><\/span><\/span><\/span><\/p>\n \n\nThe sentences in the active voice clearly express who is responsible for the actions:<\/strong>\n