Headings provide structure to a page. A person using a screen reader can navigate a page quickly using headings on the page if the headings used are semantic. Semantic headings include real heading tags such as \n <\/span>\n <\/span>\n <\/span> Challenge: Would you like to try\u00a0Unsemantic Heading exercise<\/a><\/strong><\/em>\u00a0to learn more about \u00a0heading structure for accessibility?<\/p>\n Screen readers interact with text on the screen. So, to convey the meaning of an image to screen reader users, we put an accessible text label in the HTML. If an image is decorative, we can hide it from screen reader users by giving it an empty label ( \n <\/span>\n <\/span>\n <\/span> Challenge: Would you like to try Inaccessible Inline Image exercise<\/a>\u00a0<\/strong><\/em>to learn more about accessible image? You can also learn about different kinds of images<\/a> pertain to web accessibility.<\/p>\n Semantic lists help screen readers understand the type of the element and the number of items in the element, and provide easier navigation via list commands specific to screen readers.<\/p>\n \n <\/span>\n <\/span>\n <\/span> Challenge: Would you like to try\u00a0Unsemantic List\u00a0exercise<\/a><\/strong><\/em>\u00a0to learn more about \u00a0accessible list?<\/p>\n<\/div>\n Tables help screen readers process information presented in a tabular format. When information is presented using table markup, screen reader users can read down columns and across rows, and even hear column and row headings as they do so. HTML provides many elements and attributes to create fully accessible tables.<\/p>\n<\/div>\n \n <\/span>\n <\/span>\n <\/span> Challenge: Would you like to try\u00a0Unsemantic Table\u00a0exercise<\/a><\/strong><\/em>\u00a0to learn more about \u00a0accessible table?<\/p>\n Note: Tips and tutorials are from Teach Access<\/a><\/em><\/p>\n Quick Tips Heading Headings provide structure to a page. A person using a screen reader can navigate a page quickly using headings on the page if the headings used are semantic. Semantic headings include real heading tags such as h1, h2. Challenge: Would you like to try\u00a0Unsemantic Heading exercise\u00a0to learn more about \u00a0heading structure for […]<\/p>\n","protected":false},"author":28,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-128","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/comments?post=128"}],"version-history":[{"count":13,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/128\/revisions"}],"predecessor-version":[{"id":2982,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/128\/revisions\/2982"}],"wp:attachment":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/media?parent=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}h1<\/code>, h2<\/code>.<\/p>\nImages<\/h3>\n
alt=\"\"<\/code>). After the completing the exercise below, you can learn a lot more about writing good alt text for images by checking out WebAIM\u2019s resource on the topic<\/a>.<\/p>\nLists<\/h3>\n
Tables<\/h3>\n
Evaluation Tools<\/h2>\n
\n
Rules and Guidelines<\/h2>\n
\n