{"id":747,"date":"2020-11-30T09:36:19","date_gmt":"2020-11-30T14:36:19","guid":{"rendered":"https:\/\/www.yorku.ca\/webaccessibility\/?page_id=747"},"modified":"2021-03-10T10:48:40","modified_gmt":"2021-03-10T15:48:40","slug":"york-wordpress-2020-theme-and-modules","status":"publish","type":"page","link":"https:\/\/www.yorku.ca\/webaccessibility\/york-wordpress-2020-theme-and-modules\/","title":{"rendered":"Known Evaluation Issues"},"content":{"rendered":"\n<p>The following list provides a list of errors and alerts that may be generated from the York WordPress 2020 theme and the modules that are enabled centrally for the York WordPress 2020 theme, when using the <a href=\"https:\/\/wave.webaim.org\/extension\/\">WAVE browser extension accessibility evaluation tool<\/a>, or keyboard tabbing in a web browser.&nbsp;<\/p>\n\n\n\n<p>Examples of the kinds of errors\/alerts in the list are those generated by third-party plugins that are are externally controlled, or alerts that are triggered because they require review in order to determine whether fixes need to be made for that particular issue.&nbsp;&nbsp;<\/p>\n\n\n\n<p>This list does not include the specific content that your site may have, which also needs to meet AODA website accessibility requirements.&nbsp;<\/p>\n\n\n\n<p>If you find additional errors, alerts or issues related to the York WordPress 2020 theme, or centrally available blocks, widgets or plug-ins, please contact the Digital team in Communications &amp; Public Affairs via email: <a rel=\"noreferrer noopener\" href=\"mailto:cpadigit@yorku.ca\" target=\"_blank\">cpadigit@yorku.ca<\/a>&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>York <\/strong>WordPress 2020 theme (not including modules or content)&nbsp;<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Alerts<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>A nearby image has the same alternative text<\/strong><\/h4>\n\n\n\n<p>One instance of this alert may be triggered by the York logo in the footer (this alert is triggered because it has the same alt text as the York logo in the header, but they should be the same as they point to same location):&nbsp;<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;img alt=\"York University\" data-src=\"https:\/\/www.yorku.ca\/wp-content\/themes\/york2020\/images\/yorku-logo-ko.png\" class=\"w-100 mb-4 ls-is-cached lazyloaded\" src=\"https:\/\/www.yorku.ca\/wp-content\/themes\/york2020\/images\/yorku-logo-ko.png\"><\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Noscript element<\/strong><\/h4>\n\n\n\n<p>One instance of this alert is triggered from the code required for Google Tag Manager, which is a part of the theme:&nbsp;<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;noscript> \n&lt;iframe height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\" data-src=\"https:\/\/www.googletagmanager.com\/ns.html?id=GTM-WB2S8R\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\">&lt;\/iframe> \n&lt;\/noscript> <\/code><\/pre>\n\n\n\n<p>Several instances on this alert may be triggered from the use of Smush, a third-party plugin used in the theme to load images on a page as needed, and which is a part of the theme (if you add additional images in the content of your site you may have additional instances of this alert for each image you add):&nbsp;<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;noscript> \n&lt;img src=\"https:\/\/www.yorku.ca\/wp-content\/themes\/york2020\/images\/yorku-logo.jpg\" alt=\"York University\" class=\"yu-logo\"> \n&lt;\/noscript> <\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;noscript> \n&lt;img src=\"https:\/\/www.yorku.ca\/wp-content\/themes\/york2020\/images\/yorku-logo-ko.png\" alt=\"York University\" class=\"w-100 mb-4\"> \n&lt;\/noscript> <\/code><\/pre>\n\n\n\n<p>One instance of this alert may be triggered from the use of a third party plugin:&nbsp;<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;noscript> \n&lt;img height=\"1\" width=\"1\" style=\"display:none\" src=\"https:\/\/www.facebook.com\/tr?id=745308779225903&amp;amp;ev=PageView&amp;amp;noscript=1\"> \n&lt;\/noscript> <\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Social Feeds Media module<\/strong><\/h2>\n\n\n\n<p>The <a href=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/modules-library\/module-5\/\">Social Feeds Media module<\/a> is a centrally available module for sites that use the York WordPress 2020 theme.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Errors<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Very low contrast<\/h4>\n\n\n\n<p>Instances of this error triggered from links within curator.io may look like the following:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"https:\/\/www.instagram.com\/yorkuniversity\/\" target=\"_blank\">\n@yorkuniversity\n&lt;\/a><\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"https:\/\/www.facebook.com\/yorkuniversity\" target=\"_blank\">\n@yorkuniversity\n&lt;\/a><\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"https:\/\/www.twitter.com\/yorkuniversity\" target=\"_blank\">\n@yorkuniversity\n&lt;\/a><\/code><\/pre>\n\n\n\n<p>This alert is being triggered because of low color contrast between text and background.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Ale<\/strong>rts<\/h3>\n\n\n\n<p>curator.io, a third-party social media aggregator widget, is used for this module which generates the following alerts. You should use any accessibility features within a widget or plug-in to make your content as accessible as possible, but because there are issues that we may not have control in resolving, we have contacted Curator to make their widget WCAG 2.0 AA compliant.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>A nearby image has the same alternative text<\/strong><\/h4>\n\n\n\n<p>Instances of this alert triggered by curator.io may look like the following:&nbsp;<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;img class=\"crt-post-userimage\" src=\"https:\/\/curatorio.s3.amazonaws.com\/aa40a143-c887-45e2-bcf8-14864ef28496\/147044374_user_image.png\" alt=\"Profile image for York University\"> <\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;img class=\"crt-post-userimage\" src=\"https:\/\/pbs.twimg.com\/profile_images\/1300406366532775936\/mYgfjwNJ_normal.jpg\" alt=\"Profile image for York University\"> <\/code><\/pre>\n\n\n\n<p>This alert may be triggered because more than one image are using the same alt text. In the example above, both images are the same so should have the same alt text.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Suspicious link text<\/h4>\n\n\n\n<p>Multiple instances of this alert triggered by curator.io may look like the following:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"#\" class=\"crt-post-read-more-button\"> \nRead more \n&lt;\/a> <\/code><\/pre>\n\n\n\n<p>This alert is triggered because there are links that are using generic text (i.e. \u201cRead more\u201d) as the link text.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Redundant link<\/strong><\/h4>\n\n\n\n<p>Multiple instances of this alert triggered by curator.io may look like the following:&nbsp;<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"crt-post-fullname\"> \n&lt;a href=\"https:\/\/www.facebook.com\/yorkuniversity\" target=\"_blank\"> \nYork University \n&lt;\/a> \n&lt;\/div> <\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;span class=\"crt-post-username\"> \n&lt;a href=\"https:\/\/www.facebook.com\/yorkuniversity\" target=\"_blank\"> \n@yorkuniversity \n&lt;\/a> \n&lt;\/span> <\/code><\/pre>\n\n\n\n<p>This alert is triggered because there are multiple links that go to the same url, including links that have different link text.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>HTML5 video or audio<\/strong><\/h4>\n\n\n\n<p>Multiple instances of this alert triggered by curator.io may look like the following:&nbsp;<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;video preload=\"none\" playsinline=\"\" loop=\"\" muted=\"\" ref=\"video\">&lt;source src=\"\" type=\"video\/mp4\">&lt;\/video><\/code><\/pre>\n\n\n\n<p>This alert is triggered to bring attention that videos that have audio require captions and transcripts, and audio require transcripts.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Keyboard accessibility<\/strong><\/h3>\n\n\n\n<p>The curator.io widget has keyboard accessibility issues and we have contacted Curator to make their widget WCAG 2.0 AA compliant.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Full Calendar module<\/h2>\n\n\n\n<p><a href=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/modules-library\/module-8\/\">The Full Calendar module<\/a> is a centrally available module for sites that use the York WordPress 2020 theme.&nbsp;<\/p>\n\n\n\n<p>The Events Calendar, a third-party calendar widget, is used for this module which may generate the following errors and alerts. You should use any accessibility features within a widget or plug-in to make your content as accessible as possible, but there may be issues that we may not have control in resolving because it is triggered by code that is generated by the widget.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Errors<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Empty link<\/h4>\n\n\n\n<p>Instances of this error may be triggered by The Events Calendar and look like the following:&nbsp;<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"https:\/\/www.yorku.ca\/event\/test-event-1\/all\/\" class=\"tribe-events-calendar-list__event-datetime-recurring-link\">\n&lt;em class=\"tribe-events-calendar-list__event-datetime-recurring-icon tribe-common-svgicon tribe-common-svgicon--recurring\" aria-label=\"Recurring\" title=\"Recurring\">&lt;\/em>\n&lt;\/a><\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"https:\/\/www.yorku.ca\/event\/test-event-1\/all\/\" class=\"tribe-events-calendar-month__calendar-event-datetime-recurring-link\">\n&lt;em class=\"tribe-events-calendar-month__calendar-event-datetime-recurring-icon tribe-common-svgicon tribe-common-svgicon--recurring\" aria-label=\"Recurring\" title=\"Recurring\">&lt;\/em>\n&lt;\/a><\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"https:\/\/www.yorku.ca\/event\/test-event-1\/all\/\" class=\"tribe-events-calendar-month__calendar-event-tooltip-datetime-recurring-link\">\n&lt;em class=\"tribe-events-calendar-month__calendar-event-tooltip-datetime-recurring-icon tribe-common-svgicon tribe-common-svgicon--recurring\" aria-label=\"Recurring\" title=\"Recurring\">&lt;\/em>\n&lt;\/a><\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"https:\/\/www.yorku.ca\/event\/test-event-1\/all\/\" class=\"tribe-events-calendar-month-mobile-events__mobile-event-datetime-recurring-link\">\n&lt;em class=\"tribe-events-calendar-month-mobile-events__mobile-event-datetime-recurring-icon tribe-common-svgicon tribe-common-svgicon--recurring\" aria-label=\"Recurring\" title=\"Recurring\">&lt;\/em>\n&lt;\/a><\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"https:\/\/www.yorku.ca\/event\/test-event-1\/all\/\" class=\"tribe-events-calendar-day__event-datetime-recurring-link\">\n&lt;em class=\"tribe-events-calendar-day__event-datetime-recurring-icon tribe-common-svgicon tribe-common-svgicon--recurring\" aria-label=\"Recurring\" title=\"Recurring\">&lt;\/em>\n&lt;\/a><\/code><\/pre>\n\n\n\n<p>This error is triggered because there is no text within the link, and it is triggered by code that is generated by the widget.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Broken ARIA reference<\/h4>\n\n\n\n<p>Instances of this error may be triggered by The Events Calendar and look like the following:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"https:\/\/www.yorku.ca\/event\/test-event-1\/2020-12-01\/\" rel=\"bookmark\" class=\"tribe-events-calendar-month__calendar-event-title-link tribe-common-anchor-thin tooltipstered\" data-js=\"tribe-events-tooltip\" data-tooltip-content=\"#tribe-events-tooltip-content-769\" aria-describedby=\"tribe-events-tooltip-content-769\" style=\"opacity: 1;\">\nTest event 1\n&lt;\/a><\/code><\/pre>\n\n\n\n<p>This error seems to be triggered when a featured image is added to an event.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Alerts<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Suspicious link text<\/h4>\n\n\n\n<p>Multiple instances of this alert triggered by The Events Calendar may look like the following:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"https:\/\/www.yorku.ca\/event\/test-event-1\/2020-12-01\/\" class=\"text-uppercase\">\nRead More\n&lt;\/a><\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"https:\/\/www.yorku.ca\/event\/test-event-1\/2020-12-08\/\" class=\"text-uppercase\">\nRead More\n&lt;\/a><\/code><\/pre>\n\n\n\n<p>This alert is triggered because there are links that are using generic text (i.e. \u201cRead more\u201d) as the link text.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Redundant link<\/strong><\/h4>\n\n\n\n<p>Multiple instances of this alert triggered by The Events Calendar may look like the following:&nbsp;<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"https:\/\/www.yorku.ca\/event\/test-event-1\/2020-12-01\/\" class=\"text-uppercase\">\nRead More\n&lt;\/a><\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"https:\/\/www.yorku.ca\/event\/test-event-1\/2020-12-08\/\" class=\"text-uppercase\">\nRead More\n&lt;\/a><\/code><\/pre>\n\n\n\n<p>This alert is triggered because there are multiple links that go to the same url, including links that have different link text.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Embedded forms<\/h2>\n\n\n\n<p>Gravity Forms, a third-party plugin, is used to create forms on web pages and may generate the following alert. You should use any accessibility features within a widget or plug-in to make your content as accessible as possible, but there may be issues that we may not have control in resolving because it is triggered by code that is generated by the widget or plugin.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Alerts<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Missing fieldset<\/h4>\n\n\n\n<p>Instances of this alert may be triggered by Gravity Forms when creating a group of related radio buttons or checkboxes, and look like the following:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;label for=\"choice_1_3_0\" id=\"label_1_3_0\">\nChoice 1\n&lt;\/label><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>The following list provides a list of errors and alerts that may be generated from the York WordPress 2020 theme and the modules that are enabled centrally for the York WordPress 2020 theme, when using the WAVE browser extension accessibility evaluation tool, or keyboard tabbing in a web browser.&nbsp; Examples of the kinds of errors\/alerts [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","footnotes":""},"tags":[],"class_list":["post-747","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"rpan","author_link":"https:\/\/www.yorku.ca\/webaccessibility\/author\/rpan\/"},"comment_info":"","_links":{"self":[{"href":"https:\/\/www.yorku.ca\/webaccessibility\/wp-json\/wp\/v2\/pages\/747","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yorku.ca\/webaccessibility\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.yorku.ca\/webaccessibility\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.yorku.ca\/webaccessibility\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yorku.ca\/webaccessibility\/wp-json\/wp\/v2\/comments?post=747"}],"version-history":[{"count":12,"href":"https:\/\/www.yorku.ca\/webaccessibility\/wp-json\/wp\/v2\/pages\/747\/revisions"}],"predecessor-version":[{"id":843,"href":"https:\/\/www.yorku.ca\/webaccessibility\/wp-json\/wp\/v2\/pages\/747\/revisions\/843"}],"wp:attachment":[{"href":"https:\/\/www.yorku.ca\/webaccessibility\/wp-json\/wp\/v2\/media?parent=747"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yorku.ca\/webaccessibility\/wp-json\/wp\/v2\/tags?post=747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}