What Publishers Need to Know About Web Accessibility ![rw-book-cover](https://img.youtube.com/vi/QUb0tAS3D2g/maxresdefault.jpg) ๐Ÿ”— **Source:** [What Publishers Need to Know About Web Accessibility](https://www.youtube.com/watch?v=QUb0tAS3D2g) > [!note]+ Document Notes > tags: #accessibility #wordpress #web-standards #assistive-technology #content-publishing #usability #screen-readers #wcag > author: Steve Burge > source: Publish Press > reference: https://www.youtube.com/watch?v=QUb0tAS3D2g > date created: 2024-12-19 14:30 > > # ๐Ÿท๏ธ Title: What Publishers Need to Know About Web Accessibility > <!-- deep-read:sections start --> ## ๐Ÿงฐ Action Inbox - [H1] Install accessibility testing plugin โ€” start with automated scanning before manual testing #accessibility - [H2] Fix color contrast issues โ€” ensure 4.5:1 minimum ratio for text readability #wcag - [H3] Review link text for clarity โ€” replace "click here" with descriptive anchor text #screen-readers ## ๐Ÿงญ Table of Contents - [[#๐Ÿ“ Summary]] - [[#๐Ÿ“– Main Content]] - [[#๐Ÿ—’๏ธ Notes]] - [[#๐Ÿ“š References]] - [[#๐Ÿ—ฃ๏ธ Paraphrase]] - [[#๐Ÿ“ฐ Newsletter]] - [[#โœ… Action Items]] - [[#๐Ÿงช Hypotheses]] - [[#๐Ÿ“Š Methodology]] - [[#โ“ Questions]] - [[#๐Ÿ”ฎ Future Research]] - [[#๐Ÿ’ก Implications]] - [[#๐Ÿง  Learning Styles Assessment]] - [[#๐Ÿ“Š Accessibility Assessment]] - [[#๐ŸŒ DEIB Assessment]] - [[#โœ… Logical Validity]] - [[#๐Ÿ›ก๏ธ DARVO Analysis]] - [[#๐ŸŽฏ Conclusion]] ### ๐Ÿ”— References - [Equalized Digital Accessibility Checker](https://wordpress.org/plugins/accessibility-checker/) - [Overlay Fact Sheet](https://overlayfactsheet.com) ## ๐Ÿ“ Summary - Amber Hines from Equalized Digital explains how publishers can make their WordPress content accessible to people with disabilities - Automated testing tools are essential first steps, but shouldn't replace proper content creation practices - Common accessibility shortcuts like audio readers and overlay widgets often don't help the intended audience - Focus should be on semantic HTML, proper headings, color contrast, and clear link text rather than add-on features - Reading level matters significantly - content should be below 9th grade level for general audiences ## ๐Ÿ“– Main Content Publishers often ask about accessibility features like audio versions of articles or simplified text-only pages, but these approaches miss the fundamental issue. People who are blind already use screen readers to navigate computers, so adding an audio player doesn't specifically help them. Similarly, accessibility overlay widgets that add customization buttons often create more problems than they solve. The most effective approach involves automated testing to identify obvious issues, followed by manual testing. Color contrast failures, unclear link text ("click here" instead of descriptive links), and improper heading structure represent the most common problems. Screen reader users navigate by jumping between headings and links, so these elements must be semantically meaningful. Reading level assessment has become equally important. The average public reads below 9th grade level, and for international audiences where English isn't the primary language, simpler sentence structure improves comprehension significantly. This benefits both human readers and automated translation tools. ## ๐Ÿ—’๏ธ Notes #### โฑ๏ธ [00:00](https://youtu.be/QUb0tAS3D2g?t=0) โ€” [H1] Introduction to WordPress accessibility - Key idea: Accessibility means helping as many people as possible access site content - Evidence: Focus on practical publisher questions about audio versions and streamlined sites #### โฑ๏ธ [02:15](https://youtu.be/QUb0tAS3D2g?t=135) โ€” [H2] Start with automated testing - Key idea: Automated testing identifies obvious problems before manual review - Evidence: "Start with automated testing and fix all of those really obvious problems first" #### โฑ๏ธ [04:30](https://youtu.be/QUb0tAS3D2g?t=270) โ€” [H3] On-server vs SaaS testing tools - Key idea: Server-based plugins avoid per-scan costs and data privacy issues - Evidence: "Our plugin is used on very large publisher websites. The largest of which is nasa.gov" #### โฑ๏ธ [07:45](https://youtu.be/QUb0tAS3D2g?t=465) โ€” [H2] Audio versions have limited accessibility value - Key idea: Blind users already have screen readers; audio players serve general usability - Evidence: "Blind people already have screen readers. They don't need features like that" #### โฑ๏ธ [10:20](https://youtu.be/QUb0tAS3D2g?t=620) โ€” [H1] Color contrast is fundamental - Key idea: Poor color contrast affects users with low vision and typical vision - Evidence: WordPress.org's blue on dark gray title "fails color contrast" #### โฑ๏ธ [12:30](https://youtu.be/QUb0tAS3D2g?t=750) โ€” [H3] Tooltip accessibility problems - Key idea: Helpful definitions can create barriers if not implemented properly - Evidence: Tool tips must be dismissible with escape key to meet WCAG standards #### โฑ๏ธ [15:15](https://youtu.be/QUb0tAS3D2g?t=915) โ€” [H2] Text-only versions can help but require caution - Key idea: Simplified versions may reduce noise but risk creating separate unequal experiences - Evidence: "Separate is not always considered equal" in accessibility lawsuits #### โฑ๏ธ [18:45](https://youtu.be/QUb0tAS3D2g?t=1125) โ€” [H1] Avoid accessibility overlays - Key idea: Widget overlays with customization buttons don't solve underlying problems - Evidence: "Most people with disabilities do not find those tools helpful" #### โฑ๏ธ [21:30](https://youtu.be/QUb0tAS3D2g?t=1290) โ€” [H2] Plugin demonstration begins - Key idea: Accessibility checker scans entire pages including headers, footers, sidebars - Evidence: Plugin flags "problems" (definite issues) and "needs review" (requires human assessment) #### โฑ๏ธ [24:00](https://youtu.be/QUb0tAS3D2g?t=1440) โ€” [H3] Fixing ambiguous anchor text - Key idea: Screen reader users navigate by listing all links on a page - Evidence: "Click here" links provide no context when listed separately #### โฑ๏ธ [28:15](https://youtu.be/QUb0tAS3D2g?t=1695) โ€” [H3] Image alt text considerations - Key idea: Empty alt text sometimes appropriate; decorative images shouldn't add noise - Evidence: Plugin flags empty alt text as "needs review" rather than automatic problem #### โฑ๏ธ [32:45](https://youtu.be/QUb0tAS3D2g?t=1965) โ€” [H2] Automated fixes for common issues - Key idea: Some problems can be resolved site-wide with single setting changes - Evidence: Link warnings can be added automatically across entire website #### โฑ๏ธ [36:30](https://youtu.be/QUb0tAS3D2g?t=2190) โ€” [H1] Reading level prominence - Key idea: General public reads below 9th grade level; content should match audience - Evidence: "Average reading level of the general public is a lot lower than many of us might realize" #### โฑ๏ธ [40:20](https://youtu.be/QUb0tAS3D2g?t=2420) โ€” [H2] International audience considerations - Key idea: Simpler language helps non-native speakers and automated translation - Evidence: "More than half your audience is probably going to be a non-native English speaker" #### โฑ๏ธ [42:15](https://youtu.be/QUb0tAS3D2g?t=2535) โ€” [H3] Theme and plugin selection importance - Key idea: Foundation accessibility comes from theme choice, not just content - Evidence: "A lot of accessibility issues can come from themes or plugins in WordPress" ## ๐Ÿ“š References - [WordPress Accessibility Meetup](https://equalizedigital.com/meetup) - [Accessibility Craft Podcast](https://accessibilitycraft.com) - [Equalized Digital Courses](https://equalizedigital.com/courses) - [Overlay Fact Sheet](https://overlayfactsheet.com) ## ๐Ÿ—ฃ๏ธ Paraphrase - Publishers should prioritize proper content creation over accessibility add-ons like audio players or overlay widgets - Automated testing tools help identify technical issues like color contrast and link problems across entire sites - Reading level matters enormously for accessibility, especially with international audiences where English isn't the primary language ## ๐Ÿ“ฐ Newsletter **WordPress Accessibility: Start with the Fundamentals** Thinking about adding an audio player or accessibility widget to help disabled users? Hold that thought. Amber Hines from Equalized Digital shares why these common approaches often miss the mark. The real wins come from automated testing that catches color contrast issues and unclear link text, plus writing at or below 9th grade reading level. Screen reader users already have the tools they need - they just need your content to be structured properly with semantic HTML and descriptive headings. Check out the free Accessibility Checker plugin to identify issues across your entire site, including themes and plugins that might be creating barriers. Resources: [Learn WordPress](https://learn.wordpress.org/), [Accessibility Checker Plugin](https://wordpress.org/plugins/accessibility-checker/), [WordPress Accessibility Meetup](https://equalizedigital.com/meetup) ## โœ… Action Items #### WordPress - Core: Integrate reading level assessment into block editor alongside accessibility checks - Accessibility: Promote automated testing tools over overlay solutions in official documentation - Themes: Establish accessibility certification program for theme directory submissions - Plugins: Review and flag plugins that create common accessibility barriers - Documentation: Create publisher-specific accessibility guidelines with practical examples - Community: Support WordPress Accessibility Meetup with official resources and promotion #### OSPO - Policy & Governance: Establish accessibility requirements for open source project contributions - Developer Support: Include accessibility training in onboarding curricula for contributors - Community Engagement: Fund accessibility-focused sprints and developer education initiatives #### DevRel - Education: Create accessibility workshops targeted at content creators and publishers - Developer experience: Integrate accessibility testing into recommended development workflows - Developer marketing: Promote accessibility as performance and SEO benefit, not just compliance ## ๐Ÿงช Hypotheses - Publishers who implement automated accessibility testing first achieve better compliance outcomes than those who start with manual audits - Content written at 9th grade reading level or below increases engagement metrics for international WordPress audiences - WordPress sites using accessibility overlays receive more legal complaints than sites focusing on semantic HTML structure - Color contrast issues represent the most common accessibility barrier across WordPress publisher sites ### ๐Ÿ“Š Methodology - Study design to test hypothesis 1: Compare accessibility audit scores before/after for sites implementing automated vs manual-first testing approaches - Data sources for hypothesis 2: Analyze reading level correlation with time-on-page and bounce rate metrics across multilingual WordPress sites - Experiments for hypothesis 3: Survey legal accessibility cases to identify patterns between overlay usage and lawsuit frequency ### โ“ Questions - How can WordPress core better surface accessibility issues during content creation without overwhelming editors? - What percentage of accessibility barriers stem from themes vs plugins vs content in typical publisher sites? - Should reading level assessment become a standard content quality metric alongside SEO scores? ### ๐Ÿ”ฎ Future Research - Develop machine learning models that can predict accessibility issues from content structure patterns - Investigate correlation between accessibility practices and site performance metrics across different publisher verticals - Study effectiveness of different accessibility training approaches for content teams ### ๐Ÿ’ก Implications - Practice: Publishers should budget for accessibility testing tools and training rather than overlay solutions - Policy: WordPress hosting providers could differentiate by including accessibility scanning in their offerings - Education: Content management training programs need accessibility modules focused on semantic HTML and reading level - Funding: Grant programs should prioritize accessibility improvements in open source CMS development ### ๐Ÿง  Learning Styles Assessment Reading level estimate: 10th Grade (Flesch-Kincaid) #### ๐Ÿ‘€ Visual learners - Present: Plugin interface screenshots, color contrast examples, tooltip demonstrations - Improve: Add accessibility tree visualizations, before/after design comparisons #### ๐Ÿ”Š Aural learners - Present: Full podcast conversation with practical examples - Improve: Audio summaries of key plugin features and setup steps #### ๐Ÿ—ฃ๏ธ Verbal learners - Present: Clear definitions of screen readers, WCAG, semantic HTML - Improve: Accessibility terminology glossary, analogies for technical concepts #### ๐Ÿงฉ Kinesthetic learners - Present: Step-by-step plugin demonstration, hands-on accessibility fixes - Improve: Interactive accessibility audit checklist, sandbox testing environment #### ๐Ÿง  Logical learners - Present: Problem categorization (problems vs needs review), systematic fix approach - Improve: Decision trees for accessibility prioritization, metrics dashboards #### ๐Ÿง‘โ€๐Ÿคโ€๐Ÿง‘ Social learners - Present: WordPress Accessibility Meetup community, collaborative problem-solving - Improve: Peer review guidelines, accessibility mentorship programs #### ๐Ÿง˜โ€โ™€๏ธ Solitary learners - Present: Self-guided plugin exploration, individual content audits - Improve: Personal accessibility learning paths, self-assessment tools #### ๐ŸŒฟ Naturalistic learners - Present: Accessibility ecosystem overview, interconnected web standards - Improve: Systems thinking about digital inclusion, environmental metaphors ### ๐Ÿ“Š Accessibility Assessment #### Screen reader semantics - Present: Discussion of proper heading structure, link semantics, alt text - Improve: Add ARIA landmark examples, semantic HTML templates #### Keyboard navigation - Present: Focus on logical tab order, escape key functionality - Improve: Include keyboard navigation testing checklist #### Contrast and readability - Present: Specific color contrast examples, contrast checker tool demonstration - Improve: Add contrast ratio guidelines table, visual examples #### Text resizing and reflow - Present: Reading level assessment, simplified content discussion - Improve: Include responsive text sizing examples #### Media and captions - Present: Brief mention of video captions helping non-native speakers - Improve: Add comprehensive media accessibility guidelines #### Forms and interactions - Present: Link warning implementations, tooltip accessibility - Improve: Include form labeling best practices, error handling examples #### Standards reference - Content aligns with WCAG 2.1 AA guidelines for color contrast, keyboard access, and semantic structure ### ๐ŸŒ DEIB Assessment #### Cultural breadth - Present: Discussion of international audiences, non-native English speakers - Improve: Include examples from diverse publisher contexts globally #### Inclusive language - Present: Plain language emphasis, grade level considerations - Improve: Add inclusive terminology guidelines for accessibility discussions #### Neurodiversity support - Present: Reading level assessment, content structure emphasis - Improve: Include specific dyslexia considerations, cognitive load discussion #### Representation - Present: Diverse accessibility needs discussion beyond visual disabilities - Improve: Include examples of neurodivergent content creators, varied use cases #### Psychological safety - Present: Non-judgmental approach to accessibility learning - Improve: Add guidance for creating inclusive accessibility feedback processes ### โœ… Logical Validity #### Strong reasoning - Deductive strength: Clear progression from automated testing to manual review aligns with established accessibility methodology - Inductive strength: Examples from NASA.gov and large publishers support scalability claims - Causal reasoning: Connection between semantic HTML and screen reader navigation is well-established - Analogical strength: Comparison between accessibility overlays and AMP implementation effectively illustrates similar problems #### Fallacies - Appeal to authority: NASA.gov usage cited as evidence without performance metrics - False dilemma: Presents choice between proper implementation vs add-on tools without acknowledging hybrid approaches #### Tone of voice - Overall tone: Practical and educational, emphasizing solutions over problems with specific actionable examples ### ๐Ÿ›ก๏ธ DARVO Analysis - Deny: No denial patterns present - Attack: No attacks on accusers present - Reverse victim/offender: No victim/offender reversals present - Emotional cues and rhetoric: Positive framing focuses on benefits rather than fear-based compliance messaging ## ๐ŸŽฏ Conclusion Effective accessibility for publishers starts with automated testing to identify technical issues, proper semantic HTML structure, and content written at appropriate reading levels. Add-on solutions like audio players or overlay widgets often don't help their intended audiences and can create additional barriers. The most impactful investments involve choosing accessible themes, training content teams on semantic markup, and implementing systematic testing workflows that catch problems before publication. ## ๐Ÿงฑ Refactor Appendix ### ๐Ÿ“š Literature Split Pad ### [H1] Automated accessibility testing identifies problems before manual review > [!quote] [What Publishers Need to Know About Web Accessibility](https://youtu.be/QUb0tAS3D2g) by [[Amber Hines]] --- ## Full Transcript [00:00] Hey and welcome to the Publish Press<br>[00:01] podcast. I'm Steve Burge and in this<br>[00:03] episode I'm talking with Amber Hines<br>[00:05] from Equalized Digital. Now Amber is an<br>[00:08] accessibility expert in WordPress.<br>[00:11] Basically that means she helps as many<br>[00:13] people as possible read the content on<br>[00:15] your site. We get into some specific<br>[00:18] questions I've had from publishers over<br>[00:20] the last couple of years. For example,<br>[00:22] should I have an audio version of my<br>[00:24] content? Is that going to help more<br>[00:26] people access my site? or should I have<br>[00:28] a light version of the site where we<br>[00:31] strip away all the design and simply<br>[00:32] have the text? Amber's an expert on<br>[00:35] these topics and so we talked to her<br>[00:37] about how a publisher should best set up<br>[00:40] their site to be as accessible as<br>[00:42] possible for as many people as possible.<br>[00:52] >> Hey Amber, welcome to the Publish Press<br>[00:54] podcast.<br>[00:55] >> Thanks for having me. I'm glad to be<br>[00:56] here. Steve.<br>[00:57] >> So, Amber, you work with a lot of<br>[01:00] publishers, a lot of people that put out<br>[01:02] a lot of content, and before we got on<br>[01:05] the episode, we were taking a look at<br>[01:08] WordPress.org, just as a as an example<br>[01:11] of someone that puts out a lot of<br>[01:13] content. Um, it could be similar to a<br>[01:16] government website, a university<br>[01:17] website, a newspaper website, a lot of<br>[01:20] content, a few images.<br>[01:23] How do you start by giving someone<br>[01:26] advice to make content like this<br>[01:28] accessible? What's the what are the big<br>[01:31] picture things that people need to think<br>[01:32] about?<br>[01:33] >> There's a lot of things that makes it a<br>[01:36] little bit hard for me to be like do<br>[01:37] this one, two or three things, but so<br>[01:39] what I would say high level to kind of I<br>[01:42] guess promote my own thing a little bit,<br>[01:44] not too much, but we have a plugin for<br>[01:47] WordPress called accessibility checker.<br>[01:50] Equalize digital accessibility checker.<br>[01:51] There's a free version on WordPress.org.<br>[01:54] Um, and that when it's installed on a<br>[01:58] website, uh, gives you some really great<br>[02:01] automated tests. We have more than 40, I<br>[02:04] think almost 50 now that flag problems.<br>[02:09] So, I would always say start with<br>[02:12] automated testing and<br>[02:15] fix all of those really obvious problems<br>[02:18] first. And then from there, you want to<br>[02:20] make sure that you're doing some manual<br>[02:22] testing or maybe even bringing in people<br>[02:24] with disabilities who use assistive<br>[02:26] technology to test the website.<br>[02:30] >> So, the automated testing is done with<br>[02:33] an external tool. Um, I know we've had<br>[02:36] people use our plugins who have sent us<br>[02:38] a report and said, "You need to fix, you<br>[02:41] know, X, Y, and Z." They've run some<br>[02:44] automated testers and they've got a<br>[02:46] spreadsheet of of issues they can send<br>[02:49] to us.<br>[02:51] >> Yeah. So, our plug-in is actually kind<br>[02:54] of unique in that it's not an external<br>[02:58] SASbased service that scans the website.<br>[03:01] It runs directly on the WordPress<br>[03:03] servers. Now, the huge benefit of this<br>[03:06] is twofold. Number one, you don't have<br>[03:09] to pay per scan or per page that you're<br>[03:12] auditing like you have to do with a lot<br>[03:14] of those SASbased services. So our<br>[03:17] website is used on very large publish or<br>[03:20] our plug-in is used on very large<br>[03:22] publisher websites. The largest of which<br>[03:23] is nasa.gov<br>[03:25] which has millions of pieces of content<br>[03:28] that have to be scanned for<br>[03:30] accessibility. Um, and so it it can be<br>[03:34] used to really help reduce cost on your<br>[03:38] automated accessibility testing. Also,<br>[03:40] it has that benefit because the scans<br>[03:42] are on your server. All of your data<br>[03:44] stays on your server, which I know a lot<br>[03:46] of publishers get wary um particularly<br>[03:49] if they are publishing member-based<br>[03:51] content where only certain users are<br>[03:53] supposed to have access. Um, that data<br>[03:55] does stay on your own servers. It's not<br>[03:57] being sent off somewhere via an API.<br>[04:00] So, there's a bunch of SAS services out<br>[04:02] there that I think often they work on a<br>[04:05] not exactly a blackmail basis, but they<br>[04:08] say, "Look at the cost of these<br>[04:10] potential lawsuits. You might be you<br>[04:13] might fall victim, too, if your site's<br>[04:14] not accessible. Hey, you pay us $1,000 a<br>[04:17] month. It seems like a bargain in<br>[04:18] comparison."<br>[04:19] >> Yeah. Fear. They use fear to sell their<br>[04:22] crawler crawling. Um, we try, you know,<br>[04:25] obviously there is some reality to that<br>[04:28] fear and I acknowledge that, but I try<br>[04:30] to be a little bit more positive in my<br>[04:32] marketing and talk about the benefits of<br>[04:34] accessibility. Um, because there is a<br>[04:37] lot of overlap there, especially with<br>[04:39] search engine optimization and ranking<br>[04:42] and conversion optimization, getting<br>[04:44] people to opt in or take the actions<br>[04:46] that you want them to take on your<br>[04:47] website. Uh, where, you know,<br>[04:50] accessibility really can help with that.<br>[04:52] Um, so we kind of try and differentiate<br>[04:54] ourselves in that way.<br>[04:55] >> Okay. So you've got some external SAS<br>[04:57] services. You've got the option of a<br>[05:00] plug-in running on WordPress.org.<br>[05:03] If you take a look at um a a site like<br>[05:08] um say WordPress.org, we have a post up<br>[05:11] here. Are there any obvious things that<br>[05:14] people can do to<br>[05:16] make a post like this more accessible?<br>[05:19] For example, I've seen some publishers<br>[05:21] recently add audio versions of the<br>[05:23] articles. And I think this can be done<br>[05:26] almost at zero cost nowadays. You can<br>[05:29] generate an automatic um Amazon an<br>[05:32] Amazon voice to to read the post for<br>[05:36] you. Is something like that helpful? So<br>[05:39] I think having an audio player as long<br>[05:42] as it is an accessible audio player that<br>[05:45] uses correct buttons and correct<br>[05:47] semantic HTML so that it can be played<br>[05:50] by someone who relies on assistive<br>[05:52] technology can be beneficial. I know.<br>[05:55] Literally this morning I was emptying my<br>[05:58] dishwasher and I listened to the audio<br>[06:01] version of an article on NPR's website<br>[06:05] >> because I wanted to consume the content,<br>[06:08] but I was emptying my dishwasher. So, it<br>[06:11] can be very beneficial to a lot of<br>[06:14] users. But that said, I wouldn't think<br>[06:17] that I need to add audio versions or the<br>[06:21] ability to have it read to me to a<br>[06:23] website to help blind people, for<br>[06:25] example, because blind people in order<br>[06:27] to even get on your website have to be<br>[06:29] using a screen reader because that's the<br>[06:30] way they use their computer, period. And<br>[06:33] so, they could just tell their screen<br>[06:34] reader to read them that article. So,<br>[06:36] you're actually not going to be helping<br>[06:38] someone who's blind uh with that<br>[06:40] feature. I think people think, "Oh, do<br>[06:42] that. It helps blind people." But blind<br>[06:43] people already have screen readers. They<br>[06:45] don't need features like that.<br>[06:46] >> Okay. So there may be another small<br>[06:47] group maybe people with say partial<br>[06:50] vision. Um people who are doing the<br>[06:53] laundry or doing the dishwasher. Um<br>[06:57] >> but it's not a strict accessibility tool<br>[07:00] and<br>[07:00] >> no not particularly necessary.<br>[07:02] >> It's not as much as we like to think it<br>[07:03] is. I think it's just general usability<br>[07:05] or allowing your content to reach more<br>[07:08] people and it's a great practice to do.<br>[07:11] Uh, it's just not necessarily like the<br>[07:13] first thing I would say. Like if I I<br>[07:16] look at that article that you pulled up<br>[07:18] on WordPress.org,<br>[07:20] the first thing that I saw immediately,<br>[07:22] which I know our accessibility checker<br>[07:24] plugin would flag, is that the title,<br>[07:28] the make WordPress core title, uh,<br>[07:32] that's a blue on a dark gray background.<br>[07:36] I'm pretty sure that fails color<br>[07:37] contrast. then our plugin would have<br>[07:38] flagged that if they were using that,<br>[07:40] which it's very difficult for a lot of<br>[07:42] people with low vision or potentially<br>[07:45] even typical vision to be able to see<br>[07:47] that. So, I would look at that as<br>[07:50] something to fix. Like maybe we need to<br>[07:52] adjust these colors a little more to<br>[07:54] make sure we have good color contrast.<br>[07:57] There's a whole other can of worms on<br>[07:59] these particular articles because they<br>[08:01] use tool tips. If you were to hover over<br>[08:03] beta for example,<br>[08:06] um, we get a extra little popup that<br>[08:11] shows up that explains beta. I haven't<br>[08:14] tested this, but I would love to test<br>[08:15] this and make sure does a screen reader<br>[08:17] user have access to all this information<br>[08:21] in the popup. Um, this does actually<br>[08:23] fail WIKG because there's supposed to be<br>[08:26] a feature on these where if you hover<br>[08:29] over something and a tool tip pops up<br>[08:32] that covers other content, you need to<br>[08:34] be able to dismiss it without moving<br>[08:36] your mouse. So, typically that means<br>[08:37] hitting the escape key. And right now,<br>[08:39] if you press the escape key, you'll<br>[08:40] notice the pop-up does not go away. Um,<br>[08:44] and and it's interesting these kind of<br>[08:46] helpful things. A lot of publishers are<br>[08:48] starting to add those to their content.<br>[08:50] And they are maybe a nice way of<br>[08:52] thinking, I'm going to make it more<br>[08:53] accessible because I'm going to add a<br>[08:54] definition for people who don't<br>[08:55] understand what beta means or what<br>[08:57] release candidate means in the context<br>[09:00] of my article. Uh, but if they're not<br>[09:03] implemented, well, then they can<br>[09:04] actually cause more problems. So, I<br>[09:06] often find myself going back and forth<br>[09:09] with the um the people on our team who<br>[09:12] design our plugins about the color<br>[09:14] accessibility because<br>[09:17] they often go for something that looks<br>[09:19] really cool or<br>[09:21] they're younger and they just have<br>[09:23] better eyesight than I do. And so, um,<br>[09:26] we will often use a tool such as such as<br>[09:29] this contrast checker to make sure the<br>[09:32] buttons on our plugins have clear<br>[09:35] contrast of the text on the buttons. I<br>[09:37] often find ourselves failing this in the<br>[09:39] first version of the plug-in and having<br>[09:40] to go back and and check to make sure<br>[09:42] the color contrast is good enough.<br>[09:45] Um I if you take a look at um a<br>[09:50] publishers's website, does it help to<br>[09:52] have a texton version or a light version<br>[09:55] that strips away the header, the footer,<br>[09:58] and all the extraneous content?<br>[09:59] >> So this is something I think both the AP<br>[10:03] News and maybe NPR's website do. They<br>[10:06] have texton versions. I think it could<br>[10:10] probably help assuming the texton<br>[10:14] version has proper HTML semantics and<br>[10:18] depending on how it's generated. Uh if<br>[10:20] your images and icons and things like<br>[10:23] that are<br>[10:25] definitely decorative. Uh then if<br>[10:28] they're not done properly, they could<br>[10:30] add a lot of noise and just straight up<br>[10:31] removing them could potentially be<br>[10:33] helpful. Uh sometimes on the texton<br>[10:36] versions we see publishers actually<br>[10:38] don't put ads on them which is<br>[10:40] interesting because I'm like maybe they<br>[10:42] make less revenue when you read that<br>[10:43] version but that also could be reducing<br>[10:46] noise and getting people with<br>[10:49] disabilities the content without having<br>[10:51] to go past all of those ads. Um so I<br>[10:56] think it could be beneficial. What you<br>[10:58] have to be careful of is twofold. Uh,<br>[11:01] one is that you don't really want to<br>[11:04] create a totally alternative site if<br>[11:06] you're removing any information that is<br>[11:09] important or vital information. There<br>[11:12] have been accessibility lawsuits in the<br>[11:14] United States that have found that those<br>[11:17] alternatives<br>[11:19] separate is not always considered equal.<br>[11:22] And so you need to make sure that you<br>[11:24] are not removing important things. Um,<br>[11:28] and then the other thing on that would<br>[11:30] be you don't want to add an overhead of<br>[11:34] management burden to your content team<br>[11:36] where instead of having to edit<br>[11:38] something on one page, they now have to<br>[11:40] edit it on two. So, I would try to look<br>[11:42] at ways, you know, are there WordPress<br>[11:44] plugins that would help you generate<br>[11:45] this version or would just take your<br>[11:48] current website and remove everything if<br>[11:52] they turn on this feature rather than<br>[11:55] having two websites to maintain or which<br>[11:59] I don't know potentially you could be<br>[12:01] causing access or SEO issues for<br>[12:04] yourself if your two websites are<br>[12:06] fighting each other for ranking because<br>[12:08] they have the same content. So, I I<br>[12:10] would think carefully about how you do<br>[12:12] it. I do think there are ways that it<br>[12:13] could be beneficial. Yes.<br>[12:16] >> Yeah. I remember the AMP era, the Google<br>[12:18] AMP era of having a either a separate<br>[12:22] version or a streamlined version of your<br>[12:25] main site and that was just an enormous<br>[12:28] pain.<br>[12:29] >> That was that was<br>[12:31] >> and they found that it hurt publishers<br>[12:32] more than it helps them.<br>[12:34] >> Yes. Okay. Okay. So, what I'm hearing<br>[12:36] from you is<br>[12:38] getting some of these extra tools such<br>[12:41] as an audio reader or a streamline<br>[12:45] version. Getting extra tools added to<br>[12:47] your website is really not as helpful as<br>[12:51] actually publishing your content<br>[12:53] correctly the first time.<br>[12:56] That<br>[12:57] >> yes,<br>[12:57] >> you you're better off spending your time<br>[12:59] making sure that what's inside your<br>[13:00] WordPress editor is done right. And<br>[13:03] that's going to be more helpful than any<br>[13:04] extra tools you can use.<br>[13:07] >> For sure. Yeah. And I it's worth<br>[13:09] mentioning there it's probably been an<br>[13:13] increase in what's called accessibility<br>[13:15] overlay use on publisher websites. And<br>[13:18] people can typically see an<br>[13:19] accessibility overlay because it adds a<br>[13:21] little badge to the front left or right<br>[13:24] bottom corner that looks like a person<br>[13:26] in a wheelchair maybe or an<br>[13:28] accessibility icon. And when you click<br>[13:29] it, it opens up this whole set of tools<br>[13:32] where it's like increase the contrast,<br>[13:34] make the font size bigger, a lot of<br>[13:36] different things. And that would fall<br>[13:37] under that same category of things that<br>[13:39] I would advise against doing. Um there's<br>[13:42] a great website called the overlay fact<br>[13:44] sheet that has a lot of information<br>[13:46] about these tools, including user<br>[13:50] um experiences with them. Most people<br>[13:52] with disabilities do not find those<br>[13:54] tools helpful. There have been actually<br>[13:56] an increase in lawsuits against websites<br>[13:59] that already use these tools. And so I<br>[14:02] would definitely recommend if you're<br>[14:03] considering using one or you already<br>[14:05] have one to go read more on this overlay<br>[14:08] fact sheet website that we have up on<br>[14:09] the screen right now because it does<br>[14:12] provide a lot of information about the<br>[14:15] difficulties with these tools and<br>[14:17] whether or not they actually work. Um,<br>[14:19] there is actually a class action lawsuit<br>[14:22] here in the United States against one of<br>[14:23] these tools from business owners that<br>[14:25] had it on their website and they got<br>[14:27] sued anyway. Ouch.<br>[14:28] >> Um, so it it didn't reduce legal risk<br>[14:32] >> and it doesn't necessarily fix<br>[14:34] accessibility problems. So, it is so<br>[14:36] much better to just make sure you're<br>[14:38] following best practices when you enter<br>[14:40] the content on your website.<br>[14:42] >> Okay, so no shortcuts. It's probably<br>[14:44] going to be quicker and cheaper to<br>[14:47] actually publish right the first time.<br>[14:50] >> Correct.<br>[14:51] >> So, the last couple of days before I<br>[14:52] knew you were coming on the podcast, I<br>[14:55] installed it, the accessibility checker<br>[14:57] plugin, and have been playing around<br>[15:00] with it. Um, let me bring it up. I have<br>[15:04] a<br>[15:05] uh a sample post with the accessibility<br>[15:08] checker plugin. Um, we have the block<br>[15:12] editor here and the accessibility<br>[15:14] checker is up there in the top right<br>[15:18] corner and can you talk me through it a<br>[15:21] little bit? We've got a sidebar with<br>[15:24] some some problems, some needs review<br>[15:27] with the reading level. Can you talk me<br>[15:29] through what I should be looking for?<br>[15:31] >> Sure. So, accessibility checker, it's<br>[15:35] good to know that it scans your entire<br>[15:38] page. So, not just the content area,<br>[15:41] which you're going to be able to edit<br>[15:42] here. It will scan the header, the<br>[15:45] footer, sidebars, any sort of other<br>[15:48] areas that are created by the theme or<br>[15:51] maybe by third party plugins that have<br>[15:52] been added. So, it'll give you a full<br>[15:54] accessibility audit of the whole page.<br>[15:57] So, when you are looking at<br>[15:59] accessibility checker, it's going to<br>[16:02] tell you problems. These are things that<br>[16:04] we can definitively tell with a code<br>[16:08] review that this is something that is<br>[16:10] bad for accessibility. And then we have<br>[16:12] need review items. And these are items<br>[16:15] that may be a problem or may not be a<br>[16:17] problem, but a human has to assess them<br>[16:20] and figure this out. Um, and basically<br>[16:25] what you would do, I typically recommend<br>[16:27] looking at problems first. So if you<br>[16:29] wanted to, you can either click that<br>[16:31] problems tile or you've already done<br>[16:33] this. There's an accordion for<br>[16:34] accessibility analysis and then in that<br>[16:37] there's a problems tab. So we could look<br>[16:39] at the very first issue here is<br>[16:41] ambiguous anchor text. And when we<br>[16:43] expand that there's one item and you<br>[16:46] click the item title, it'll open a<br>[16:47] modal. I frequently if you're not sure<br>[16:50] where this click here sentence is, then<br>[16:52] what I would do is click that view on<br>[16:55] page link. And what that will do is open<br>[16:59] your article in a new tab.<br>[17:01] >> Ah, cover.<br>[17:02] >> And uh I'm not sure if we're gonna be<br>[17:05] able to see it. There we go. And it will<br>[17:06] highlight it and help you find the issue<br>[17:09] right on the post. So in this case,<br>[17:12] we're saying, hey, you really need to<br>[17:14] have a link that means something. Uh the<br>[17:17] reason why is people who are blind, they<br>[17:20] use a lot of different shortcuts in<br>[17:22] their screen readers to navigate<br>[17:24] websites. Just like you and I don't read<br>[17:26] a whole every word on every page of<br>[17:28] every website we visit. They don't want<br>[17:30] to listen to every word of every page.<br>[17:31] So they will do things like open up a<br>[17:34] keyboard shortcut that reads them all<br>[17:36] the links on a page and then they could<br>[17:38] follow one. So obviously if a link says<br>[17:41] click here, they don't know what here<br>[17:44] goes to or why they would want to click<br>[17:46] it. So my recommendation for the author<br>[17:48] of this would be like let's say that was<br>[17:50] a link over for B2 cafe log, right?<br>[17:54] Instead of linking click here right<br>[17:55] after that, we'd we'd fix our content to<br>[17:58] actually link on the meaningful text,<br>[18:01] right? And we could do that if you want<br>[18:04] to look at it and show how it rescans.<br>[18:08] >> Sure. uh take me through it. What would<br>[18:10] I do next in order to fix this?<br>[18:13] >> So go back to your tab with the editor<br>[18:17] and that click here link should be in<br>[18:18] your first paragraph. So we can close<br>[18:20] out the issue modal and then we'll find<br>[18:22] our click here and this is just an<br>[18:26] example. So it's going to wordpress.org.<br>[18:29] So you could extend this sentence<br>[18:31] and you could just say click here to<br>[18:33] visit WordPress.org or something like<br>[18:35] that. You know, obviously if this were<br>[18:38] longer, you'd want to uh make sure that<br>[18:41] the sentence makes sense in your<br>[18:44] paragraph, but since we're just doing an<br>[18:45] example, we'll do that.<br>[18:48] So now, if we if you save the post,<br>[18:53] that will fix it on the front end of<br>[18:55] your website and that triggers<br>[18:57] accessibility checker to rescan. And<br>[18:58] that problem has gone away. So we have<br>[19:02] fixed that.<br>[19:04] And on the front end, you can see now<br>[19:07] that that problem is no longer there and<br>[19:10] being flagged.<br>[19:11] >> It looks like we've got more problems<br>[19:13] highlighted.<br>[19:15] >> Mhm.<br>[19:17] >> You can also click on those buttons. So,<br>[19:19] there's one on an image and click that.<br>[19:21] And what it does is it tells you, oh,<br>[19:23] your image has empty alternative text.<br>[19:26] And this is on the front end it says<br>[19:28] warning. We're in the middle of<br>[19:29] transitioning our text. But on the back<br>[19:31] end, um, it's going to say needs review.<br>[19:35] So if we were to go back on the back end<br>[19:38] and<br>[19:40] you would see this under the needs<br>[19:41] review tab in the accessibility<br>[19:43] analysis,<br>[19:44] image empty alternative text. So that's<br>[19:47] where that issue is. Um, now the reason<br>[19:50] why this needs review is sometimes it is<br>[19:52] correct for images not to have<br>[19:54] alternative text. In this case, I would<br>[19:57] say we probably want to add alternative<br>[19:59] text. And you could do that if you were<br>[20:01] to go to the block sidebar. Um, there's<br>[20:03] going to be a place for you to write<br>[20:05] alternative text here describing the<br>[20:08] image. You don't typically want to put<br>[20:09] this is a photo of only because a screen<br>[20:12] reader is going to you could do that,<br>[20:15] but I'm I am pretty sure that our<br>[20:18] plug-in would then warn you you've<br>[20:19] written not good alternative text, so<br>[20:22] you'd trade one issue for another one.<br>[20:24] Um, but what is maybe worth looking at.<br>[20:29] So you've saved it. You could go back to<br>[20:31] the accessibility checker report now and<br>[20:33] you should see that issue is gone. So<br>[20:36] our needs review is only five and that's<br>[20:38] no longer there. Um,<br>[20:41] so that's kind of a high level on how<br>[20:43] you use it. You could also do things<br>[20:48] like um you can dismiss issues. So some<br>[20:51] of these needs review depending upon<br>[20:53] what they are. Um you could dismiss<br>[20:57] them. Our link opens new windows tab<br>[20:59] actually has an apply fix. So some<br>[21:02] problems we have automated fixes for.<br>[21:04] You could click apply fix under this<br>[21:06] issue and this gives you the option of<br>[21:09] doing two things for this particular one<br>[21:11] is you could either stop all links from<br>[21:14] opening new windows and toggle that on<br>[21:16] and it will fix it across your entire<br>[21:18] website or let's say you really want<br>[21:21] that behavior then the solution is to<br>[21:23] warn people. So, we could instead add a<br>[21:26] warning when link opens a new window or<br>[21:29] tab, and that will put an icon and a<br>[21:33] screen reader alert that warns them. So,<br>[21:36] they know that their back button will no<br>[21:38] longer work once they click this link.<br>[21:40] They'll have to close the tab to get<br>[21:42] back. They can't use the back button in<br>[21:43] the browser, which is why you want the<br>[21:45] warning there so they know how to return<br>[21:47] to the website.<br>[21:48] >> I'll give that a little test.<br>[21:51] >> Yeah. Did you turn on both or just one?<br>[21:55] Uh, both.<br>[21:56] >> Okay. So, they're going to cancel each<br>[21:58] other out.<br>[21:59] >> Oh, that's true. Okay.<br>[22:00] >> So, if you if you want to see the<br>[22:02] warning, then we'll have to turn off the<br>[22:05] fix, which you are now going to find.<br>[22:08] It's probably gone now. So, you'd have<br>[22:10] to go to accessibility checker settings<br>[22:11] and turn off the fix for blocking<br>[22:16] links from opening in new tabs. So,<br>[22:18] under accessibility checker settings,<br>[22:20] there's a fixes tab up at the top. And<br>[22:23] then if we scroll down, so you can see<br>[22:25] we have a lot. Yeah, I'd uncheck the<br>[22:26] block links and then hit save at the<br>[22:28] very bottom. So these are all of our<br>[22:29] automated fixes that we have introduced.<br>[22:32] So now if we go back to your blog post<br>[22:36] and you might need to refresh it without<br>[22:38] the parameters on the URL or just view<br>[22:40] it on the front end if you want to see<br>[22:42] the warning. Uh do you know where that<br>[22:44] link was? We didn't check first to see<br>[22:45] where that link was that opened in a new<br>[22:47] tab.<br>[22:48] >> No, that's true. Okay. But um I should<br>[22:50] now be getting a a warning if I go to<br>[22:52] Yeah. So there there would be a visible<br>[22:54] one. It won't show an accessibility<br>[22:56] checker warning because you've solved<br>[22:58] that problem. So that issue is now gone<br>[23:00] from an accessibility checker<br>[23:01] perspective. But if you scroll down,<br>[23:03] maybe it's at the bottom in the footer.<br>[23:05] We could look and see. There we go. See<br>[23:07] that GPL?<br>[23:08] >> Oh, there we go.<br>[23:09] >> So what that fix did was it added the<br>[23:12] icon that tells us for a cited person.<br>[23:15] And then it also added a tool tip just<br>[23:17] in case someone doesn't understand what<br>[23:19] the icon means. So maybe somebody that<br>[23:22] has learning disabilities or isn't an<br>[23:25] expert on the web, like a older person,<br>[23:27] they might not know what that icon<br>[23:28] means. So that's why we have the tool<br>[23:30] tip. And then for screen reader users,<br>[23:32] it would also say opens a new window. So<br>[23:35] that's what that fix did right there.<br>[23:37] And and the cool thing about that fix is<br>[23:40] because it does it across your entire<br>[23:41] website is let's say you had that link<br>[23:45] in your header or your footer and it was<br>[23:47] on every single page. It would have<br>[23:49] fixed that problem on every single page.<br>[23:51] So you wouldn't see it in accessibility<br>[23:52] checker reports anymore.<br>[23:54] >> So the checker works just as much on the<br>[23:56] front end of the site as it does in the<br>[23:58] admin area. You can keep on clicking<br>[24:00] through using the the modal in the in<br>[24:04] the bottom right corner looking for more<br>[24:05] issues trying to fix each issue in the<br>[24:09] post.<br>[24:10] >> Yep, that's correct. And I would say a<br>[24:12] lot of content authors like this view<br>[24:14] better than the sidebar view. The<br>[24:16] sidebar view is a little bit more<br>[24:18] technical. Um, and we're continuing to<br>[24:21] work on um improving this front-end<br>[24:24] view, but it does allow you to click<br>[24:27] through and see all of your issues from<br>[24:29] top to bottom in a front-end view.<br>[24:32] >> Yeah, we've got some plugins that have a<br>[24:34] lot of content kind of like<br>[24:36] accessibility checker and it's not easy<br>[24:39] to squeeze all that information into the<br>[24:40] sidebar there.<br>[24:42] >> It is really hard. So, we have in<br>[24:45] classic editor, we have a metab box and<br>[24:48] there is an ability to turn the metab<br>[24:49] box on for the block editor, but this<br>[24:54] sidebar, I think it it's nice because it<br>[24:56] can be next to your content instead of<br>[24:58] having to be down at the bottom like the<br>[24:59] metab box. You don't have to scroll up<br>[25:00] and down as much. Um, and and that is<br>[25:03] why though we introduced the modals<br>[25:05] because it was impossible to put<br>[25:07] everything in the sidebar. So, some of<br>[25:08] them do open in accessible modals as<br>[25:11] well. So you have the technical issues<br>[25:15] um all the way through the post but<br>[25:17] almost on the same level as the<br>[25:20] technical issues we have the reading<br>[25:22] level of the post as well. Why have you<br>[25:25] put that in such a prominent place in<br>[25:27] the post? Why does it matter so much<br>[25:29] what the reading level of your content<br>[25:31] is?<br>[25:32] >> So there's a lot of data actually that<br>[25:35] show that the average reading level of<br>[25:39] the general public is a lot lower than<br>[25:42] many of us, you know, who are<br>[25:44] professionals or professional<br>[25:47] copywriters might realize. Uh it it is<br>[25:51] recommended<br>[25:52] as a best practice that if you're<br>[25:54] publishing content for the general<br>[25:56] public, which especially would come into<br>[25:58] play if you are publishing just like<br>[26:01] general marketing or any sort of content<br>[26:04] for like a government website that's<br>[26:06] targeting constituents in an area and<br>[26:09] it's just general public. you don't know<br>[26:11] who they are that your content needs to<br>[26:13] be at a reading level that is below the<br>[26:16] ninth grade equivalent in the US but<br>[26:18] basically<br>[26:20] not college level reading. Um and so we<br>[26:24] have decided to make very prominent what<br>[26:27] the reading level is so that people can<br>[26:30] make sure they are creating content that<br>[26:33] is easy to consume by most people. Um,<br>[26:39] we use a flesh concaid grade level check<br>[26:42] and that puts there. There is also a web<br>[26:45] content accessibility guideline AAA<br>[26:48] guideline which says if you're writing<br>[26:50] content that is higher than this grade<br>[26:52] level, you should provide a simplified<br>[26:54] summary. And our plug-in does in the<br>[26:57] sidebar have a space where you could<br>[26:59] write a simplified summary and then it<br>[27:02] would output it like above the post or<br>[27:04] below. you can choose where you want it<br>[27:06] to show and it will also grade level<br>[27:09] check that for you to make sure that<br>[27:11] you've hit the guideline. So if you want<br>[27:13] to go above and beyond that can be<br>[27:16] really helpful um to meet that AAA<br>[27:19] success criterion.<br>[27:20] >> We have a family member who is 80 plus<br>[27:23] now and just told us the other day that<br>[27:26] they've been dyslexic their whole life<br>[27:28] and had just flagged it.<br>[27:30] >> They've not been able to realize<br>[27:32] initially that that's what they were.<br>[27:34] Yeah. they kind of said in their 20s, in<br>[27:37] their 30s, they came to that realization<br>[27:40] and had just managed to find workarounds<br>[27:43] to every issue that came up in their<br>[27:45] life to avoid reading. Um, and I guess<br>[27:48] the other way to think about it is<br>[27:50] perhaps that we're talking for an<br>[27:52] international audience often. And<br>[27:56] for probably more than half of the<br>[27:59] people reading our content, unless<br>[28:01] you're like a local news publisher aimed<br>[28:03] at a certain region, which is in an<br>[28:05] English-speaking country, if you're<br>[28:07] talking WordPress, if you're talking<br>[28:09] technical stuff, more than half your<br>[28:11] audience is probably going to be a<br>[28:12] non-native English speaker.<br>[28:13] >> And yeah, easier to read sentences are<br>[28:16] definitely very helpful for them. I'll<br>[28:19] say accessibility in general is very<br>[28:21] helpful for uh non-native speakers. So<br>[28:25] beyond the reading level, having that<br>[28:28] good semantic HTML, making sure you have<br>[28:31] headings that are used appropriately and<br>[28:34] break up content makes it a lot easier<br>[28:36] for people to understand different<br>[28:38] sections of an article. Um, it also<br>[28:41] makes it easier for automated<br>[28:42] translation tools, uh, and videos as<br>[28:46] well. Putting captions on videos, it<br>[28:49] helps people who are deaf or heart of<br>[28:51] hearing, but if someone's not a native<br>[28:52] speaker, sometimes being able to see the<br>[28:55] words at the same time that they hear<br>[28:56] them can help them to better comprehend<br>[28:59] what's being said in a video.<br>[29:01] I hadn't thought about it from a AI<br>[29:03] point of view that the more the more<br>[29:06] convoluted your sentences are, the more<br>[29:08] the more complex you write perhaps the<br>[29:10] more open you are being to being<br>[29:12] misunderstood even by an intelligent<br>[29:14] machine.<br>[29:16] >> Mhm.<br>[29:17] >> Um<br>[29:19] that's awesome. Um is there anything<br>[29:21] else we're we're missing that we looked<br>[29:25] at some of the automated tools that are<br>[29:26] available? um adding an audio<br>[29:30] transcription, uh adding a simplified<br>[29:33] version of your site. Generally, that's<br>[29:35] not a great idea. Your your best<br>[29:37] approach is to have something that sits<br>[29:39] on your website and pinpoints the<br>[29:42] problems one by one that you can solve<br>[29:44] them. Do you have any other advice for<br>[29:47] someone that's publishing a lot of text<br>[29:49] content, a um a publisher, a government<br>[29:52] or university organization? Is there<br>[29:55] anything else they should be thinking<br>[29:56] about? So, I would say in general, you<br>[29:58] really want to make sure that your theme<br>[30:02] that you select is accessible. A lot of<br>[30:05] accessibility issues can come from<br>[30:07] themes or plugins in WordPress. So,<br>[30:10] being very thoughtful about how you<br>[30:12] build your website around your content<br>[30:15] is key. Uh, I would spend a lot of time<br>[30:17] looking at your navigation menus in<br>[30:20] particular because that's one of the<br>[30:21] most important ways that people are<br>[30:23] going to be able to move around your<br>[30:24] site. So doing that is important and it<br>[30:27] does require some manual testing. So if<br>[30:29] that's something that you're a developer<br>[30:31] or you aren't an expert at, then I would<br>[30:33] recommend bringing someone in. Um that<br>[30:36] would be my my top recommendation is<br>[30:39] making sure you do automated and manual<br>[30:42] testing. I wouldn't just stop with the<br>[30:43] automated.<br>[30:45] So if people are interested in knowing<br>[30:47] more about accessibility particularly in<br>[30:49] the WordPress context, I know you guys<br>[30:51] over at Equalized Digital publish and<br>[30:54] have podcasts and webinars and are<br>[30:57] really building quite a community around<br>[30:59] this.<br>[31:00] >> We are so we are the official organizer<br>[31:04] of the WordPress accessibility meetup<br>[31:07] which is not like a normal WordPress<br>[31:09] meetup. It's not city based. It's all<br>[31:11] online uh with Zoom. It has we actually<br>[31:14] have live captioners who are coming. So<br>[31:16] if you're deaf or heart of hearing,<br>[31:17] there's human captioners that come. We<br>[31:19] are the first Thursday of the month and<br>[31:22] the third Tuesday of the month at 10:00<br>[31:26] a.m. US Central time or 5:00 p.m. C. And<br>[31:32] um we if you go to equestual.com/meup,<br>[31:37] you can get to this web page, you can<br>[31:38] see upcoming events and register for<br>[31:40] them totally free. We also post up<br>[31:43] recordings from all of those and we've<br>[31:46] been running this since 2020 or 2021.<br>[31:50] So, we have hundreds of recorded<br>[31:52] webinars from these meetups. Um, some of<br>[31:55] which many of which are about an hour<br>[31:57] and a half long. So, they're super<br>[31:59] detailed and you can just search for a<br>[32:01] specific topic. So, this is a great<br>[32:03] learning opportunity. As um we mentioned<br>[32:07] previously, we also have courses uh<br>[32:10] which you can find on our website if you<br>[32:12] go under learn and there's courses<br>[32:14] available there. So we have uh two<br>[32:17] online courses for screen readers, one<br>[32:19] on voice over for Mac and the other on<br>[32:21] NVDA for Windows. And I was talking<br>[32:25] about manual testing. If you want to<br>[32:26] learn how to manually test, this is<br>[32:29] probably a great course for you. Um, and<br>[32:32] then we also have one that's more<br>[32:34] targeted to agencies or developers on<br>[32:36] selling accessibility. Uh, so we have<br>[32:38] those as well. And trying to think other<br>[32:41] resources just in general. Yeah, you<br>[32:43] mentioned our podcast. We It's kind of<br>[32:45] fun. We talk about accessibility and<br>[32:47] craft beverages. So if you're into that,<br>[32:49] we always have a beverage for an episode<br>[32:52] and it's a little bit like an<br>[32:53] accessibility happy hour and you can<br>[32:55] find that at accessibilitycraft.com.<br>[32:59] >> Okay. So, this is the accessibility<br>[33:00] craft podcast.<br>[33:02] >> Yep.<br>[33:03] >> And when you say craft, I guess there's<br>[33:05] a pun in craft brewing as well.<br>[33:08] >> Yeah, that's kind of my nerdy idea is<br>[33:11] it's like the art or craft of making<br>[33:14] accessible websites, but also craft<br>[33:18] breweries. We do beer. We've done uh but<br>[33:22] we also do non-alcoholic things and<br>[33:23] we've done hard seltzers and sodas and<br>[33:27] kind of if it's an artisal beverage then<br>[33:29] we try it. We don't take ourselves too<br>[33:32] seriously. I will say my partner Chris<br>[33:35] he has a culinary degree and is probably<br>[33:38] the most the closest we would get to<br>[33:40] like a beverage expert. So he can always<br>[33:42] do that. But sometimes we have also<br>[33:44] tried things we just thought were<br>[33:45] probably going to be really gross but<br>[33:47] funny on the podcast. So, um, one of our<br>[33:51] developers is from Scotland, so he came<br>[33:54] on the end episode and we tried a<br>[33:56] beverage called Iron Brew from Scotland,<br>[34:00] >> which was kind of amusing. And we've<br>[34:02] tried like dill pickle sour beer. So, we<br>[34:07] have fun with it. Uh, and we also do try<br>[34:09] some good things that are worth tasting<br>[34:11] as well. We rate them and we talk about<br>[34:13] accessibility while we drink.<br>[34:16] >> Awesome. Um, well, thank you so much,<br>[34:18] Amber. If um if people want to follow<br>[34:20] you personally, where's the best place<br>[34:22] to follow you? Where do you post?<br>[34:24] >> Post most frequently on X or Twitter,<br>[34:27] and you can find me there. Hey,<br>[34:29] AmberHines. I'm also on LinkedIn as<br>[34:32] well, and my last name is spelled H I N<br>[34:34] Ds if you want to look me up.<br>[34:37] >> Awesome. Thank you so much, Ember.<br>[34:38] >> Thank you. <!-- deep-read:sections end --> ๐Ÿ“„ **Full text:** ![[Full Document Contents/Articles/What Publishers Need to Know About Web Accessibility.md|What Publishers Need to Know About Web Accessibility by YouTube]] ## Highlights - picture things that people need to think about? >> There's a lot of things that makes it a little bit hard for me to be like do this one, two or three things, but so what I would say high level to kind of I guess promote my own thing a little bit, not too much, but we have a plugin for WordPress called accessibility checker. Equalize digital accessibility checker. There's a free version on WordPress.org. Um, and that when it's installed on a website, uh, gives you some really great ([View Highlight](https://read.readwise.io/read/01kqcqzsjnnd57wfjnfss84sa3)) - Tags: ๐Ÿ‘ป ai highlighted - WordPress editor is done right. And that's going to be more helpful than any extra tools you can use. >> For sure. Yeah. And I it's worth mentioning there it's probably been an increase in what's called accessibility overlay use on publisher websites. And people can typically see an accessibility overlay because it adds a little badge to the front left or right bottom corner that looks like a person in a wheelchair maybe or an accessibility icon. And when you click it, it opens up this whole set of tools ([View Highlight](https://read.readwise.io/read/01kqcqzskt8wnze4p0pz276adc)) - Tags: ๐Ÿ‘ป ai highlighted - >> and it doesn't necessarily fix accessibility problems. So, it is so much better to just make sure you're following best practices when you enter the content on your website. >> Okay, so no shortcuts. It's probably going to be quicker and cheaper to actually publish right the first time. >> Correct. >> So, the last couple of days before I knew you were coming on the podcast, I installed it, the accessibility checker plugin, and have been playing around with it. Um, let me bring it up. I have ([View Highlight](https://read.readwise.io/read/01kqcqzsmxkykhx8efydy3q0m6)) - Tags: ๐Ÿ‘ป ai highlighted - a uh a sample post with the accessibility checker plugin. Um, we have the block editor here and the accessibility checker is up there in the top right corner and can you talk me through it a little bit? We've got a sidebar with some some problems, some needs review with the reading level. Can you talk me through what I should be looking for? ([View Highlight](https://read.readwise.io/read/01kqcqzsq4s0qfreys98669eyd)) - Tags: ๐Ÿ‘ป ai highlighted - tell you problems. These are things that we can definitively tell with a code review that this is something that is bad for accessibility. And then we have need review items. And these are items that may be a problem or may not be a problem, but a human has to assess them and figure this out. Um, and basically what you would do, I typically recommend looking at problems first. So if you wanted to, you can either click that ([View Highlight](https://read.readwise.io/read/01kqcqzst0ftyxzb0pjc50q3cp)) - Tags: ๐Ÿ‘ป ai highlighted - >> Ah, cover. >> And uh I'm not sure if we're gonna be able to see it. There we go. And it will highlight it and help you find the issue right on the post. So in this case, we're saying, hey, you really need to have a link that means something. Uh the reason why is people who are blind, they use a lot of different shortcuts in their screen readers to navigate websites. Just like you and I don't read a whole every word on every page of every website we visit. They don't want ([View Highlight](https://read.readwise.io/read/01kqcqzsv9rbt58e7xr4h3x2pk)) - Tags: ๐Ÿ‘ป ai highlighted - make sure they are creating content that is easy to consume by most people. Um, we use a flesh concaid grade level check and that puts there. There is also a web content accessibility guideline AAA guideline which says if you're writing content that is higher than this grade level, you should provide a simplified summary. And our plug-in does in the sidebar have a space where you could write a simplified summary and then it ([View Highlight](https://read.readwise.io/read/01kqcqzsyem4sq38tg28gynd8y)) - Tags: ๐Ÿ‘ป ai highlighted