ADA Compliance – Fastr Publicator Community

The Americans with Disabilities Act (ADA) requires that businesses and nonprofit services providers with 15+ employees make accessibility accommodations to enable disabled persons to access the same services as clients who are not disabled. As such, certain design decisions must be made to ensure that web content is in compliance as well. For more information, please see the official ADA checklist here.

At the time of initial review by our staff, Zmags Publicator's publications are ADA compliant, as calculated by WAVE's "web accessibility evaluation tool". We have now made the following updates to ensure full compliance:

- Missing alt text for the stats image inside the launchpage set to empty.
- Missing alt text for all page images set to page numbers "page _pageNumber".
- Missing language for the unified launchpage set to "en" if the language is automatic or not set. Otherwise, set to the viewer language. Also added the language property to the commerce viewer's "edit configuration" page.
- Missing form title for the search field inside the toolbar set to "Search".
- Verified that image enrichments do not cause issues being embedded in the page resource.
- Set the title to "Publication" for the mobile launchpage and the language to "en".
- Verified that the WAVE tests are passed for both the unified viewer API and regular launchpage.

When using Viewer API to embed your publication, you can add the following piece of code to enable keyboard access to previous, next and download PDF.
With the below code, you will be able to navigate through publication pages with left and right keys, while if you wish to download the pdf, you would need to press Ctrl+Alt 4.

 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>JavaScript API Test</title>
    <script src="http://api.viewer.zmags.com/viewer/viewer.js" type="text/javascript"></script>
</head>
<body>
<div id="myViewerContent" style="width:800px; height:600px;"></div>
 
<script type="text/javascript">
    var viewer = new com.zmags.api.Viewer();
    viewer.setPublicationID("e90b813d");
    viewer.setParentElementID("myViewerContent");
    viewer.show();
 
    window.document.onkeydown = function(e) {
                             switch (e.keyCode) {
        case 37:
            viewer.gotoPreviousPages();
            break;
        case 39:
            viewer.gotoNextPages();
            break;
        case 52: // 4
            if (e.ctrlKey && e.altKey) {
                viewer.downloadPDF();
            }
            break;
    }
}
</script>
</body>
</html>

This article should not be considered legal advice and is intended for educational purposes only. Please review all relevant official sources with regards to this and other compliance topics. Zmags Inc and its staff do not assume responsibility or liability for any information, communications, or materials provided here or elsewhere with regards to completeness or correctness.

Related articles