Complying with legal accessibility requirements is not the only reason your college or university should pay attention to accessibility on your .edu. An accessible site is a highly usable site for everyone.
Creating an accessible website helps you to better understand the diversity of your site visitor. Many have different kinds of disabilities, such as visual, motor, auditory, speech, or cognitive impairments. In our lifetime, we all experience these situations in one way or another — we break an arm, or we experience blurry vision or color blindness, etc. These impairments could be temporary or permanent.
Build your college or university website to follow proper standards and it’ll become easier for all of your site visitors to perceive your web content.
However, there are legal reasons to do it, too.
Education institutions in the United States are required to comply with the Americans with Disabilities Act (ADA), which includes provisions for web accessibility. Here are the basics you need to know:
Section 508 includes standards that apply to electronic and information technology procured by the federal government, including computer hardware and software, websites, phone systems, and copiers. Members of the public with disabilities should have comparable access to publicly available information and services.
In January 2017, the Section 508 standards were updated to incorporate the Web Content Accessibility Guidelines (WCAG) 2.0’s Level A and Level AA Success Criteria and Conformance Requirements.
The Web Content Accessibility Guidelines are part of a series of web accessibility guidelines published by the Web Accessibility Initiative (WAI) of the World Wide Web Consortium (W3C). The WCAG is a globally recognized and technologically neutral set of accessibility guidelines for web content. WCAG 2.0 is divided into three conformance levels: A, AA, and AAA. Success criteria at each level are organized based on the effect they have on design or visual presentation of the pages. The higher the level, the more restraining it becomes on design. For example, let’s look at Guideline 1.4, Distinguishable.
[blockquote text=‘Guideline 1.4: Make it easier for users to see and hear content including separating foreground from background.’ text_color=” width=” background_color=” border_color=”]
As noted on w3.org: “This guideline is concerned with making the default presentation as easy to perceive as possible to people with disabilities.” Use of color and contrast are two of the key success criteria for this guideline, thus affecting your .edu design. To ensure your .edu complies, make sure there is enough color change or contrast in elements so you can acquire a higher certification.
Web Accessibility Initiative-Accessible Rich Internet Applications is a technical specification published by the W3C that details how to increase the accessibility of web pages. These written standards make it easier to understand and comply with accessibility rules.
Web developers cannot assume all site visitors who access our content are using the same web browser or operating system as we are, nor can we assume they’re using a traditional monitor for output, or keyboard and mouse for input. Site visitors may use either audible output (products called screen readers that read web content using synthesized speech) or tactile output (a refreshable Braille device) to help them navigate your site.
Here are seven user characteristics necessary to keep in mind when considering accessibility:
At mStoner, we consider the following list of items when building websites. Some of these items can be tested using an automated checker, but some take an experienced developer to uncover and fix the issues.
1. Proper use of HTML headings
2. Accessible with keyboard
Many site visitors are physically unable to use a mouse and might navigate through the page using their keyboard alone. When navigating between features by using the tab and other keys (e.g., enter or space to “click” the element that currently has focus, arrow keys to move within a widget such as a menu or slider, or escape to close a pop-up window), we consider the following questions:
3. Accessible image
If a web page includes images, the content of those images is, by default, inaccessible to people unable to see the images. Whether to and how to address this issue depends on the purpose of the image within the context of the web page.
4. Accessible menus
Website navigation menus often include dropdown or flyout menus, in which submenus are hidden by default and visibly appear when the mouse hovers over or a visitor clicks a top-level menu item. These sorts of menus can present major accessibility challenges for visitors unless coded properly.
5. Effective use of color
There are two accessibility issues related to choice of color:
mStoner’s accessibility checkup will provide you with actionable information to help you comply with legal accessibility requirements, improve website performance for the seven major user characteristics, address major components of your .edu, and increase outreach. If you’d like to learn more, email mStoner’s director of marketing, Mallory Wood.
Kim Ward Front-end Developer As a front-end developer, I spend my days collaborating with clients and the mStoner team to build and implement innovative websites. With a background in design, I’m uniquely positioned to work with our talented creative team to produce forward-thinking, responsive, and scalable front-end designs.