Remote

Curtis Wilcox

@cwilcox808@c.im

mastodon 4.7.2

Digital accessibility developer in higher ed

0 Followers

0 Following

27 Posts

Joined December 17, 2022

Language:

English 🇺🇸

Location:

Boston, Massachusetts USA

GitHub:

https://github.com/extra808

Curtis Wilcox @cwilcox808@c.im

· 3w ago

Replying to

@AmeliaBR@front-end.social My guess is speccing video-like controls for animated images (hopefully with automatic honoring of prefers-reduced-motion).

Hampster Dance happens to be what I used when experimenting with JavaScript to pause all the animated image types, not just GIFs, on a page. I should revisit that and make it a bookmarklet.

Edit: I kind of skipped the part about which Working Group. Then again, CSS is supposed to be able to create buttons now so 🤷. @Meyerweb@mastodon.social

1

0

0

0

Curtis Wilcox @cwilcox808@c.im

· 2mo ago

Replying to

@notthatdelta@furry.engineer This page says the degrees character is a safe one that all major screen readers will speak. https://elevenways.be/en/articles/screenreaders-special-characters

How screen readers read special characters: an update | Eleven Ways

How screen readers read special characters: an update | Eleven Ways

3

0

2

0

Curtis Wilcox @cwilcox808@c.im

· 2mo ago

Replying to

@igalia@floss.social I haven't finished the episode but at around 10:30, there's what sounds like an editing mistake. There's a period of silence followed by a bit where @Meyerweb@mastodon.social and a guest are speaking at the same time. A assume Eric's part was supposed to be in the silence. @bkardell@toot.cafe

1

1

0

0

Curtis Wilcox @cwilcox808@c.im

· 3mo ago

Replying to

@zersiax@cupoftea.social Thanks. Do you think that even if the anchor is misused to make a button instead of a link that it's still better to be misidentified as a link than nothing?

1

1

0

0

Curtis Wilcox @cwilcox808@c.im

· 3mo ago

From the Accessibility section of Safari Technology Preview Release 247 notes: > Fixed an element with a click handler but no href not being exposed as a link. Apparently, this is what Chrome and Firefox already do but I don't like it; anchors without an href aren't links and there's no telling whether the click handler goes somewhere or does something else. I guess screen reader users can say if they prefer the odds of them behaving link-like over technical correctness. #a11y https://webkit.org/blog/18133/release-notes-for-safari-technology-preview-247/

1

3

1

0

Curtis Wilcox @cwilcox808@c.im

· 5mo ago

Replying to

@tezoatlipoca@mas.to The most important reason to use semantic HTML elements like , , etc. is they make the web understandable and useable by people with disabilities using assistive technologies like screen readers. The browser uses the HTML to create not only the DOM that's visually rendered but also an accessibility tree accessed through the operating system's accessibility APIs. There are other benefits, like having basic usability when there's a CSS error, when content is reused elsewhere like RSS feeds, and when people use a Reader Mode in their browser. #a11y @schrottkatze@social.treehouse.systems @fossheim@front-end.social

2

0

0

0

Curtis Wilcox @cwilcox808@c.im

· 6mo ago

Replying to

@NfNitLoop Yeah, this isn't about keeping up with what Chrome churns out but Safari's tendency to have regressions in well established HTML standards. I've repeatedly seen this with Safari and details / summary elements, particularly its representation in the accessibility tree. @adactio

2

0

0

0

Curtis Wilcox @cwilcox808@c.im

· 5mo ago

Replying to

@aardrian@toot.cafe What are situations when only using the conformance model is useful? I expect people want to know, for example, when the Time-based Media criteria Pass because all the media meet them vs. when there isn't any media and therefore the criteria Pass. VPATs and the WCAG-EM Report Tool use formats that allow accounting for more than the binary states.

1

1

0

0

Curtis Wilcox @cwilcox808@c.im

· 8mo ago

Replying to

@joshtumath@mastodon.social Thanks, I just wanted to make sure I was understanding. Apple's custom property value is something web developers can use today to honor users' iOS/iPadOS text setting but I think few know of it or use it. @jscholes@dragonscave.space @mahryekuh@hachyderm.io

2

2

0

0

Curtis Wilcox @cwilcox808@c.im

· 6mo ago

Replying to

@mahryekuh Most screen reader users have some vision, the visual and non-visual experiences should correspond. :focus-within would help the non-screen reader keyboard users but a screen reader's virtual cursor will not trigger it.

CSS checkbox hacks have existed for a long time but have always had the same accessibility issues; what :has() enabled is freedom for where the checkbox is in the DOM relative to what it reveals.

1

1

0

0

Curtis Wilcox @cwilcox808@c.im

· 6mo ago

Replying to

@mahryekuh When you can't see the menu links they *should* be removed from the accessibility tree. Also, the links will still be in the focus order when the menu is not visible. For a sighted keyboard user, focus will disappear until they Tab through all the links. I don't know what the checkbox is named but "checked" is not the state that conveys to a screen reader user that a menu is open, "expanded" is. You can get this without JS by using a with a popover though because mobile menus often cover all usable space, I think having them in a opened by `command="show-modal"` is better.

1

3

0

0

Curtis Wilcox @cwilcox808@c.im

· 6mo ago

Replying to

@davatron5000 "You know, for kids!"

1

0

0

0

Curtis Wilcox @cwilcox808@c.im

· 7mo ago

Replying to

@menelion Yes, a "search" button is just a submit button with a different name. @SRAZKVT @MoritzGlantz

1

0

0

0

Curtis Wilcox @cwilcox808@c.im

· 7mo ago

Replying to

@SteveFaulkner Link came up again in my feeds. Didn't read past the executive summary. https://www.irregular.com/publications/vibe-password-generation

1

0

0

0

Curtis Wilcox @cwilcox808@c.im

· 11mo ago

Replying to

@Kiloku@burnthis.town If you're looking at both browsers on the same display, I think Firefox adjusts itself based on the color profile of the display. @nikitonsky@mastodon.online

2

0

0

0

Curtis Wilcox @cwilcox808@c.im

· 8mo ago

Replying to

@joshtumath@mastodon.social Meeting WCAG criteria is a floor, not a ceiling; keeping sites usable in user agents set to a larger font-size is a worthwhile goal. Users can already set their font-size in desktop browsers but sites often have problems when they use it. Maybe when the capability is standard on mobile devices, web developers will address it more. #a11y

1

2

0

0

Curtis Wilcox @cwilcox808@c.im

· 8mo ago

Replying to

@joshtumath@mastodon.social It sounds like this is a proposal to add a web standard that's equivalent to the Safari-specific font: -apple-system-body, is that correct? @jscholes@dragonscave.space @mahryekuh@hachyderm.io

1

2

0

0

Curtis Wilcox @cwilcox808@c.im

· 15mo ago

Replying to

@yatil Do you mean for syntax highlighting? @eric has got you covered. https://github.com/ericwbailey/a11y-syntax-highlighting @SaraSoueidan @aardrian @svenja @joshwcomeau

GitHub - ericwbailey/a11y-syntax-highlighting: 💄 Accessible light and dark syntax highlighting themes

💄 Accessible light and dark syntax highlighting themes - ericwbailey/a11y-syntax-highlighting

1

1

0

0

Curtis Wilcox @cwilcox808@c.im

· 7mo ago

Replying to

@zachleat I understand a recording can't really get across how loud it can be but do none of the designers or design users post audio or video clips? How loud is it compared to a regular speaking voice? How is the sound of a triple tone whistle different from others?

0

3

0

0

Curtis Wilcox @cwilcox808@c.im

· 7mo ago

Replying to

@zachleat I'm just baffled by all the models and commenters sharing photos of a thing that makes sound but not a recording of the sound.

0

1

0

0

Curtis Wilcox @cwilcox808@c.im

· 6mo ago

Replying to

@ppatel Zoom has a reCAPTCHA v3 based option that can be enabled to help protect against this sort of thing. I don't know how effective it is in practice against WebinarTV. @jakobrosin @josephcox

0

0

1

0

Curtis Wilcox @cwilcox808@c.im

· 7mo ago

Replying to

@chriskirknielsen Meh, I think users rarely care or think about links being "internal" or "external."

Even with the complexity of :local-link(0), :local-link(1), etc., it still can't treat example.com and www.example.com as "internal" but cwilcox.example.com as "external." @netzhexe

0

1

0

0

Curtis Wilcox @cwilcox808@c.im

· 7mo ago

@chriskirknielsen I'm a little unclear on the scope of the "reference combinator."

label /for/ input is one example but would button.menu /commandfor/ dialog work to style a dialog opened using a particular button? Could [role="tab"][aria-selected="true"] /aria-controls/ [role="tabpanel"] show a tabpanel based on selection of its tab?

0

1

0

0

Curtis Wilcox @cwilcox808@c.im

· 3mo ago

Replying to

@sarajw@front-end.social Does the custom emoji in this font basically look the same as the same character in other fonts, e.g. a thumbs up emoji (👍) but the custom one has an extra large thumb? If so, then something like 👍 is the way to make it decorative. If the custom emoji is not equivalent to an existing emoji in the Unicode catalog, then the font should have it assigned in the Unicode Private Use Area (PUA) @pkra@bonn.social referred to. Screen readers shouldn't say anything when they encounter PUA characters, they don't have a name stored for them. @zersiax@cupoftea.social

0

1

0

0

Curtis Wilcox @cwilcox808@c.im

· 5mo ago

Replying to

@davatron5000@mastodon.social Suggestion: put the first within the , the `div.meta-link` second, and use CSS to visually reorder them. Headings denote the beginning of a section of content, the link belongs to that section, therefore, it should be after the heading in the reading order (I think it's okay for the link to come first in the visual order because the visual design makes the association clear). As a more practical matter, non-sighted users who navigate by heading will miss the link if doesn't come after the heading in the reading order. In this example, the same link is repeated in the first paragraph so missing the "meta" one wouldn't really be a problem but in designing a post template, you probably can't assume that will always be the case. https://daverupert.com/2016/09/super-mario-64-1996-developer-interviews/ @ashur@front-end.social

0

0

0

0

Curtis Wilcox @cwilcox808@c.im

· 8mo ago

Replying to

@joshtumath@mastodon.social

Even on smaller viewports, users should be able to increase the text size up to 200% without having to horizontally scroll. The relevant WCAG 2.2 guidelines are 1.4.4 Resize Text and 1.4.10 Reflow.

Just to be clear, while it can be helpful and often achievable, WCAG doesn't require avoiding horizontal scroll with increased text size.

Horizontal scroll needs to be avoided in viewports as narrow as 320px but only for the page as it was designed.

Users also need to be able to enlarge text at least 200% but if they have to scroll in two directions to read it, so be it; enlarging by page zoom or even by pinch-to-zoom is sufficient to meet the Resize Text criterion.

0

2

0

0