Creating an WCAG 2.0 AA Compliant Webpage
About Creating Accessible Websites
Georgia State website editors must continually work to meet WCAG 2.0 AA compliant websites. While the standards continue to improve and change our website managers must strive to adhere to these standards and continue to work toward implementing changes that allow for the institution to continually improve its ability to comply.
Since Georgia State is a public university, we must adhere to the policies suggested by the ADA (American Disabilities Association), so that those with physical limitations can find information on our sites. This is discussed in more detail in the institutional policy here: https://gsu.policystat.com/policy/7446725/latest
More About Creating Accessible Websites
All WordPress training sessions contain embedded elements of accessible design. This is important in that it demonstrates how the content management system has native tools to make websites compliant. Training sessions are offered almost weekly and you can easily join by contacting support here on UserVoice. Beyond WordPress training, the university offers LinkedIn Learning courses where you can get a better understanding of accessibility and a. broader sense of what defines impairment. You can access this in the University Commkit, on this Website Training webpage: https://commkit.gsu.edu/website-management/training/
Testing for Accessbility
List of Frequently Used Methods to Produce Compliant Webpages
1. Use ALT tags on every media (pictures, documents, graphs, etc.)
Any inline images included in your theme should have alt text. ALT tags must be in featured images as well. Even if the code is present to display alt attributes, however an appropriately crafted alternative version still needs to be input for those images. You can add alt text to images by going to the media library. Select the picture you'd like to use on your website, then adding a quick descriptive sentence to the alt text section.
2. Use a focus keyphrase in your alt text
Search engines use context about an image to understand what's on them – and to rank your page in image search – it's essential to use the focus key phrase of your article in the alt text. The Yoast SEO checks for synonyms of the key phrase you added to the post.
3. Use the same focus key phrase from the alt text in the file name
Use the focus keyphrase you chose in Yoast (mentioned in the previous tip) in the file name. It's simple: if your image shows two rabbits laying in the grass, the file name shouldn't be DSC3492.jpg, but two-students-reading-in-grass.jpg.
3. Forms should have written error resolutions
All forms should have easily identifiable error messages with specific on how to fix a form error if the information is incorrect. Also, every form on your website should have obvious labels for each field that a user will have to input. Labels must clearly describe each form of control or field.
4. Write descriptive links
Write links in a way that indicates what the user should expect to see when they click on a specific link. For example, a useful link would be "Learn how to apply for student housing." While a bad link would be, "Learn more." All links should clearly describe what the user will see when they click on them.
5. Font should be at least 1.2 em
If users must squint to see the text, then it's too small. Regardless of whether or not the person has a disability. All of our templates use 1.2 em font in the body text. Therefore, you won't have to change the size but be aware of the size requirements as you building your site.