Brianna
Forum Replies Created
-
Forum: Plugins
In reply to: [Video Accessibility] Visually hidden additional video switchThanks for that explanation!
There was both automatic and manual testing through Level Access. It hit 2 violations, both at rather high severity levels. Below are the full explanations from them for each. Please let me know if you agree or disagree with their assessment. I think your reasoning makes a lot of sense, but I also agree with some of the points the auditors made. Maybe there’s a way to achieve both?
- Violation 1: Ensure keyboard focus is indicated visually
- Description:
[Issue]
There are interactive controls that are not visible therefore without a visible keyboard focus indicator. Examples include: “Switch to video with audio description” button that is visually hidden right before the video frame
[User Impact]
Keyboard users will have difficulty determining their position on the page.
[Code Reference]<button type="button" class="wp-block-button__link visually-hidden" data-control="switch"><span class="video-accessibility__control-text">Switch to video with audio description</span><span class="video-accessibility__control-text video-accessibility__control-text--switch" hidden="">Switch to video without audio descriptions</span></button>
[Steps to Reproduce]
1- Press Tab repeatedly until the control is focused.
2- Notice that there is no visual indicator that the control is there or that it is focused.
[Recommendation]
Make sure that the control is visible. Ensure keyboard focus is indicated visually. When interactive controls receive focus, the control must appear on screen and a visible focus indicator must be present.
Focus can be indicated in a variety of ways. Most commonly, the browser default outline is used. To use the browser default, remove any outline: none or outline: 0 CSS declarations. Alternatives to the browser default outline include underlines, a change of background, and borders. A custom focus indicator must have a minimum contrast ratio of 3.00:1 against the background.
- Description:
- Violation 2: Ensure the focus order of interactive elements on the page is logical
- Description:
[Issue]
The following focus order is illogical:
1. Jump to section. 2. Visually hidden “Switch to video with audio description” button. 3. Video iframe and its content.
[User Impact]
Screen reader users and keyboard users will have difficulty efficiently navigating the site.
[Code Reference]<button type="button" class="wp-block-button__link visually-hidden" data-control="switch"><span class="video-accessibility__control-text">Switch to video with audio description</span><span class="video-accessibility__control-text video-accessibility__control-text--switch" hidden="">Switch to video without audio descriptions</span></button>
[Steps to Reproduce]
1- Press Tab repeatedly until the control is focused.
2- Notice there is a hidden control getting focused.
[Recommendation]
Make sure that the control is visible. Ensure keyboard focus is indicated visually.
- Description:
Forum: Plugins
In reply to: [Video Accessibility] Visually hidden additional video switchHi, actually, there is a visible button that correctly swaps the video between primary and secondary, but a duplicate button appears with the class “visually-hidden” that hides in the top left of the video.
The site is still in development and has IP-driven password protection on it. In lieu of the link, here’s a screen recording of me tabbing through the block with my computer’s VoiceOver on:
I’ve identified where in the plugin code this is coming from, but am unsure of its purpose. /src/blocks/block/view-script.js lines 46-50:
this.switchControls.forEach( switchControl => { const cloneBtn = switchControl.cloneNode(true); cloneBtn.classList.add('visually-hidden'); this.node.prepend(cloneBtn); } );Okay, well even if they can’t change it, is there a way to access a user’s birth date so I can create a custom automated email on that date?
I’m not using the profile form, but rather woocommerce account. Is there a way I can add this with the same code used in the profile form? Or a shortcode?
Hi, I’m having a similar issue.
All of my Ultimate Member emails had been working fine for years, but recently I’ve been getting emails from members showing us that they’re receiving Password Reset emails in straight HTML code.
I tested it myself, both with the “Use HTML for E-mails?” box clicked, and without it clicked, and sometimes I would get an email with code, and other times it would be the properly formatted email. There was no clear pattern on when one or the other happened.
Here’s my website: https://wisconsinnurses.org/
- Violation 1: Ensure keyboard focus is indicated visually