- WP Accessibility Knowledge Base
Documentation about accessibility for WordPress users and creators.
- Accessibility-Ready Theme Requirements
Items are required for approval to use the WP accessibility-ready tag:
Introduction to Accessibility
- Web Content Accessibility Guidelines (WCAG) 2.1
(W3C) How to make web content more accessible to people with disabilities.
Note: The Web Content Accessibility Guidelines (WCAG) serve as a widely recognized set of best practices aimed at ensuring digital content is accessible to all users, including individuals with disabilities. These guidelines offer a comprehensive framework for creating web content that is perceivable, operable, understandable, and robust, which are the four principles of accessibility.
It is important to note that WCAG itself is not legislation, but rather a statement of best practices. As such, we use the term “conformance” rather than “compliance” when referring to adherence to these guidelines. Compliance typically implies meeting specific legal requirements set forth by laws or regulations. In contrast, conformance is about aligning with established guidelines that promote accessibility.
Organizations and developers strive to conform to WCAG to enhance user experience, broaden their audience reach, and demonstrate a commitment to inclusivity. By achieving different levels of conformance—A, AA, or AAA—content creators can progressively improve the accessibility of their digital products, from meeting basic accessibility criteria to implementing the most rigorous standards.
While WCAG conformance does not equate to legal compliance, many regions have adopted these guidelines as the standard for accessibility in digital content under their legal frameworks, making it crucial for organizations to understand both the guidelines and any applicable laws in their region.
Incorporating WCAG into your design and development processes not only fosters inclusive experiences but can also help mitigate legal risks where accessibility regulations are enforced. Ultimately, adhering to WCAG principles reflects a proactive and ethical approach to digital content creation.
- The Ease of Web Accessibility Compliance
an interview with Sumner M Davenport
- Amber Hinds on Why Accessibility Matters – wpTavern podcast
- Knowbility Learning Center – Accessibility Training
- Forbes’ Accessibility 100 – this list highlights the biggest innovators and impact-makers in the field of accessibility for people with disabilities.
- Accessibility Weekly Newsletter – Amber Hinds / The Admin Bar
- 2023 ADA Website Compliance – video by Texas Lawyer Kris Rivenburg
- ADA Compliance for Websites in Plain English – article by Kris Rivenberg
- Accessibility Law suits – general information
ARIA – roles and attributes to make web content more accessible
- Aria-labels – Mozilla Developer network
- Aria documentation – Mozilla Developer network
Note: HTML landmark elements (<main>, <header>, <nav>, etc.) have built-in implicit ARIA roles, so there is no need to duplicate them.
Accessibility Courses
- Introduction to Accessibility Course – EDX FREE ONLINE COURSE
- Introduction to Web Accessibility (a foundation course)
Overlays are not the answer
- An Overlay Lawsuit – against a company using an overlay
European Accessibility Act
Legal Resources
- Lainey Feingold – Accessibility Legal Information Lawyer
- Kris Rivenburgh – licensed attorney in the state of Texas.
Follow Accessibility Social Media
ALT Text
The goal of alt text (alternative text) is to make images accessible to all users, especially those utilizing screen readers.
Alt text should emphasize the purpose of an image rather than merely describing its appearance. This helps users understand the image’s significance in the context of their tasks without redundancy.
- Communicate Purpose: Craft alt text that conveys the function or significance of an image instead of describing it visually. This helps users grasp how the image fits within the broader context of their tasks on a webpage.
- Avoid Redundancy: Do not repeat information already provided in the surrounding text or elements on the page. Alt text should add value rather than duplicate content.
- Focus on Meaning: Highlight the important aspects of what the image represents rather than focusing solely on its detailed description.
- Fix Alt Text – Find & edit alt text plugin
Attend Accessibility Meetups
- WordPress Accessibility Meetup – Amber Hinds
- Accessibility Web + WordPress – Sumner Davenport
External Links
Add a visual indicator to every external link
a[target="_blank"]::after {
content: ' \2197'
}
Alt codes for arrows
https://img.webnots.com/2017/07/Alt-Code-for-Arrow-Symbols.png
HTML Currency Symbols, Currency Entities and ASCII Currency Character Code Reference
Accessible menus
Tools & Information for Content Creators
- Accessibility New Window Warnings – provide advanced warning if a link is going to open a new window or tab before the user clicks or activates it.
- Screen Reader Text Format – adds a screen reader only text format control to the block editor.
- WP Accessibility – plug-in, by Joe Dolson, helps with common accessibility problems
- best practice: install, check site, fix issues, remove plugin.
- WhoCanUse.com? – how color contrast affects different people with visual impairments
