[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"detail-sidebar-cat-0-en-105":3,"doc-seo-656435-105":59,"doc-detail-656435-en":130},{"code":4,"msg":5,"data":6},0,"success",[7,13,18,23,28,33,38,43,48,51,55],{"id":8,"doc_module":4,"doc_module_name":9,"category_name":10,"show_sort_weight":11,"slug":12},1,"Document","Story & Novel",90,"story-novel",{"id":14,"doc_module":4,"doc_module_name":9,"category_name":15,"show_sort_weight":16,"slug":17},2,"Literature",80,"literature",{"id":19,"doc_module":4,"doc_module_name":9,"category_name":20,"show_sort_weight":21,"slug":22},4,"Exam",70,"exam",{"id":24,"doc_module":4,"doc_module_name":9,"category_name":25,"show_sort_weight":26,"slug":27},5,"Comic",60,"comic",{"id":29,"doc_module":4,"doc_module_name":9,"category_name":30,"show_sort_weight":31,"slug":32},6,"Technology",50,"technology",{"id":34,"doc_module":4,"doc_module_name":9,"category_name":35,"show_sort_weight":36,"slug":37},7,"Healthcare",40,"healthcare",{"id":39,"doc_module":4,"doc_module_name":9,"category_name":40,"show_sort_weight":41,"slug":42},8,"Research & Report",30,"research-report",{"id":44,"doc_module":4,"doc_module_name":9,"category_name":45,"show_sort_weight":46,"slug":47},9,"Religion & Spirituality",20,"religion-spirituality",{"id":46,"doc_module":4,"doc_module_name":9,"category_name":49,"show_sort_weight":46,"slug":50},"World Cup","world-cup",{"id":52,"doc_module":4,"doc_module_name":9,"category_name":53,"show_sort_weight":52,"slug":54},10,"Lifestyle","lifestyle",{"id":56,"doc_module":4,"doc_module_name":9,"category_name":57,"show_sort_weight":24,"slug":58},19,"General","general",{"code":4,"msg":60,"data":61},"ok",{"site_id":62,"language":63,"slug":64,"title":65,"keywords":66,"description":67,"schema_data":68,"social_meta":123,"head_meta":125,"extra_data":127,"updated_unix":129},105,"en","accessibility-help-guide-diagrams-and-charts","Accessibility Help Guide - Diagrams and Charts","","Accessibility Help Guide explains why diagrams and charts can create significant barriers for users with decreasing eyesight or visual impairments. It outlines requirements for accessible communication when diagram data is crucial, including providing clear text descriptions and, when appropriate, numeric tables that replicate chart data. Examples cover accessible charts via alternate text and accessible bar charts that use contrast-safe colors plus labels and tables. It also emphasizes alternate text for diagrams and options such as alt tags or separate description links.",{"@graph":69,"@context":122},[70,84,105],{"@type":71,"itemListElement":72},"BreadcrumbList",[73,77,79,82],{"item":74,"name":75,"@type":76,"position":8},"https://docshare.wps.com","Home","ListItem",{"item":78,"name":9,"@type":76,"position":14},"https://docshare.wps.com/document/",{"item":80,"name":30,"@type":76,"position":81},"https://docshare.wps.com/document/technology/",3,{"item":83,"name":65,"@type":76,"position":19},"https://docshare.wps.com/document/accessibility-help-guide-diagrams-and-charts/656435/",{"url":83,"name":65,"@type":85,"image":86,"author":91,"headline":65,"publisher":94,"fileFormat":97,"inLanguage":63,"description":67,"dateModified":98,"datePublished":99,"encodingFormat":97,"isAccessibleForFree":100,"interactionStatistic":101},"DigitalDocument",{"url":87,"@type":88,"width":89,"height":90},"https://docshare.wps.com/thumbnails/accessibility-help-guide-diagrams-and-charts/656435.png","ImageObject",300,407,{"name":92,"@type":93},"DoDO","Person",{"url":74,"name":95,"@type":96},"DocShare","Organization","application/pdf","2026-11-02","2026-10-25",true,{"@type":102,"interactionType":103,"userInteractionCount":19},"InteractionCounter",{"@type":104},"ViewAction",{"@type":106,"mainEntity":107},"FAQPage",[108,114,118],{"name":109,"@type":110,"acceptedAnswer":111},"Why can diagrams and charts be inaccessible for some users?","Question",{"text":112,"@type":113},"Because diagrams and charts are essentially images, they can pose serious accessibility issues for users with visual impairments. If key information is conveyed only through color or a legend, it may not be usable with assistive technologies.","Answer",{"name":115,"@type":110,"acceptedAnswer":116},"What should be provided when diagram or chart data is crucial?",{"text":117,"@type":113},"You must provide a text description of the image. In some cases, a numeric table replicating the chart data can provide additional accessibility.",{"name":119,"@type":110,"acceptedAnswer":120},"How can you make a bar chart more accessible?",{"text":121,"@type":113},"Remake the chart using color changes with accessible contrast, add a numerical table, and include labels for each platform so viewers can understand the information without relying only on the color key.","https://schema.org",{"og:url":83,"og:type":124,"og:title":65,"og:site_name":95,"og:description":67},"article",{"robots":126,"canonical":83},"index,follow",{"doc_id":128,"site_id":62},656435,1793052442,{"code":4,"msg":5,"data":131},{"doc_id":128,"user_id":132,"nickname":92,"user_avatar":133,"doc_module":4,"category_id":29,"category_name":30,"doc_title":65,"doc_description":67,"doc_content":134,"file_id":135,"file_url":136,"file_type":137,"file_size":138,"view_count":19,"is_deleted":4,"is_public":8,"is_downloadable":8,"audit_status":8,"page_count":139,"language":140,"language_code":63,"site_id":62,"html_lang":63,"table_of_contents":141,"faqs":142,"seo_title":143,"seo_description":67,"update_tm":144,"read_time":145},962093270745,"https://ap-avatar.wpscdn.com/davatar_9964176cb1d06d4a9deccf72a44ae3dc","Accessibility Help Guide: Diagramsand Charts  \nWhat it helps with:  \nDiagrams are great for visualising data or illustrating relationships in some domain. Process flows and cycles, statistical charts, organigrams, decision trees and other types of content can be laid out on a two-dimensional plane – often labelled, grouped and arranged, colour coded and linked by lines or arrows. Such visualisation is an important complementary alternative to the textual mode of communication.  \nNot everyone, however, is fully capable of processing visual information. The percentage of the population with decreasing eyesight or visual impairments is growing. Also, since diagrams and charts are essentially images, these media provide serious accessibility issues to some users from an accessibility point of view.  \nIf the data in a diagram or chart is crucial to the content, then you must provide a text description of the image. In some cases, a numeric table replicating the chart data could provide additional accessibility.  \nAccessible Charts:  \nThere will be many instances where you might need to visualise data in a chart. For example, creating a chart showing the percentage of people who listed each type of cola as being their favorite would be more accessible if a numeric table was also used.  \nNot only does this provide the user with an alternate way of reading the data, but also allows the data tobe read by assistive technology such as screen readers and speech input software:  \nPercentage of people who listed each type of cola as being their favourite:  \n\n|  | % |\n| --- | --- |\n| Coca-Cola | 75 |\n| Pepsi | 44 |\n| Coke zero | 42 |\n| Pepsi Max | 39 |\n| Diet Coke | 35 |\n| Pepsi Lite | 17 |\n\nYou can also create an alt text description which might look like this:  \n“The chart identifies that Coca-Cola was the most popular drink with 75% of respondents listing this as their favourite. Pepsi was next with 44%, then Coke zero with 42%, Pepsi Max with 39%, Diet Coke with 35% and final Pepsi Lite with 17% .”  \nThe importance of colour and contrast.  \nBelow is an image of an inaccessible bar chart showing preferred computer operating systems by number of users. Solid sections of red and green are used, both of similar brightness, and therefore may not be distinguishable for colorblind users.  \nIn addition, the only key to the chart refers to the colours, thus information is only conveyed by colour:  \nIn greyscale  \nAccessible Version of Bar Chart:  \nThe data from the first table has been remade as a bar chart, but the colours have been changed to shades of blue. Colourblind users can use the different levels of darkness to tell the platforms apart. A numerical table has been added, as well as labels for each platform atthe bottom of the chart, so that viewers do not even have to refer to the key.  \nPreferred Operating System by number of users:  \n\n|  | Number of users |\n| --- | --- |\n| Windows | 16 |\n| Linux | 3 |\n| Apple | 1 |\n\nAs with bar charts, using line charts and scatter diagrams can be particularly problematic for learners with visual impairments. Care needs tobe taken with colours and contrasts used, and ensure that a supporting numeric table is also provided as an alternative.  \nAccessible Diagrams  \nAs with images and charts, diagrams must also be accessible and must always include alternate text to ensure they can be used by people with various disabilities such as people using screen readers and speech input software.  \nAdding alternate text for diagrams provides a text alternative to non-text content. For example, an engineering diagram must also include a text alternative. This can be presented using an alt tag or within the description above or below the diagram. In some cases, where the diagram cannot be described succinctly, a link to a separate page containing the description can be provided.  \nConsider diagram below explaining how an internal combustion engine works to an engineering student. Alt tags should be used, in addition","cbCaiuwEwVqOX2Zs","https://ap.wps.com/l/cbCaiuwEwVqOX2Zs","pdf",1097705,11,"English","# What diagrams and charts are for\n## Accessibility challenges\n## Provide text descriptions and numeric tables\n\n# Accessible charts\n## Example using an alternate text description\n\n# The importance of colour and contrast\n## Accessible version of a bar chart\n\n# Accessible diagrams\n## Alternate text and alt tags","[{\"question\":\"Why can diagrams and charts be inaccessible for some users?\",\"answer\":\"Because diagrams and charts are essentially images, they can pose serious accessibility issues for users with visual impairments. If key information is conveyed only through color or a legend, it may not be usable with assistive technologies.\"},{\"question\":\"What should be provided when diagram or chart data is crucial?\",\"answer\":\"You must provide a text description of the image. In some cases, a numeric table replicating the chart data can provide additional accessibility.\"},{\"question\":\"How can you make a bar chart more accessible?\",\"answer\":\"Remake the chart using color changes with accessible contrast, add a numerical table, and include labels for each platform so viewers can understand the information without relying only on the color key.\"}]","Accessibility Help Guide - Diagrams and Charts | PDF",1792968551,28]