{"id":299,"date":"2024-05-05T16:52:12","date_gmt":"2024-05-05T16:52:12","guid":{"rendered":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/?p=299"},"modified":"2024-05-05T16:52:12","modified_gmt":"2024-05-05T16:52:12","slug":"use-editoria11y-to-check-accessibility","status":"publish","type":"post","link":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/use-editoria11y-to-check-accessibility\/","title":{"rendered":"Use Editoria11y to check accessibility"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Use Editoria11y to check accessibility<\/h2>\n\n\n\n<p>Like a spell check for accessibility, the&nbsp;<a href=\"https:\/\/editoria11y.princeton.edu\/\">Editoria11y Accessibility Checker<\/a>&nbsp;plugin checks your site, and displays any existing issues with a thorough description of what they are and how you can address them.&nbsp;To get started:<\/p>\n\n\n\n<p><a href=\"https:\/\/openlab.sps.cuny.edu\/help-documentation\/add-plugins-to-your-site\/\" data-type=\"post\" data-id=\"258\">Activate<\/a>\u00a0Editoria11y Accessibility Checker in\u00a0<strong>Dashboard<\/strong>\u00a0&gt;\u00a0<strong>Plugins<\/strong>.<\/p>\n\n\n\n<p>Once activated, the plugin will automatically perform accessibility checks. The results will appear for you all admins, editors, and authors of the site. If you\u2019re using this on a course site, your students will most likely be authors, so they\u2019ll also be able to see any accessibility issues in their posts.<\/p>\n\n\n\n<p>The plugin does not change anything on your site, but it provides instructions for how to make changes to anything that is flagged as an accessibility issue.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Post or Page Editor&nbsp;<\/h3>\n\n\n\n<p>When you\u2019re editing a post or page, any potential accessibility issues will be highlighted in the post editor, with a prompt, such as \u201cIs this link meaningful and concise?\u201d\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"534\" src=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/Editoria11y1_PostAlerts.png?resize=1024%2C534&#038;ssl=1\" alt=\"\" class=\"wp-image-302\" srcset=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/Editoria11y1_PostAlerts.png?resize=1024%2C534&amp;ssl=1 1024w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/Editoria11y1_PostAlerts.png?resize=300%2C157&amp;ssl=1 300w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/Editoria11y1_PostAlerts.png?resize=768%2C401&amp;ssl=1 768w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/Editoria11y1_PostAlerts.png?w=1200&amp;ssl=1 1200w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>If you make a change that addresses the issue, the prompt will be removed.<\/p>\n\n\n\n<p>If you want to hide all alerts, click the \u201cHide Alerts\u201d button at the top, next to the \u201cPublish\u201d button.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Front End View<\/h3>\n\n\n\n<p>When you\u2019re viewing a page or post on your site while logged in, an alert icon appears in the lower right corner.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"665\" src=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/Editoria11y2_FrontEnd.png?resize=1024%2C665&#038;ssl=1\" alt=\"\" class=\"wp-image-303\" srcset=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/Editoria11y2_FrontEnd.png?resize=1024%2C665&amp;ssl=1 1024w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/Editoria11y2_FrontEnd.png?resize=300%2C195&amp;ssl=1 300w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/Editoria11y2_FrontEnd.png?resize=768%2C499&amp;ssl=1 768w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/Editoria11y2_FrontEnd.png?w=1200&amp;ssl=1 1200w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>There will be a check mark if there are no alerts, or a number showing how many alerts there are on the page. Clicking on the number opens a panel, with buttons to navigate through each alert. There is also a tab in the panel that shows the outline of page headings, and a tab allowing you to review the alt text for images.&nbsp;<\/p>\n\n\n\n<p>If you hover over any of the alerts on the page, a box will appear explaining that alert.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"568\" src=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/Editoria11y3_FrontEndDetail.png?resize=1024%2C568&#038;ssl=1\" alt=\"\" class=\"wp-image-304\" srcset=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/Editoria11y3_FrontEndDetail.png?resize=1024%2C568&amp;ssl=1 1024w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/Editoria11y3_FrontEndDetail.png?resize=300%2C167&amp;ssl=1 300w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/Editoria11y3_FrontEndDetail.png?resize=768%2C426&amp;ssl=1 768w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/Editoria11y3_FrontEndDetail.png?w=1200&amp;ssl=1 1200w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Visitors to your site who are not logged-in members will not be able to see the alerts.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Color Contrast<\/h3>\n\n\n\n<p>At this time, Editoria11y is not able to check for color contrast. However, you should be able to spot issues with text and background colors in the block editor itself. An alert will appear in the right side panel. Another good resource for checking color contrast is the\u00a0<a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\">WebAIM Color Contrast Checker<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"363\" src=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/Editoria11y4_ColorContrastSidePanel.png?resize=1024%2C363&#038;ssl=1\" alt=\"\" class=\"wp-image-305\" srcset=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/Editoria11y4_ColorContrastSidePanel.png?resize=1024%2C363&amp;ssl=1 1024w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/Editoria11y4_ColorContrastSidePanel.png?resize=300%2C106&amp;ssl=1 300w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/Editoria11y4_ColorContrastSidePanel.png?resize=768%2C272&amp;ssl=1 768w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/Editoria11y4_ColorContrastSidePanel.png?w=1200&amp;ssl=1 1200w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>This article is adapted from\u00a0<a href=\"https:\/\/openlab.citytech.cuny.edu\/blog\/help\/openlab-help\/\">City Tech OpenLab Help<\/a>, under a\u00a0<a href=\"http:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\">CC BY-NC-SA license<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Use Editoria11y to check accessibility Like a spell check for accessibility, the&nbsp;Editoria11y Accessibility Checker&nbsp;plugin checks your site, and displays any existing issues with a thorough description of what they are and how you can address them.&nbsp;To get started: Activate\u00a0Editoria11y Accessibility Checker in\u00a0Dashboard\u00a0&gt;\u00a0Plugins. Once activated, the plugin will automatically perform accessibility checks. The results will appear [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[30],"tags":[],"class_list":["post-299","post","type-post","status-publish","format-standard","hentry","category-build-a-site"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/posts\/299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/comments?post=299"}],"version-history":[{"count":2,"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/posts\/299\/revisions"}],"predecessor-version":[{"id":307,"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/posts\/299\/revisions\/307"}],"wp:attachment":[{"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/media?parent=299"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/categories?post=299"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/tags?post=299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}