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.
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.
This list does not include the specific content that your site may have, which also needs to meet AODA website accessibility requirements.
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 & Public Affairs via email: cpadigit@yorku.ca
York WordPress 2020 theme (not including modules or content)
Alerts
A nearby image has the same alternative text
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):
<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">Noscript element
One instance of this alert is triggered from the code required for Google Tag Manager, which is a part of the theme:
<noscript>
<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=="></iframe>
</noscript> 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):
<noscript>
<img src="https://www.yorku.ca/wp-content/themes/york2020/images/yorku-logo.jpg" alt="York University" class="yu-logo">
</noscript> <noscript>
<img src="https://www.yorku.ca/wp-content/themes/york2020/images/yorku-logo-ko.png" alt="York University" class="w-100 mb-4">
</noscript> One instance of this alert may be triggered from the use of a third party plugin:
<noscript>
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=745308779225903&ev=PageView&noscript=1">
</noscript> Social Feeds Media module
The Social Feeds Media module is a centrally available module for sites that use the York WordPress 2020 theme.
Errors
Very low contrast
Instances of this error triggered from links within curator.io may look like the following:
<a href="https://www.instagram.com/yorkuniversity/" target="_blank">
@yorkuniversity
</a><a href="https://www.facebook.com/yorkuniversity" target="_blank">
@yorkuniversity
</a><a href="https://www.twitter.com/yorkuniversity" target="_blank">
@yorkuniversity
</a>This alert is being triggered because of low color contrast between text and background.
Alerts
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.
A nearby image has the same alternative text
Instances of this alert triggered by curator.io may look like the following:
<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"> <img class="crt-post-userimage" src="https://pbs.twimg.com/profile_images/1300406366532775936/mYgfjwNJ_normal.jpg" alt="Profile image for York University"> 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.
Suspicious link text
Multiple instances of this alert triggered by curator.io may look like the following:
<a href="#" class="crt-post-read-more-button">
Read more
</a> This alert is triggered because there are links that are using generic text (i.e. “Read more”) as the link text.
Redundant link
Multiple instances of this alert triggered by curator.io may look like the following:
<div class="crt-post-fullname">
<a href="https://www.facebook.com/yorkuniversity" target="_blank">
York University
</a>
</div> <span class="crt-post-username">
<a href="https://www.facebook.com/yorkuniversity" target="_blank">
@yorkuniversity
</a>
</span> This alert is triggered because there are multiple links that go to the same url, including links that have different link text.
HTML5 video or audio
Multiple instances of this alert triggered by curator.io may look like the following:
<video preload="none" playsinline="" loop="" muted="" ref="video"><source src="" type="video/mp4"></video>This alert is triggered to bring attention that videos that have audio require captions and transcripts, and audio require transcripts.
Keyboard accessibility
The curator.io widget has keyboard accessibility issues and we have contacted Curator to make their widget WCAG 2.0 AA compliant.
Full Calendar module
The Full Calendar module is a centrally available module for sites that use the York WordPress 2020 theme.
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.
Errors
Empty link
Instances of this error may be triggered by The Events Calendar and look like the following:
<a href="https://www.yorku.ca/event/test-event-1/all/" class="tribe-events-calendar-list__event-datetime-recurring-link">
<em class="tribe-events-calendar-list__event-datetime-recurring-icon tribe-common-svgicon tribe-common-svgicon--recurring" aria-label="Recurring" title="Recurring"></em>
</a><a href="https://www.yorku.ca/event/test-event-1/all/" class="tribe-events-calendar-month__calendar-event-datetime-recurring-link">
<em class="tribe-events-calendar-month__calendar-event-datetime-recurring-icon tribe-common-svgicon tribe-common-svgicon--recurring" aria-label="Recurring" title="Recurring"></em>
</a><a href="https://www.yorku.ca/event/test-event-1/all/" class="tribe-events-calendar-month__calendar-event-tooltip-datetime-recurring-link">
<em class="tribe-events-calendar-month__calendar-event-tooltip-datetime-recurring-icon tribe-common-svgicon tribe-common-svgicon--recurring" aria-label="Recurring" title="Recurring"></em>
</a><a href="https://www.yorku.ca/event/test-event-1/all/" class="tribe-events-calendar-month-mobile-events__mobile-event-datetime-recurring-link">
<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"></em>
</a><a href="https://www.yorku.ca/event/test-event-1/all/" class="tribe-events-calendar-day__event-datetime-recurring-link">
<em class="tribe-events-calendar-day__event-datetime-recurring-icon tribe-common-svgicon tribe-common-svgicon--recurring" aria-label="Recurring" title="Recurring"></em>
</a>This error is triggered because there is no text within the link, and it is triggered by code that is generated by the widget.
Broken ARIA reference
Instances of this error may be triggered by The Events Calendar and look like the following:
<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;">
Test event 1
</a>This error seems to be triggered when a featured image is added to an event.
Alerts
Suspicious link text
Multiple instances of this alert triggered by The Events Calendar may look like the following:
<a href="https://www.yorku.ca/event/test-event-1/2020-12-01/" class="text-uppercase">
Read More
</a><a href="https://www.yorku.ca/event/test-event-1/2020-12-08/" class="text-uppercase">
Read More
</a>This alert is triggered because there are links that are using generic text (i.e. “Read more”) as the link text.
Redundant link
Multiple instances of this alert triggered by The Events Calendar may look like the following:
<a href="https://www.yorku.ca/event/test-event-1/2020-12-01/" class="text-uppercase">
Read More
</a><a href="https://www.yorku.ca/event/test-event-1/2020-12-08/" class="text-uppercase">
Read More
</a>This alert is triggered because there are multiple links that go to the same url, including links that have different link text.
Embedded forms
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.
Alerts
Missing fieldset
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:
<label for="choice_1_3_0" id="label_1_3_0">
Choice 1
</label>