Providing readers with what they want is a challenge, but getting your web site's content to people with disabilities can be an even larger task. 1up! has built technology into your web site's content management software - accessibility tools and design features - that will help you meet the challenge.
The software's tools, though, are only half the job. Managing site's content and following "best practices," day in and day out, is the other half of the task - critical and substantial tasks to ensure your compliance.
This document highlights accessibility compliance topics and issues.
It is not meant to be a complete guide to achieving compliance. It is the beginning of the process.
Even though the software will position a site owner close to compliance, full compliance requires a plan and training to secure, and daily focus by the staff who works on your web site.
This document is not legal advice.
The Web Content Accessibility Guidelines (WCAG 2.0) are a standard that describes how to build and manage a web site so that disabled people may enjoy your web site as any other reader would. While WCAG is not law, it is highly relied upon by courts, and should therefore be used as your guide to ensuring accessibility.
WCAG compliance is a team effort that must be attended to every time a site is launched and/or updated. It is not a task that one completes and walks away from.
Accessibility and Your Web Site
Readership is key to your success; both online and in print. Providing value to your readers is what your business model is all about.The WCAG 2.0 Standard
Content, deadlines, revenue models, design, technology - and now accessibility - are all factors that affect your success.
1up! has built into your web site software the tools you'll need to assist handicapped readers in their efforts to read your site. And while it is the right thing to do, it's also the law defined by the Americans with Disabilities Act (ADA).
The site tools are just one piece of the larger puzzle. Site design and typography plays into compliance with accessibility guidelines, third-party tools and how they're used, and your content's management are all keys to providing a good product online for the disabled, as well as staying within the ADA's guidelines to prevent litigation.
It's a team effort.
In 2012, 1up! built WCAG 2.0 compliant accessibility tools and features into its News!Site 6.0 content management web site software. We did it, at that time, for government agency sites both domestic and foreign. Since then, our newspaper & publishing customers may also take advantage of the accessibility features, too.
This document details the software's features, the site editor's responsibilities and contains a list of online reference and resource web sites - including additional software and services that will be helpful in detailing any issues with your online efforts.
Following Web Content Accessibility Guidelines (WCAG 2.0) guidelines will make your content accessible to a wider range of people with disabilities, including blindness and low vision, deafness and hearing loss, learning disabilities, cognitive limitations, limited movement, speech disabilities, photo-sensitivity and combinations of these.
The guidelines strive to make website content:PerceivableThe full WCAG guidelines can be found at: https://www.w3.org/TR/WCAG20/
News!Site 6.0 Accessibility Features
The following is a list of software and technical features built in to your 1up! web site that enhance the accessibility of your content:
Global Software Settings, Coding Attributes and Site Automation
Editorial Content Tools
- Adding the physical location of site can be added to the site in various design points and in several settings.
- The footer module should have all the publication's contact information.
- Page Titles all use the site setting "Name of Site" and in many cases the title of the content on the page.
- Skip Links
- To assist "keyboard only" users, the first two focusable items on every page are hidden links that skip to the navigation and will also skip down the page to its content.
These links become visible when they receive focus and are hidden again when focus is moved ("focus" means accessibility software has been toggled to select an item on the page). Technically speaking, to accomplish this, given the dynamic nature of our software, the script looks for the first item with an ID containing "hfNavigation" a hidden page code element included in every navigation built by NewsSite's navigation module. The "skip to" content looks up the zone ID for the content area of the layout being used and adds an anchor to the top of the div identified as the content zone.
- Site design attributes and font attributes to improve legibility
- To improve legibility and contrast on the web page, squint. If you can't read the text, change its attributes.
- Use the "squint test" (squint your eyes while reading a web page) and if you can't read page content then use site tools to reduce the information density of the page or contact 1up! to schedule WCAG assistance.
- Subsection names are marked up as HTML "h1" elements.
- Page titles are used placed in the page URL if no meaningful title is otherwise available.
- Font size tags that are reader compatible and configurable in the site software's settings.
- Forms: form elements are labeled and navigable.
- Improvements were made to the following forms:
- Ask an Expert - submit a question
- Classified ad submission - checkout, brief module, content page (identical to the brief module)
- Comment, event and link submissions
- Ecommerce forms: online payment/donation, photos
- User signup form
- The labels on the Form!Builder forms are connected to the inputs they are labels for using the "for" attribute in the label tag and giving that attribute the id of the input it is associated with.
- Added a list errors for forms that do not validate above the form.
- Improvements in styling and verbiage consistency
- Resolved issues with third-party CAPTCHAs
- Coupons and display ads:
- Added alt text fields on the management forms to add/update the content
- If the alt text is blank or null populate the alt text with "Coupon (or Display Ad) for: NAME OF THE COUPON (or Display Ad)
- Add a label for the basic search button
- Add alt text to the main and thumbnails images in the rotator
- Article Briefs and Body Modules
- In order that a page can be navigated and understood by keyboard users and screen readers the article briefs module is marked up using semantic headings.
- Article Headlines are marked up as HTML h2 elements.
- The alt text can be set by using the "Alt Text" input on the article management form for the image used as the thumbnail. If the alt text is not specifically set, the headline of the story is used.
- Thumbnails also act as a link to the story.
- Alternate text and Meta keywords fields are available on multiple intranet management forms, like in the illustration above on the article management form where photos are added to stories.
- Alt text can be set specifically for each photo on the article management page. If the alt text isn't set, the photo's caption is used as the alt text.
- Images use the appropriate "alt text" (alternate text, loaded into the site software via the provided text fields on the administration forms, used to describe a visual element). If set otherwise they use the article title or photo title depending on the original content type.
- Keyboard navigation takes the user through each item in the rotator and allows the user to exit the rotator.
- The rotator can be set to not auto start via a site software setting, to ensures compliance.
- Photo Gallery Briefs Module
- "Alt text" can be set on the photo used as any photo gallery cover in any gallery in the site. SECONDARY OPTION: If the "alt text" isn't specified the photo's title is used.
- Search Results
- Uses an HTML unordered list to facilitate navigation . COMING SOON: 1up! will be adding "alt text" to thumbnails returned for search results.
- Photo Galleries
- Alt text can be set specifically for each photo on the photo management page. SECONDARY OPTION: If the alt text isn't set, the photo's title is used as the alt text.
- The site software provides the ability to affix transcripts (text documents of the spoken content in a video) to the video displayed on the web site. To do this the video gallery needs to use the "Newsroom" (ask if you want details) layout and a transcript file should be uploaded on the video management page.
- Always use the provided caption fields on the content-loading administration forms.
Advertising Content Tools
Other Content-type Pages
- Tiles, Banners, etc.
- Name advertisements, in the "Name" field on the management form, as if you were verbally describing the ad to someone. The "Alt text" is set as "Ad for...", in the public display of the page using the "Name," by the software which will prefix to the name of the ad as set on the management page form.
- The advertisement administration forms in the management intranet provide an option to open a second window.
- Alt text can be set for each coupon. If the alt text isn't specified the coupon's name is used as a prefix with "Coupon for..." from the administration form.
- Display Ad
- Alt text can be set for each display ad. If the alt text isn't specified the display ad's name is used as a prefix with "Display ad for..." from the administration form.
- COMING SOON: 1up! will be adding "alt text" to thumbnails to classified images.
- COMING SOON: 1up! is adding an "alt text" field onto the advertisement's management form.
- Form Builder Forms
- Form-building utility in the News!Site software that builds email-driven feedback forms that are marked up using "Label for..." to associate labels with input fields.
Web Site Administrator's Responsibilities
a11yTools plug in for Apple Safari web site browser (http://accessw3.com/wcag21-accessibility-checklist.html)
If during a compliance scan any issue is discovered please immediately report it to 1up! Support staff.Content Loading & Management Best Practices
Scans, and the resulting work to correct issues found in scans, do not guarantee your web site will be 100% WCAG compliant.
EXAMPLE ACCESSIBILITY STATEMENTS
Any entry in this document marked "COMING SOON" is current being implemented in your web site's software, and will be installed at no cost as soon as it is completed and tested.
Use YouTube to take advantage of their automated closed-captioning feature, which is required for accessibility guidelines compliance.
Integrated Third-party tools
1up! cannot control any third-party technologies installed in a web site, and therefore cannot make modifications to that technology to make it accessible to all site visitors.
This would include buttons to mobile applications supplies by Apple and Google, social media feeds, games and other types of content feeds.
References & Resources
Click the graphic above or this link to visit the page for the full "before" and "after" demonstration takes place.
Notice the small difference in the above page content that you can see with your eyes: headers, phone numbers, etc.
Click the graphic above or this link to visit the page for the full "before" and "after" demonstration takes place.
In Closing...This document is intended to be a "living" document which will be updated with new information as it becomes available. 1up! is working with subject experts and attorneys, as well as our state press association, to cover all accessibility-related topics and details for our customers, including updating the site software, as needed.
"Accessibility" is not a topic that just 1up! can handle for your web site operations through technology - it also requires having your staff maintain their knowlege of the topic and content accessibility standards in your site daily.
You are also encouraged to speak to your corporate counsel and state press association to further your understanding and preparation for dealing with accessibility issues. 1up! can provide further training and orientation for your staff so that they may take full advantage of the features built into your 1up! web site's content management software.
Thank you. 1up!
Copyright 2019 1up!